blockquote.cite { overflow: hidden; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #EFEFEF; padding: 1em; clear: both; }
blockquote.cite .author { font-weight: bold; }

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; }

.share-toolbox { margin: 0; }
.share-toolbox p { display: none; }

.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-text iframe { margin: 10px 0; width: 100%; clear: both; }

.art-comments { clear: both; margin: 10px 0; padding: 5px 0; }
.art-comments h2 { font:18px Georgia; padding: 7px 0; border-bottom: 1px solid #ccc; }
.art-comments-border { border-top: 4px solid #444; }
.art-comments li { padding: 10px 0; list-style-type: none; oveflow: hidden; clear: both; }
.art-comments li ol { padding: 0 0 0 15%; }
.art-comment-author { clear: both; height: 17px; }
.art-comment-author .author-name {font-weight:bold; float: left; padding-left: 10px; font-family: Georgia;}
.art-comment-author .author-name-registered { color: #537C01; }
.art-comment-author .comment-date {float: right;}
.art-comment-text { background:#efefef url(/i/miasta/bg/arrow_comment.gif) no-repeat; padding: 20px 10px 10px; position: relative; font-family: Georgia; }
.art-comments li ol .art-comment-text { background-color: #FCFCFC; }
.art-comment-options { border: 1px solid #CDCDCD; border-width: 1px 0; padding: 2px 0; overflow: hidden; }
.art-comment-options > * { text-align: center; min-width: 6px; float: right; font-family: Arial; font-size: 0.8em; padding: 2px 5px; text-decoration: none !important; }
.art-comment-options > a { cursor: pointer; }
.art-comment-options > a:hover { background: #EFEFEF; }
.art-comment-options .voteComment { font-weight: bold; }
.art-comment-options .voteComment.plus:hover { background: green; color: #FFF; }
.art-comment-options .voteComment.minus:hover { background: red; color: #FFF; }
.art-comment-score { float: left; color: #999; }
.art-comments-more { font: normal 11px/18px Tahoma; float: right; }

.art-comments { margin: 10px 0; padding: 5px 0; }
.art-comment-top { margin: 15px 0; float: left; }
.art-comment-sort { float: right; margin: 15px 0; }

.showHiddenComment { color: #999 !important; font-style: italic; cursor: pointer; }

.art-comment-report:link { font-size: 14px; font-weight: bold; color: red; font-family: Verdana; }
.art-content { line-height: 1.3em; overflow: hidden; }
.art-title { margin: 0 0 7px 0; font-size: 2.2em; font-family: Georgia; line-height: 1.2em; font-weight: normal; }
.art-text { text-align: justify; line-height: 1.5em; }
.art-text a.link { background: url("/i/bg_link.jpg") no-repeat scroll right center transparent; border-bottom: 2px dotted #D1DFD0; color: #488A42; font-weight: bold; padding: 0 14px 0 0; text-decoration: none; }
.art-info { color: #2F2F2F; font: normal 10px Arial; padding-bottom: 8px; border-bottom: 1px solid #ccc; margin-bottom: 10px;  }
.art-options { overflow: hidden; margin-bottom: 10px; }
	.addthis_default_style { float: right; }
	#fontsizer { float: right; padding-right: 10px; }
		#fontsizer a { height: 15px; padding: 0 5px; cursor: pointer;  }
#fs_sml { font-size: 9px; }
#fs_med { font-size: 12px; }
#fs_lrg { font-size: 15px; }

.art-lead { margin-bottom: 9px; text-align: justify; }
.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; }

.art-content img { max-width: 100%; }


#comment pre { font-size: 0.8em; color: #021F0C; }
#comment dt { padding: 5px 0; }

.gallery-preview-1, .gallery-preview-1l { float: left; margin: 0 15px 15px 0; padding: 10px; background-color: #efefef; width: 135px;}
.gallery-preview-1r { float: right; margin: 0 0 15px 15px; padding: 10px; background-color: #efefef; width: 135px; }
.gallery-preview-1:hover, .gallery-preview-1r:hover, .gallery-preview-1l:hover {border-color:#ccc;}
.gallery-preview-1 h3, .gallery-preview-1r h3, .gallery-preview-1l h3  { font-size: 0.9em; padding: 3px 0; }
.gallery-preview-1 p, .gallery-preview-1r p, .gallery-preview-1l p { font-size: 0.8em;font-style: italic; text-align: center; padding-top: 5px; text-align: left;}

.gallery-preview-4 { clear:both;border-top: 4px solid #444; margin: 10px 0; padding: 0; background-color: #f3f3f3; padding: 20px; }
.gallery-preview-4 h2 { font:18px Georgia; padding: 0 0 7px 0; border-bottom: 1px solid #ccc; margin-bottom:8px; }
.gallery-preview-4 .gallery-preview-a {margin: 3px; padding: 3px; background-color: #fff; float: left;}
.gallery-preview-4 .gallery-preview-a:hover {background-color: #111;}
.gallery-preview-4 img { border: 1px solid #fff; }
.gallery-preview-4 p { margin: 5px 0; font-size: 0.8em; clear: both;   }

.gallery-preview-more { display: block; text-align: right; }

ul.errors { font-weight: bold; color: red; }

.player-mediaplayer { clear: both; margin: 5px 0; text-align: center; background: #EFEFEF; padding: 5px 0; }

.art-user-opinion { margin-bottom: 10px; background: #FFF url(../i/miasta/bg/light_grad.png) repeat-x 0 100%; border-top:1px solid #efefef; padding: 10px; }

.art-picture { float:left; margin:0 15px 10px 0; border: 10px solid #efefef; background-color: #efefef; width: 250px;  position: relative; top: 5px; }
.art-picture p {font-size:11px; font-style: italic; color:#656565; padding-top: 10px;}

.art-picture.z9 { float: none; width: auto; margin-bottom: 20px; }
.art-picture.z9 img { width: 100%; }


.art-picture.n { float:none; margin:0 0 10px 0; border: 10px solid #efefef; background-color: #efefef; width: auto; top: 0; }
.art-picture.n img { width: 100%;  }


.art-picture-wrap { float: left; margin-bottom: 20px; width: 270px; margin:0 15px 0 0; }
.art-picture-wrap .block { clear: both; background: #EFEFEF; padding: 10px; }
.art-picture-wrap .block h2 { color: #555; letter-spacing: 1px; font-weight: normal; }


.author-ip {padding-left: 10px; font-size:11px; color: #B0B0B0;}

.art-tags {background: url(../i/miasta/bg/light_grad.png) repeat-x; margin: 1em 0; padding: 10px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; font-weight: bold; clear: both;}
.art-tags a {margin: 1px; padding: 3px; font-weight: normal;}
.art-tags a:hover {background-color: #fff;}

#art-comment-form { border-top: 4px solid #444; margin: 10px 0; padding: 0; background-color: #f3f3f3; padding: 10px; }
#art-comment-form h2 { font:14px Georgia; padding: 0 0 7px 0; border-bottom: 1px solid #ccc; margin-bottom:8px; }
#art-comment-form h2 small { font-size: 10px; }
#comment_post-element {text-align: right;}
#comment_captcha-element { overflow: hidden; }
#comment_captcha-element pre { font-size: 9px; line-height: 10px; float: left; margin-right: 15px; background: #FEFEFE; padding: 0 10px; }
#comment_captcha-element input { float: left; margin: 30px 0 0 0; width: 100px; }
.zend_form label {font-size: 11px;}
.zend_form dd {padding-bottom: 8px;}
.form_input {background-color: #fff; border: 1px solid #ccc; border-top-color: #111; padding: 4px; width: 500px; font:11px Georgia;}
.btn_submit {background-color: #2F2F2F; padding: 4px 10px; font:italic 14px Georgia; color: #fff !important; border: 0; cursor: pointer;}
.btn_submit:hover {background-color:#000;}

#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; }



.gallery-preview-description { padding-top: 10px;}

.art-archieve { background: #BA0000; color: #FFF; margin: 1em 0; padding: 1em; color: #FFF; }

#overlay .close {background: url(/i/miasta/close.png) no-repeat; cursor:pointer;height:28px;position:absolute;right:-10px;top:-10px;width:28px;}

.media-video { display: block; height: 300px; clear: both; }
.media-image { float: left; margin-right: 15px;  }

.article-live { clear: both; margin: 15px 0; background: #F7F7F7; border: 1px solid #EFEFEF; padding: 10px; }
.article-live h3 { font-size: 12px; color: #111; }
.article-live h3 strong { color: red; }
.article-live p { font-size: 12px; margin: 5px 0 0; font-style: italic; font-weight: bold; }
.article-live p a { text-decoration: none; color: red; }

.block-fullnews-article	li { padding: 10px 0; border-bottom: 1px solid #C7C7C7; overflow: hidden; }	
.block-fullnews-article	h3 { font: normal 14px 'Lucida Grande', Georgia, Verdana;  margin-bottom: 5px; line-height: 18px  }	
.block-fullnews-article img.f { float: left; margin-right: 10px; border:2px solid #efefef; }
.block-fullnews-article a { text-decoration: none; color: #111; }
.block-fullnews-article p a { color:#555555; }	
.block-fullnews-article a.supertitle { text-decoration: underline; color: #4F7B7B;  }	
.block-fullnews-article p { text-align: left; font:10px Verdana; line-height: 14px; }

.blink { text-decoration: blink; }


.results { clear: both; padding: 15px 0; }
.results > p { margin: 3px; font-size: 0.8em; text-align: right; }
.resultsTabs { overflow: hidden; position: relative; top: 1px; }
.resultsTabs li { float: left; margin: 0 2px 0 0; }
.resultsTabs li a { float: left; padding: 0 15px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-bottom: 0; text-decoration: none; color: #111; }
.resultsTabs li a.current { background: #EFEFEF; }
.resultsPane { padding: 10px; overflow: hidden; border: 1px solid #CCC; background: #EFEFEF; }
.resultsVertical li { float: left; position: relative; width: 18%; margin: 1%; overflow: hidden; }
.resultsVertical li > .img > img  { max-width: 100%; margin-bottom: 5px; }
.resultsVertical li > div.score { position: relative; margin-bottom: 5px; }
.resultsVertical li > div.score > div { border: 1px solid #FFF; background: url(/i/bar.jpg) repeat-y top right; font: bold 16px/1px Verdana; position: absolute; bottom: 0; width: 100%; color: #111; text-shadow: 1px 1px 0 #EEE; font-weight: bold; text-align: center; }

.resultsHorizontal li { overflow: hidden; height: 100px; margin: 5px 0; position: relative; }
.resultsHorizontal li > .img  { position: absolute; left: 0; top: 0; margin: 0 10px 0 0; width: 100px; height: 100px; line-height: 100px; background: #FFF; }
.resultsHorizontal li > .img img  { max-width: 100px; vertical-align: center; }
.resultsHorizontal li > h4 { position: absolute; left: 110px; top: 50px; width: 80%; font-size: 13px; line-height: 15px; height: 15px; overflow: hidden; }
.resultsHorizontal li > p { position: absolute; left: 110px; top: 70px; width: 80%; }
.resultsHorizontal li > div.score { position: absolute; left: 110px; height: 40px; width: 80%; }
.resultsHorizontal li > div.score > div { height: 100%; border: 1px solid #FFF; background: #07ADE7 url(/i/bar.jpg) repeat-y top right; font: bold 12px/40px Verdana; color: #111; text-shadow: 1px 1px 0 #EEE; font-weight: bold; text-align: left; text-indent: 5px; }

/*  Table
=============================================================== */	
table.list { margin: 10px auto; width: 90%; }
table.list td { padding: 4px 12px; border-bottom: 1px solid #CCC; }
table.list .bg0 td { background: #F9FAFB; }
table.list .bg1 td { background: #E6EDF0; }


#google_map { clear: both; }
  
.block-kto{margin:15px 0;background:#F2F2F2;}
.block-kto h2{font:bold 12px Arial;color:#FFF;padding:10px 0 10px 20px;background:url("/i/kto/gradient_700x32.png") repeat-y}
.block-kto table.kto{margin:5px 10px;}
.block-kto table.kto td{vertical-align:middle;padding:0 5px 0 0;}
.block-kto table.kto td a{color:#666666;text-decoration:none;font-size:13px;}
.block-kto table.kto td > div{margin:3px 0 0 0;}
.block-kto table.kto .bar { border: 1px solid #555; height: 8px; background: #27ae60; border-radius: 1px; width: 180px; }
.block-kto table.kto .bar > div { height: 8px; background: #c0392b; }

.fixedRelated { position: fixed; bottom: 0; right: 0; display: none; background: #FFF; padding: 5px 5px 0 5px; border: 1px solid #CCC; border: 1px 0 0 1px; font-size: 11px; box-shadow: -1px -1px 4px #CCC; }
.fixedRelated .bullet_arrow li,
.fixedRelated h2 { float: left; clear: both; margin: 0 0 3px 0; padding: 0; box-shadow: 1px 1px 2px #999; }
.fixedRelated .bullet_arrow a,
.fixedRelated h2 { display: block; height: 20px; line-height: 20px; font-size: 11px; font-weight: bold; color: #FFF; background: #777; padding: 0 7px; text-decoration: none; }
.fixedRelated .row0 a { background: #BA742C; }
.fixedRelated .row1 a { background: #4F9C2A; }
.fixedRelated .row2 a { background: #29779D; }
.fixedRelated .closeWindow { position: absolute; top: 5px; right: 5px; cursor: pointer; font-weigth: bold; }

.petition { background: #EEE; border: 1px solid #CCC; border-width: 1px 0; padding: 1em; margin: 1em 0; }
.petition ol { list-style-type: decimal; padding: 0 0 0 2em; }
.petition > div { margin: 0.8em 0; }
.petition form { background: #FEFEFE; padding: 10px; }
.petition pre { font-size: 6px; line-height: 6px; }
.petition form p { font-size: 11px; font-style: italic; }


.art-ogloszenia { background: #FFF; box-shadow: 0 50px 50px #E1E0E0 inset; border: 1px solid #E1E0E0; overflow: hidden; }
.art-ogloszenia > div { float: left; width: 50%; }
.art-ogloszenia > div a { text-decoration: none; transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; }
.art-ogloszenia > div a:hover { color: #F16123; }
.art-ogloszenia > div h2 { width: 60%; margin: 0 auto; background: #FBFBFB; text-align: center; font: bold 14px/24px 'Trebuchet MS', Tahoma, Arial; color: #F16123; border-radius: 0 0 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.25); }
.art-ogloszenia > div ul { margin: 10px 5px 5px; }
.art-ogloszenia > div li { margin-top: 1px; }
.art-ogloszenia > div .block-more { padding: 0 15px 5px; font-size: 10px; }

.art-featured { background: #FFF; box-shadow: 0 50px 50px #E9F1F4 inset; border: 1px solid #CBEAF2; overflow: hidden; padding: 10px; margin-bottom: 10px; }
.art-featured > div { float: left; width: 50%; }
.art-featured > div h2 { color: #333; letter-spacing: 1px; margin-bottom: 5px; text-shadow: 1px 1px 0 #FFF; }
.art-featured > div .supertitle { color: #333; text-transform: none; }

.art-contactinfo-piano { clear: both; background: #268DC0 url(/i/go/pianobar.png) no-repeat 10px center; color: #FFFFFF; font-size: 11px; font-weight: bold; margin-top: 10px; padding: 7px 10px 7px 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; }

.art-contactinfo-turystyka { clear: both; background: #268DC0 url("/i/miasta/block-turystyka.png") no-repeat 3px -8px; color: #FFFFFF; font-size: 11px; font-weight: bold; margin-top: 10px; padding: 7px 10px 7px 130px; }
.art-contactinfo-turystyka a { color: #FFF; text-decoration: none; }

.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; }


/*  Forms
=============================================================== */	
.form { background: #FAFAFA; padding: 20px 25px; }
.form input[type=text],
.form textarea { border: 1px solid #CCC; padding: 4px 6px; font-size: 11px; font-family: inherit; border-radius: 5px; box-shadow: -2px 2px 4px rgba(0,0,0,0.1) inset; min-width: 60%; }
.form pre { font-size: 10px; line-height: 10px; background: #FFF; width: 200px; padding: 0 10px; margin-bottom: 5px; }
.form dt { padding: 5px 0 3px; font-weight: bold; }
.form input[type=radio],
.form input[type=checkbox] { margin-right: 5px; vertical-align: middle; }
.form input[type=submit] { background: #AA1E26; color: #FFF; font-style: italic; font-size: 18px; padding: 8px 16px; border: 0; font-family: inherit; cursor: pointer; }
.form .errors { list-style-type: none; }


.tray { background: #DADADA; }
.tray ul { overflow: hidden; padding: 15px 0; }
.tray li { width: 16.6666666%; float: left; padding-bottom: 6px; }
.tray li .f { max-width: 100%; display: block; }
.tray li .fl {  max-width: 180px; display: block; padding: 2px; border: 1px solid #AAA; background: #FFF; margin: 0 10px 6px 0;  }
.tray li a {  margin: 0 15px 0 0; display: block; }
.tray h2 { color: #777; padding: 10px 0 0; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-weight: normal; }

.turystyczne-widget { margin-bottom: 20px; }
.turystyczne-widget > p { background: #FFDE01; padding: 10px; font-size: 16px; color: #444; font-weight: bold; }
.turystyczne-widget > p a { text-decoration: none; font-size: 13px; display: block; text-align: right; }
.turystyczne-widget .firms-propositions li { overflow: hidden; height: 80px; background: #FFC601; padding: 10px; position: relative; font-size: 14px; line-height: 20px; }
.turystyczne-widget .firms-propositions li .img { position: absolute; right: 0; top: 0; padding-left: 20px; max-width: 50%; }
.turystyczne-widget .firms-propositions li .img:after { content: ' '; position: absolute; background: url(/i/turystyczne/mask_yellow.png) no-repeat right center; left: -5px; top: 0; width: 70px; height: 100%; }
.turystyczne-widget .firms-propositions li .img img { height: 100px; float: left; }
.turystyczne-widget .firms-propositions li strong { position: relative; z-index: 3; padding-right: 40%; }
.turystyczne-widget .firms-propositions li em { display: block; color: #8A0000; }
.turystyczne-widget .firms-propositions li a { text-decoration: none; }

.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; }

.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; }