/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top;}
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.replacement { position: absolute; z-index: 10; background-repeat: no-repeat; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline;}
a .replacement {	z-index: 20; cursor: hand; }
/* </default rules> */

/* elements */
body { font-family:Arial, sans-serif; font-size:12px; color:#666; background:#fff url(../pix/body-bg.gif) repeat-x; }
a { color:#306b93; }

#wrapper { width:960px; margin:0 auto; min-height:253px; position:relative; }

p.auth { position:absolute; right:0px; top:0px; color:#ccc; font-size:10px; background:#000; padding:0px 5px; }

#header { height:86px; background:url(../pix/header-bg.gif) no-repeat; }

#logo h1 { display:inline; position:relative; float:left; width:285px; height:56px; overflow:hidden; }
#logo h1 .replacement { left:0; top:0; width:285px; height:56px; background-image:url(../pix/header-bg.gif); }

#menu {float:right; }
#menu ul { padding:27px 35px 0 0; }
#menu li { float:left; padding:0; margin-right:5px;}
#menu a { display:block; height:22px; padding:8px 12px 0 12px; color:#c6dce9; font-size:14px; }
#menu li:hover { background:url(../pix/menu-bg.gif) left -60px; }
#menu a:hover { color:#fff; background:url(../pix/menu-bg.gif) right -90px; text-decoration:none; }
#menu li.active { background:url(../pix/menu-bg.gif); }
#menu li.active a { background:url(../pix/menu-bg.gif) right -30px; color:#fff; }
#menu li.active a:hover { text-decoration:none; }

#slogan { height:161px; background:url(../pix/slogan-bg.jpg) no-repeat; color:#fff; padding-left:350px; line-height:1.5; position:relative; }
#slogan p { width:590px; padding:20px 0 0 0; }
#slogan ul { width:590px; padding:0 0 0 0;}
#slogan li { background:url(../pix/punktor.gif) no-repeat left 8px; padding:0 0 0 10px;}
#slogan .help-us { display:block; width:228px; height:42px; position:absolute; top:109px; left:695px; }

#slogan-foto {position:absolute; top:0; left:0; width:960px; height:160px; }

#main-modules { width:610px; float:left; }
#supported-modules { width:350px; float:left; }

#czywiesz { height:214px; background:url(../pix/workflow-bg.gif) no-repeat; position:relative; }
#czywiesz-inner { padding:60px 27px 20px 27px; }
#czywiesz-inner h3 { font-size:12px; margin:0 0 7px 0; padding-bottom:7px; border-bottom:1px solid #b7e1fa; }
#czywiesz-inner p{ margin-bottom:15px; }
#czywiesz .all-czywiesz { position:absolute; right:27px; bottom:14px; }

#workflow { display:none; height:214px; background:url(../pix/workflow-bg.gif) no-repeat; position:relative; }
#workflow p { text-align:center; color:#336f98; position:absolute; top:155px; width:150px; font-size:11px; }
#workflow p:first-line { font-size:18px; font-weight:bold; color:#44c4ec; }
#workflow .dyskusja { left:40px; }
#workflow .analiza { left:237px; }
#workflow .publikacja { left:424px; }

#aktualne-dys h2 { display:inline; position:relative; float:left; width:600px; height:65px; overflow:hidden; padding-left:10px; }
#aktualne-dys h2 .replacement { left:0; top:0; width:610px; height:65px; background-image:url(../pix/aktualne-dys.gif); }
#aktualne-dys h2.h-temat .replacement { left:0; top:0; width:610px; height:65px; background-image:url(../pix/temat-bg.png); }
h2.h-komentarz { display:inline; position:relative; float:left; width:600px; height:65px; overflow:hidden; padding-left:10px; }
h2.h-komentarz .replacement { left:0; top:0; width:610px; height:65px; background-image:url(../pix/komentarze-bg.gif); }
#aktualne-dys #comment-anchor .replacement { left:0; top:0; width:610px; height:65px; background-image:url(../pix/komentarze-bg.gif); }
#aktualne-dys h2.h-wszystkie .replacement { left:0; top:0; width:610px; height:65px; background-image:url(../pix/wszystkie-bg.png); }

#aktualne-dys .temat { clear:both; border-top:1px solid #b7e1fa; padding:0 0 25px 0; background:#fff; min-height:100px;}
#aktualne-dys .seeall { clear:both; border-top:1px solid #b7e1fa; padding:10px 0 20px 0; background:#fff; text-align:right;}
#aktualne-dys .wpis { clear:both; border-top:1px solid #b7e1fa; padding:0 0 10px 0; background:#fff; min-height:0px;}
#aktualne-dys .comment-box { width:130px; float:left; padding-top:15px;}
#aktualne-dys .comment-box p { font-size:10px; color:#daf4fc; width:84px; height:40px; background:url(../pix/comments-bg.gif) no-repeat; text-align:center; padding:9px 10px 0 0; line-height:1.0; margin-left:25px; }
#aktualne-dys .comment-box p:first-line { font-size:20px; color:#fff; }
#aktualne-dys .temat-box { width:480px; float:left; }
#aktualne-dys .baza-wiedzy { width:585px; margin-left:25px;  }
#aktualne-dys .temat-box h3 { font-size:16px; color:#306b93; padding:17px 20px 0 0; }
#aktualne-dys .temat-box ol { margin:5px 0 10px 0; list-style:decimal;}
#aktualne-dys .temat-box ul { margin:5px 0 10px 0; list-style:disc;}
#aktualne-dys .temat-box ol  li { margin:0 0 0 22px;}
#aktualne-dys .temat-box ul  li { margin:0 0 0 17px;}
#aktualne-dys .temat-box p { margin:5px 20px 10px 0; }
#aktualne-dys .temat-box p.tags { margin:20px 20px 20px 0; background:#e4f7fd; padding:5px 10px; }
#aktualne-dys .temat-box a.dodaj { display:block; width:124px; height:18px; background:url(../pix/btn-dodaj.gif) no-repeat; }
#aktualne-dys .temat-box a.dodaj:hover { background-position:0 -18px; text-decoration:none; }
#aktualne-dys .temat-box a.dolacz { display:block; width:131px; height:18px; background:url(../pix/btn-dolacz.gif) no-repeat; }
#aktualne-dys .temat-box a.dolacz:hover { background-position:0 -18px; text-decoration:none; }
#aktualne-dys .temat-box a.czytaj { display:block; width:106px; height:18px; background:url(../pix/btn-czytaj.gif) no-repeat; }
#aktualne-dys .temat-box a.czytaj:hover { background-position:0 -18px; text-decoration:none; }
#aktualne-dys .temat-box a.zobacz { display:block; width:106px; height:18px; background:url(../pix/btn-zobacz.gif) no-repeat; }
#aktualne-dys .temat-box a.zobacz:hover { background-position:0 -18px; text-decoration:none; }

#comments-new {  }
.feed { position:absolute; top:469px; right:15px; z-index:1100; }
.feed a { display:block; height:54px; width:53px; background:url(../pix/feed-icon.png) no-repeat;}
#comments-new .container {background:#fff; min-height:200px; margin-left:1px;}
#comments-new .details {padding:0 22px 0 21px; margin:0px 0px 20px 1px; padding-top:10px; border-top:1px solid #eee;}
#comments-new .autor {padding-bottom:3px; }
#comments-new .link {padding:3px 0 4px 0; text-align:right; }
#comments-new h2 { display:inline; position:relative; float:left; width:350px; height:65px; overflow:hidden; padding-left:0px; }
#comments-new h2 .replacement { left:0; top:0; width:350px; height:65px; background-image:url(../pix/new-comments.gif); }
#comments-new h2.best .replacement { background:url(../pix/tc-bg.png) left -214px no-repeat; }

#comment-style a.dodaj { display:block; width:124px; height:18px; background:url(../pix/btn-dodaj.gif) no-repeat; }
#comment-style a.dodaj:hover { background-position:0 -18px; text-decoration:none; }
#comment-style .comment { clear:both; padding:0 0 25px 0; background:#fff; min-height:100px; position:relative; }
#comment-style .comment .form_usun_container { position:absolute; top:4px; right:35px; }
#comment-style .comment .form_usun_container input { font-size:11px; }
#comment-style .comment-tresc { width:460px; float:left; background:#e9f1f7 url(../pix/comment-bg.gif) no-repeat; margin-top:15px; }
#comment-style .comment-tresc ol { margin:15px 20px 5px 20px; list-style:decimal;}
#comment-style .comment-tresc ul { margin:15px 20px 5px 20px; list-style:disc;}
#comment-style .comment-tresc ol  li { margin:0 0 0 21px;}
#comment-style .comment-tresc ul  li { margin:0 0 0 15px;}
#comment-style .comment-tresc p { margin:15px 20px 5px 20px; }
#comment-style .comment-tresc p.autor { background:url(../pix/comment-autor.gif) no-repeat; height:18px; margin:0; padding:13px 0 0 45px; }
#comment-style .comment-tresc p.autor span { font-weight:bold; color:#44c5ed; }
#comment-style .wykop-box { width:130px; float:left; padding-top:15px; position:relative; }
#comment-style .wykop-box p { font-size:10px; color:#daf4fc; width:76px; height:40px; text-align:center; padding-top:16px; line-height:1.0; margin-left:25px; font-size:18px; color:#fff;}
#comment-style .negatyw p { background:url(../pix/wykop-negatyw.gif) no-repeat; padding-right:4px; width:79px;}
#comment-style .pozytyw p { background:url(../pix/wykop-pozytyw.gif) no-repeat; padding-right:0; width:83px;}
#comment-style .neutral p { background:url(../pix/wykop-neutral.gif) no-repeat; padding-right:0; width:83px; }
#comment-style .wykop-box .vote_btn {display:block; width:25px; height:26px; position:absolute; border:0; }
#comment-style .wykop-box .up { background:url(../pix/wykop-up.png); top:0; left:55px; }
#comment-style .wykop-box .up:hover{ background:url(../pix/wykop-up-over.png); cursor:pointer; }
#comment-style .wykop-box .down { background:url(../pix/wykop-down.png); top:53px; left:55px; }
#comment-style .wykop-box .down:hover { background:url(../pix/wykop-down-over.png); cursor:pointer; }

#comment-manual { background:#fff;padding:0px 25px 20px 25px;}

.info-no-comments { background:#fff;padding:20px 25px;}

#form_container { background:#fff;padding:20px 25px; }
#form_container h3 { font-size:18px; color:#44c4ec; }
#form_container .row { margin:10px 0 0 0; }
#form_container .submit { margin:10px 0 0 0; }
#form_container label { display:block; font-weight:bold; margin:0 0 2px 0; }
#form_container label em { font-weight:normal; }
#form_container .row input { border:1px solid #44c4ec; width:250px; padding:2px 3px; color:#000; font:12px Arial; }
#form_container .row textarea { border:1px solid #44c4ec; width:550px; padding:2px 3px; color:#000; font:12px Arial; height:155px; }

h2.h-blank { height:42px; background:url(../pix/blank-bg.png) no-repeat; font-size:18px; color:#306b93; padding:23px 0 0 45px; }
#aktualne-dys h2.h-blank-tag { height:42px; background:url(../pix/blank-bg.png) no-repeat; font-size:18px; color:#306b93; padding:23px 0 0 25px; }
#art { min-height:400px; background:#fff; padding-bottom:15px; }
#art p { margin: 0 45px 15px 45px; }
#art ol { margin:0px 45px 15px 45px; list-style:decimal;}
#art ul { margin:0px 45px 15px 45px; list-style:disc;}
#art ol  li { margin:0 0 0 21px;}
#art ul  li { margin:0 0 0 15px;}

#comment-style a:link, #comment-style a:visited { text-decoration:underline;}
#comment-style a:hover { text-decoration:none;}

.white {min-height:400px; background:#fff; padding-bottom:15px; clear:both;}
.white p {margin:0 25px;}

#art #form_container { background:#fff;padding:0 45px; }
#art #form_container .row input { width:510px; }
#art #form_container .row textarea { width:500px; }

#art .confirm { background:#eee; margin:0 45px 10px 45px; padding:10px; }
.confirm { background:#fff; padding:5px 20px 15px 25px; margin:0; }
.confirm p { background:#91c233; padding:10px; color:#fff; }
.error { color:#e30909; }

#art .admin {margin:0 45px; padding:10px; border-bottom:1px solid #fff;}
#art .admin form {margin-top:5px;}
#art .admin.odd { background:#f2f2f2;}
#art .admin.even { background:#e4f7fd;}
#art .preview-status {padding:15px 0; }
#art .status {margin:0 45px; padding:10px; color:#fff; }
#art .status div {padding-top:5px; }
#art .status.L { background:#91c233;}
#art .status.D { background:#e30909;}
#art .preview-content { margin:15px 0;}

#preview-tags { margin:0 45px; background:#fff; border:1px solid #44c4ec; }
#preview-tags legend { margin:0 10px; padding:2px 5px; font-weight:bold; color:#44c4ec;}
#preview-tags ul { margin:7px 20px; }
#preview-tags .form_tag { margin:15px 20px; }
#preview-tags .form_tag .tekst { border:1px solid #44c4ec; font:12px Arial; padding:2px 3px; }

#tagi { height:214px; background:url(../pix/tp-bg.png) no-repeat; }
#tagi p { padding:60px 30px 0 27px; line-height:1.6;}
#tagi p span  { padding:0 8px 0 0; }
#tagi p a { color:#44c4ec; white-space:nowrap; }

#partnerzy { height:310px; background:url(../pix/tp-bg.png) left -214px no-repeat; }

#footer { color:#c8effb; }
#footer-inner { width:960px; margin:0 auto; background:#47caf0 url(../pix/footer-bg.gif) no-repeat;  height:175px;}
#footer-inner p { clear:both; padding:18px 20px; line-height:1.3; }

.paginationControl { padding:10px 30px; border-top:1px solid #b7e1fa;}

.profil { display:none; margin:10px 0 0 -45px; padding:0; }

.rank { padding:0 5px; background:#90c131; color:#fff;}