.meta { font-weight: 300; margin: 0 0 10px; position: relative; top: -15px; font-size: 12px; text-transform: uppercase; color: #444; }

.article-picture { margin-bottom: 20px; overflow: hidden; }
.article-picture p { font-weight: 300; font-size: 12px; color: #333; margin: 0 0 5px 0; }
.article-picture p.description { float: left; }
.article-picture p.author { float: right; }
.article-picture.z9 img { width: 100%; }


.article-content .article-picture { float: left; margin: 0 20px 20px 0; position: relative; overflow: visible; }
.article-content .article-picture p { max-width: 250px; float: none; }
.article-content { font-size: 15px; margin-bottom: 30px; }
.article-content:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.article-content .lead { margin: 0 0 20px; }


.addthis_toolbox { float: right; margin: 0 0 10px 20px; }
.addthis_toolbox p { margin: 0 0 5px; color: #333; }

.share-toolbox { float: right; margin: 0 0 10px 10px; }
.share-toolbox p { margin: 0 0 0 15px; color: #333; }


blockquote.cite { overflow: hidden; border: 1px solid #CCC; border-width: 1px 0; padding: 15px 0; margin: 20px 0; font-size: 18px; font-style: italic; }
blockquote.cite .author { font-weight: 700; }

blockquote.quote { float: left; padding: 15px 20px; background: #F5F5F5; font: italic 16px/1.4 Georgia; color: #333; }
blockquote.quote .author { display: block; text-align: right; font-style: normal; font-size: 13px; font-weight: bold; margin-top: 10px; }

.article-tags { background: #FAFAFA; margin: 20px 0; padding: 10px 15px; border: 1px solid #efefef; clear: both; color: #444; }
.article-tags a { margin: 0 3px; padding: 3px; font-size: 15px; }
.article-tags a:hover { background: #fff; }

.article .related { border: 1px solid #DDD; padding: 10px 15px; }
.article .related h2 { border: 0; font-size: 18px; margin: 0; background: #1A5245; margin: -10px -15px 15px; color: #fff; padding: 10px 15px; }
.article .related li { font-size: 15px; font-weight: 300; }
.article .related .fl { float: right; margin: 0 0 0 15px; }

.art-contactinfo-piano { clear: both; background: #268DC0 url(/i/go/pianobar.png) no-repeat 10px center; color: #FFFFFF; font-size: 13px; font-weight: 400; margin: 10px 0 30px; padding: 10px 10px 10px 130px; }
.art-contactinfo-piano a { color: #FAFAFA !important; }
.art-more-piano { border-bottom: 1px solid #268DC0; padding: 10px 0; margin: 15px 0; clear: both; font-weight: bold; font-size: 1.2em; text-align: center; }

blockquote.highlight { background: #ddd; margin: 0 0 20px; padding: 20px; font: italic 18px/1.4 Georgia, serif; width: auto; color: #222; position: relative; }
blockquote.highlight.on-left { max-width: 300px; margin-right: 20px; float: left; }
blockquote.highlight.on-right { max-width: 300px; margin-left: 20px; float: right; }
.fbShare { width: 24px; height: 24px; background: url(/i/icons/fb.png); position: absolute; bottom: 10px; right: 10px; cursor: pointer; opacity: 0.7; transition: opacity 0.3s; }
*:hover > .fbShare { opacity: 1 !important; }

#comments ol { padding: 0; list-style-type: none; margin: 0; overflow: hidden; clear: both; border-bottom: 1px solid #CCC; margin-bottom: 30px; }
#comments ol ol { padding-left: 10%; border-bottom: 0; margin-bottom: 0; }
#comments ol li { padding: 5px 0; list-style-type: none; margin: 0; oveflow: hidden; border-top: 1px solid #CCC; position: relative; top: 1px; }
#comments ol li p { padding: 5px 0; margin: 0; }
#comments .author-name { font-weight: 700; font-size: 16px;}
#comments .author-name-registered { color: #00695C; }
#comments .author-name-anonymous { font-style: italic; color: #444; }
#comments .author-name-anonymous:before { content: '~'; }
#comments .author-ip { font-weight: 300; font-size: 12px; color: #555; float: right; }
#comments .comment-date { font-weight: 300; font-size: 12px; margin: 0 10px; }
#comments .art-comment-text { font: italic 14px/1.4 Georgia; color: #111; }
#comments .art-comments-more { float: right; font-size: 12px; padding: 10px 0 0; }
#comments .art-comment-options { font-weight: 300; font-size: 12px; color: #111; text-align: right; }
#comments .art-comment-score { float: left; }
#comments .art-comment-options a { display: inline-block; padding: 3px 6px; vertical-align: middle; cursor: pointer; }
#comments .art-comment-options a:hover { background: #EEE; }
#comments .showHiddenComment { color: #777; cursor: pointer; }
#comments .showAllComments { display: block; background: #EEE; text-align: center; padding: 10px 20px; font-size: 16px; font-weight: 300; margin-bottom: 30px; }

#comments .logininfo { clear: both; padding: 0 0 10px; overflow: hidden; text-align: right; color: #505050; }
#comments .logininfo a { color: #1a5245; font-weight: bold; }
#comments .logininfo .fb { color: #33578E; }
#comments .logininfo .fb img { vertical-align: middle; margin-left: 3px; height: 16px; width: 16px; }


#comments .btn_submit { background: #1A5245; padding: 5px 10px; font-weight: 300; font-size: 16px; color: #fff !important; border: 0; cursor: pointer; }
#comments .btn_submit:hover { background: #0A2D25; }
#comments .btn_submit.refreshComments { background: #eee; color: #656565 !important; }
#comments .art-comment-top { float: left; margin: 0 0 15px 0; }
#comments .art-comment-sort { float: right; margin: 0 0 15px 0; }
#comments .art-comment-sort a { display: inline-block; font-size: 12px; padding: 4px 6px; background: #f5f5f5; }

#comments .pane { clear: both; }
#addComment > *, #art-comment-form { clear: both; padding: 10px 0; background: #FAFAFA; padding: 20px 25px; }
#addComment h2, #art-comment-form h2 { font-size: 18px; border-bottom-width: 1px; }

.article-comments form {  }
.article-comments form input[type=text],
.article-comments form textarea { border: 1px solid #CCC; padding: 4px 6px; font-size: 11px; font-family: inherit; border-radius: 1px; box-shadow: -2px 2px 4px rgba(0,0,0,0.1) inset; min-width: 60%; }
.article-comments form pre { font-size: 10px; line-height: 9px; background: #FFF; width: 200px; padding: 0 10px; margin-bottom: 5px; }
.article-comments form dt { padding: 0 0 5px 0; font-weight: 300; font-size: 16px; margin: 0; }
.article-comments form dd { padding: 0 0 15px; margin: 0; }
.article-comments form p { margin: 3px 0; font-style: italic; color: #606060; }
.article-comments form p a { font-weight: bold; text-decoration: underline; }
.article-comments form input[type=radio],
.article-comments form input[type=checkbox] { margin-right: 5px; vertical-align: middle; }
.article-comments form input[type=submit] { background: #AA1E26; color: #FFF; font-style: italic; font-size: 18px; padding: 8px 16px; border: 0; font-family: inherit; cursor: pointer; }
.article-comments form .errors { list-style-type: none; }
.article-comments #comment_post-label { display: none; }


.gallery-preview-4 { clear:both; border-top: 2px solid #777; margin: 10px 0; padding: 0; background: #f3f3f3; padding: 10px 20px; }
.gallery-preview-4 h3 { margin: 0 0 10px; padding: 0; font-weight: 300; font-size: 18px; }
.gallery-preview-4 > a { margin-right: 10px; }
.gallery-preview-4 .gallery-preview-more { font-size: 12px; }

.gallery-preview-1 { clear:both; border-top: 2px solid #777; float: left; margin: 0 15px 15px 0; width: 135px; padding: 0; background: #f3f3f3; padding: 10px 20px; }
.gallery-preview-1 h3 { margin: 0 0 10px; padding: 0; font-weight: 300; font-size: 18px; }
.gallery-preview-1 > a { margin-right: 10px; }
.gallery-preview-1 .gallery-preview-more { font-size: 12px; }

.media-image { float: left; margin-right: 15px; max-width: 100%; }

.poll { margin: 10px 0; padding: 10px; border:2px solid #efefef; clear: both; }
.poll table { width: 100%;  }
.poll caption { font-size: 1em; padding: 4px 0 4px 8px; text-align: left; font-weight: bold;  }
.poll td { padding: 2px 5px; margin: 1px; background: #FFF; vertical-align: middle; }
.poll td.img { width: 62px; }
.poll td.img img { border: 1px solid #CCC; }
.poll td.checkbox { width: 15px; }
.poll tr:hover td { background: #efefef; }
.poll label { cursor: pointer; }
.poll-submit { padding: 3px 5px; font-weight: bold; font-size: 0.8em; background: url(../i/miasta/bg/btn.gif) repeat-x bottom; border: 1px solid #bfbfbf; color: #1A501D; margin: 10px 0 0 8px; }
.poll .pollPercent { height: 18px; background: #F5F5F5; border: 1px solid #DDD; position: relative; overflow: hidden; border-radius: 5px; }
.poll .pollPercent > div { position: absolute; left: 0; top: 0; background: #0D833D; height: 100%; z-index: 1; }
.poll .pollPercent > strong { position: absolute; left: 5px; top: 0; color: #CCC; font-size: 11px; line-height: 16px; z-index: 2; }
.poll .answerResult { font-weight: bold; color: #444; padding: 4px 0 0; }
.poll .showResults { font-size: 0.8em; padding: 0 5px; font-weight: bold; }

.art-source { text-align: right; margin-bottom: 10px; }
.art-source-4 { background: #8C1F1F; color: #FFF; padding: 10px 20px; }
.art-source-4 a { text-decoration: none !important; font-weight: bold; color: #FFF !important; }

.box { background: #FAFAFA; padding: 10px; color: #333; }
.box-width { float: left; margin-right: 15px; }

.mediabox { background: #FAFAFA; padding: 10px; display: table; float: left; float: left; margin-right: 15px; }
.mediabox .caption { display: table-caption; caption-side: bottom; background: #FAFAFA; padding: 0 10px 10px; color: #555; font-size: 0.85em; line-height: 1.3; }
.mediabox .media-image { margin: 0; }

.art-text iframe { margin: 10px 0; width: 100%; clear: both; border: 1px solid #EEE; }

.timeline { margin: 20px 0; padding: 0; list-style-type: none; }
.timeline li { overflow: hidden; }
.timeline .time { width: 100px; padding: 20px; text-align: right; float: left; font-weight: 400; font-size: 12px; color: #444; }
.timeline .content { overflow: hidden; border: 1px solid #DDD; padding: 20px; border-width: 1px 0 0 1px; position: relative; }
.timeline .first .content { border-top: 0; }
.timeline .f { float: right; margin: 0 0 10px 20px; }
.timeline .header p { text-align: right; font-size: 11px; }
.timeline .refreshTimeline { display: block; background: #CE4D39; padding: 10px; text-align: center; margin-bottom: 20px; cursor: pointer; color: #FFF; font-weight: 700; }
.timeline .refreshTimeline:hover { background: #992A1A; }
.timeline .fbShare { opacity: 0.2; }

table.list { margin: 10px auto; width: 100%; border-collapse: collapse; }
table.list td { padding: 4px 12px; border-bottom: 1px solid #CCC; }
table.list .bg0 td { background: #FAFAFA; }
table.list .bg1 td { background: #F5F5F5; }

.box-ewydanie { float: left; width: 187px; margin: 0 20px 20px 0; background: #FAFAFA; padding: 10px; }
.box-ewydanie img { display: block; border: 1px solid #CCC; margin: 10px 0; }
.box-ewydanie strong { font-weight: 700; font-size: 13px; text-transform: uppercase; display: block; line-height: 1.2; color: #C23D00; }

.csArticleLabel { font-weight: bold; }

a.quiz { display: block; padding: 10px; background: #16a085; color: #fff; position: relative; }
a.quiz strong { display: block; font-size: 1.5em; }
a.quiz .button { float: right; margin: 0 0 10px 10px; background: #1abc9c; padding: 5px 10px; }

#blockwarning { background: #000; padding: 50px 30px; text-align: center; color: #FF3333; font-weight: bold; margin: 30px 0; }

.articleBox { width: 180px; float: right; margin: 0 0 10px 20px; padding: 10px; background: #F4F4F4; font-size: 12px; clear: right; }
.articleBox a { display: block; margin: 0 0 7px; font-weight: 700; color: #404040; font-size: 13px; }  
.articleBox small { display: block; margin: 0 0 5px; text-transform: uppercase; color: #999; letter-spacing: 2px; }  
.articleBox-left { float: left; margin: 0 20px 10px 0; clear: left; }

@media screen and (max-width:640px) {

	.box-ewydanie { float: none; width: auto; margin: 0 0 20px 0; }
	
	
}