body{margin:10px 0 0 0;background:#000 url(/img/bg.png);color:#F0F0F0;font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;}
p{margin:8px 0;}
a{text-decoration:none;color:#E0E0E0;}
a:hover{color:#CCC;}
strong{font-weight:bold;}
em{font-style:italic;}
ul{list-style-type:circle;padding-left:28px;}
ol{list-style-type:arabic;padding-left:28px;}
hr {padding: 0;border: none;height: 1px;
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
color: #fff;text-align: center;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.clear{clear:both;}
.red{color:#C00;}
.orange{color:#f47c20;}
img.res{max-width:100%;height: auto;}
p.right{text-align:right;float:none;}

/*#page{margin:0 auto;width:1130px;} */

div#topmenu {height: 24px; margin: 0; padding: 0; float:right;}
div#topmenu p {text-align:right; margin: 0; padding: 0 1em; font-size: .9em;}
nav{clear:both;margin:4px 0 12px 0;}

div#content {display: flex; width: 100%;}
div#content div#left, div#content div#right {vertical-align: top; background:#444;}
div#content div#left {width: 188px;margin-right:8px;}
div#content div#right {flex: auto;}

p.cookies{margin:4px 6px;font-size:.85em;color:#999;}

footer{margin-top:8px;padding:2px 0 4px 0;}
footer p{margin:2px 6px;font-size:.85em;color:#999;}
nav, footer{background:#333;border-top:1px solid #555;border-bottom:1px solid #111;}

div.box{margin:0 0 8px 0;padding:0 8px 8px 8px;min-height:30px;}
div.box h1{clear:both;margin:0 -8px 12px -8px;padding:4px 16px;color:#f47c20;font:normal 1.3em Verdana, Arial, Helvetica, sans-serif;background:#333;letter-spacing:1px;border-top:1px solid #555;border-bottom:1px solid #000;}
div.box h2{clear:both;margin:0 0 8px 0;padding:4px 12px;color:#f47c20;font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #222;}
div.box h3{clear:both;margin:0 0 8px 0;padding:4px 12px;color:#f47c20;font:normal 1.1em Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #ccc;}

img.logo{margin:2px 4px;}

ul.menu {padding-left:4px;}
ul.menu li{list-style-type:none;letter-spacing:0;padding:0 0 0 4px;}
ul.menu li a{display:block;padding:2px;}
ul.menu li a:hover{color:#999;}

#userMenu{margin:4px 0;padding:0;text-align:center;line-height:1.5em;}
#userMenu a{padding:2px 4px;font-size:1em;}
#userMenu a:hover{background:#333;}

.most_popular {position:relative;float:left;display:block;width:16.666666%;}
.work {position:relative;float:left;display:block;width:10%;}
.most_popular img.res, .work img.res{display:block;width:100%;height: auto;}

.most_popular .title, .work .title, .most_popular .info, .work .info{position:absolute;left:0;right:0;color:#000;padding:.4em;white-space:wrap;overflow: hidden;text-overflow: ellipsis;font-size:1.2em;}
.most_popular .title, .work .title{top:0;bottom:0;display:none;background:rgba(255,255,255,.7);}
.most_popular .info, .work .info{bottom:0;font-size:1em;background:rgba(255,255,255,.3);}
.work .title{font-size:1em;}
.work .info{top:auto;bottom:0;font-size:.8em;}
.most_popular:hover .title, .work:hover .title, .most_popular:hover .info, .work:hover .info{display:block;}
.most_popular:hover .info, .work:hover .info{background:none;}

div.table{display:table;width:100%;margin:4px 0 12px 0;border-spacing:0px;}
div.table div.row{display:table-row;}
div.table div.row div.cell{display:table-cell;padding:8px;}
div.table div.row div.cell:first-child{padding:8px 8px 8px 0;}
div.table div.row div.cell:last-child{padding:8px 0 8px 8px;}

div.item {display:table; width: 100%;}
div.item div{display:table-row;}
div.item div .item_nav{display:table-cell; width: 24px; text-align: center; vertical-align: middle; opacity: 0.4;}
div.item div .item_nav:hover {opacity: 1;}
div.item div .item_img{display:table-cell; text-align: center;}

div.item_desc {margin:0 auto; max-width: 1000px;}

.creator_l, .creator_r {position:relative;margin:0.1em 0.2%;float:left;display:block;padding:.2em 0 .4em 0;}
.creator_l {width:19.6%;background: #333;}
.creator_r {width:79.6%;background: #222;}

.cols_1,
.cols_2,
.cols_3,
.cols_1_3,
.cols_2_3,
.cols_4,
.cols_1_4,
.cols_3_4,
.cols_5,
.cols_1_5,
.cols_2_5,
.cols_3_5,
.cols_4_5,
.cols_6,
.cols_8,
.cols_10,
.cols_2_10{position:relative;margin:0.1em 0.5%;float:left;display:block;font-size:0.95em;font-weight:normal; }
.cols_1_3,
.cols_1_4,
.cols_1_5,
.cols_2_5 {margin-left:0;}
.cols_2_3,
.cols_3_4,
.cols_3_5,
.cols_4_5{margin-right:0;}
.cols_1{width:100%;margin-left:0;margin-right:0;}
.cols_2{width:49%;min-height:20px;}
.cols_3{width:32.333333%;min-height:60px;}
.cols_1_3{width:33%;}
.cols_2_3{width:66%;}
.cols_4{width:24%;}
.cols_1_4{width:24.75%;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.cols_3_4{width:74.25%;}
.cols_1_5{width:19.8%;}
.cols_2_5{width:39.6%;}
.cols_3_5{width:59.4%;}
.cols_4_5{width:79.2%;}
.cols_5{width:19%;}
.cols_6{width:15.666666%;}
.cols_8{width:11.5%;}
.cols_10{width:9%;}
.cols_2_10{width:19%;}
#mini_last .work{width:20%;}

.cols_1 p,
.cols_2 p,
.cols_3 p,
.cols_1_3 p,
.cols_2_3 p,
.cols_4 p,
.cols_1_4 p,
.cols_3_4 p,
.cols_5 p,
.cols_1_5 p,
.cols_2_5 p,
.cols_3_5 p,
.cols_4_5 p,
.cols_6 p{margin: 2px 4px}

img.border{border:8px solid #333;}










p.more{clear:both;text-align:right;color:#CCC;font-size:1em; padding: 8px 4px;}
p.more a{color:#CCC; padding: 6px 2px;}

p.title{color:#2387A9;font-weight:normal;margin:4px 0 0 0;}
span.title{color:#2387A9;font-weight:normal;}
p.desc{margin:4px 0;font-size:1em;}
table{display:table;margin:4px 0;}
table.dialog, form.dialog{margin:0 auto;}
table tr{display:table-row;}
table tr th{display:table-cell;padding:2px 4px;font-weight:bold;vertical-align:middle;}
table tr td{display:table-cell;padding:2px 4px;}
table.dialog tr th, table.dialog tr td{padding:2px 16px;border:none;}
table.border tr th{background:#777;border:1px #666 solid;font-size:.9em;white-space:nowrap;}
table.border tr td{border:1px #666 solid;font-size:.9em;}
table.border tr:hover td{background:#555;}
div.komunikat{margin:0 auto;padding:8px 12px;width:520px;border:1px #0C0 solid;}
div.ostrzezenie{margin:0 auto;padding:8px 12px;width:520px;border:1px #C00 solid;}
div.ostrzezenie p{color:#F00;font-weight:bold;letter-spacing:1px;}
.nawigacja{clear:both;padding:8px 0;margin-bottom:6px;}
.btnblack{color:#fff;text-align:center;padding:2px 4px;margin:0 1px;}
.btnwhite{color:#000;padding:1px 3px;border:1px #000 solid;margin:0 1px;}
.btntransparent{padding:2px 4px;color:#000;margin:0 1px;}

#item_detail{display:none;}
#open_detail{margin: 4px 0;}
#open_detail span {cursor: pointer;background: #333; color: #FFF; padding: 4px 8px;}
#open_others_author, #open_others_category {float: right; margin: 2px; cursor: pointer; display:none;}

.two_columns{column-count:2;-moz-column-count:2;-webkit-column-count:2;}
.three_columns{column-count:3;-moz-column-count:3;-webkit-column-count:3;}
.two_columns, .three_columns{column-gap:1em;-moz-column-gap:1em;-webkit-column-gap:1em;column-rule:1px solid #E8E8B8;-moz-column-rule:1px solid #E8E8B8;-webkit-column-rule:1px solid #E8E8B8;}
.two_columns p, .three_columns p{display:block;margin:0;line-height:1.5em;}


.searchform, .loginform{display:inline-block;display:inline;margin:0 5px;}
.searchform{display: flex;flex-wrap: nowrap;}
.searchform p, .loginform p{font:normal 1em/110% Verdana, Arial, Helvetica, sans-serif;margin:4px 0;}
.searchform input, .loginform input{font:normal 1em/100% Verdana, Arial, Helvetica, sans-serif;margin:3px 0;}
.searchform .searchfield, .loginform .loginfield, .field{background:#f0f0f0;padding:3px 6px 2px 6px;width:220px;border:solid 1px #bbb;outline:none;-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);}
.searchform .searchbutton, .loginform .loginbutton, .button{color:#fff;border:solid 1px #555;font:normal 1.1em/100% Verdana, Arial, Helvetica, sans-serif;height:25px;padding:0 16px 2px 16px;text-shadow:0 1px 1px rgba(0,0,0,.6);background:#444;background:-webkit-gradient(linear, left top, left bottom, from(#444), to(#111));background:-moz-linear-gradient(top, #444, #111);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#111');-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#111');cursor:pointer;cursor:hand;}
.searchform .searchfield, .searchform .searchbutton{width:74px;}
.searchform .searchbutton{font:normal normal normal 14px/1 FontAwesome;padding:0 6px 2px 6px}
.loginform .loginfield, .field{width:150px}
input:disabled, select:disabled{background:none;outline:none;border:solid 1px #666;padding:2px 2px 2px 2px;}
select:disabled{padding:1px 2px 1px 2px;}
fieldset {border: 1px #ccc solid; margin: 0 4px; padding: 4px;}
legend {margin: 0 8px; padding: 0 4px; font-weight: bold;}

img.action{cursor:pointer;cursor:hand;}
.progress{position:relative;margin:0 auto;display:none;width:290px;border:1px solid #666;padding:1px;border-radius:3px;}
.bar{background-color:#999;width:0%;height:20px;border-radius:3px;}
.percent{position:absolute;display:inline-block;top:3px;left:48%;}



input.sort_up{background:url(/img/b_sort_up.png) no-repeat center center; border: none; color: transparent; width: 8px; height:8px; cursor: pointer; margin: 4px 1px; opacity: .5;}
input.sort_down{background:url(/img/b_sort_down.png) no-repeat center center; border: none; color: transparent; width: 8px; height:8px; cursor: pointer; margin: 4px 1px; opacity: .5;}
input.sort_up:hover, input.sort_down:hover{opacity: 1;}

.box_kalendarium{position:relative;background:#333;}
.box_kalendarium .title{display: -webkit-box;margin:2px 4px;font-size:1em;text-align: left;line-height: 1.2em;text-overflow: ellipsis;overflow: hidden;height: 2.5em;font-weight:bold;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box_kalendarium .begin, .box_kalendarium .end{position:absolute; left:.5em;top:.5em; background: rgba(0,0,0,.6); text-align: center;padding:2px 4px;font-size:.8em;}
.box_kalendarium .end{left:5em;}
.box_kalendarium img.res{display:block;width:100%;height: auto;}

p.date{margin:-.8em 0 1em 0;font-style: italic;}


.adsresp{clear:both;}
@media screen and (max-width:1129px){
}
@media screen and (max-width:1023px){
  div.item div .item_img img{max-width:660px;height:auto;}
  .work{width:12.5%;}
}
@media screen and (max-width:799px){
  body{font-size:0.7em;}
  .most_popular{width:33.33333333333%;}
  .work{width:16.66666666666667%;}
  div.item div .item_img img{max-width:400px;height:auto;}
  .creator_l {width:24.6%;}
  .creator_r {width:74.6%;
}
@media screen and (max-width:767px){
  div#topmenu{display:none;}
  footer .right{clear:both;float:left;margin-top:1em;}
}
@media screen and (max-width:599px){
  .most_popular{width:33.33333333333333%;}
  .work{width:25%;}
  img.border{border:6px solid #333;}
  div.item div .item_img img{max-width:390px;height:auto;}
  .cols_4{width:32.333333%;}
  .creator_l {width:29.6%;}
  .creator_r {width:69.6%;}
}
@media screen and (max-width:479px){
  .most_popular{width:50%;}
  .work{width:33.33333333333333%;}
  img.border{border:4px solid #333;}
  div.item div .item_img img{max-width:240px;height:auto;}
  .cols_4{width:49%;}
  .creator_l {width:100%;}
  .creator_r {width:100%;}
}