/* General settings */
html {-webkit-font-smoothing: antialiased;}
.treesaver body {overflow:hidden; margin:0; border:0; padding:0; background-color:#f4f4f4; }
.chrome, .viewer, .grid, .column, .container {position:absolute; overflow:hidden;}

.viewer {top:0; bottom:2px; left:0px; right:1px;}
.maxi .viewer {bottom:40px; }
.grid {width:300px; margin:9px; min-height:30px; background-color:#fff;  -webkit-box-shadow: 0px 2px 5px #c5c5c5; -moz-box-shadow: 0px 2px 5px #c5c5c5; -o-box-shadow: 0px 2px 5px #c5c5c5; box-shadow: 0px 2px 5px #c5c5c5;}
.hidden {display:none;}
.clear {clear:both;}
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both; }

.treesaver body.mode-app {background-color: #fff;}
.mode-app .grid {-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}

/* Columns */
.cols-1 {width:280px;}
.cols-2 {width:620px;}
.cols-3 {width:940px;}
.cols-4 {width:1260px;}
.column, .container {top:15px; bottom:35px; left:10px;}
.columnnofooter {bottom:15px;}
.columnheader {top:45px; bottom:15px;}
.column {width:280px; min-height:40px;}
.col-1ipol {left:160px;}
.col-2 {left:320px;}
.col-3 {left:630px;}
.col-4 {left:940px;}
.coltoc {width:280px; top:65px;}
.container.cols-2 {width:600px;}
.container.cols-3 {width:920px;}
.single {width:280px;}
.double {width:600px;}
.triple {width:900px;}
.fixed.grid {max-width:none; max-height:none; min-width:none; min-height:none;}
.covertext {font-size:12px; width:200px; height:30px;}
.cols-1-fitting {width: 300px; top: 0; left: 0;bottom: 0; line-height:1px;}
.cols-1-fitting-portrait {width: 300px; top: 0; left: 0;bottom: 0; line-height:1px; min-height: 380px; max-width: 600px;}
.cols-2-fitting {width: 600px; top: 0; left: 0;bottom: 0; line-height:1px;}
.cols-2-fitting-portrait {width: 600px; top: 0; left: 0;bottom: 0; line-height:1px; min-height: 713px; max-width: 1000px;}
.cols-3-fitting {width: 900px; top: 0; left: 0;bottom: 0; line-height:1px;}
.cols-1-fitting img {width: 100%; }

/* Controls */
#currentPage {}
#nextPage, #previousPage {opacity:0;}

.controls .pagewidth {margin:0 auto; position:relative;}
.controls {display: none;}
.controls svg { width: 35px; height: 35px;}
.maxi .controls {position:absolute; bottom: 5px; left:10px; right:10px; height: 35px;background: #f4f4f4;z-index: 1;}
.mode-www .maxi .controls, .active .controls {display:block;}
.maxi .controls .navigation {width: 900px; margin:auto; text-align: center;}
.maxi button {height: 35px; cursor: pointer; border: none; padding: 0;min-width: 40px;background: none;fill: #aaa;outline: 0;line-height: 35px;border-left: 1px solid #aaa;}
.maxi button span {color: #aaa;font-size: 12px;line-height: 35px;display: inline-block;height: 35px;vertical-align: top;}
.maxi .prev span,
.maxi .prevArticle span,
.maxi .toggleFloatToc span {margin-right: 10px;}
.maxi .next span,
.maxi .nextArticle span {margin-left: 10px;}
.maxi .prev ,
.maxi .prevArticle ,
.maxi .next ,
.maxi .nextArticle  {}
.maxi .controls .home {float: left; min-width: 45px;}
.maxi .toggleFloatToc span {display: inline-block;}
.maxi .toggleFloatToc,
.maxi .nextArticle,
.maxi .letterSmall {border-right: 1px solid #aaa;}

.maxi .controls .letterBig   { float: right; }
.maxi .controls .letterSmall { float: right; }
.maxi .controls .toggleFloatToc { float: left; }

.mini .controls .navigation     {width: 280px; margin:auto; }
.mini .controls .toggleFloatToc { width: 70px; height: 35px;}
.mini button span {display: none;}

.controls button:hover {background-color: #eaeaea !important;}
.controls button:disabled, .controls button:disabled:hover, .controls button:active:disabled,
.size1-font button.letterSmall, .size5-font button.letterBig {fill:#ccc !important;}
.controls button:disabled span, .controls button:disabled:hover span, .controls button:active:disabled span {color: #ccc !important;}
.pagenumbers {color:#bAbAbA; text-align:center; width: 100%;position: absolute;bottom: 0;}

.lightbox .close {position:absolute; top:0; right:0; padding: 3px 7px; font-family:verdana;font-weight:bold;}

.mode-www .mini .controls {position:absolute; bottom: 0; left: 0; right: 0; height: 88px;background-color: #fafafa;padding: 8px;border-top: 1px solid #e1e1e1;z-index: 1000;}
.mode-www .mini button {height: 35px; width:70px; cursor: pointer; background-color: #fafafa;color:#fff; margin: 5px 0;border:none;padding: 0; outline: 0;fill: #255bb3;border-left: 1px solid #255bb3;}
.mode-www .mini .nextArticle,
.mode-www .mini .letterBig {border-right: 1px solid #255bb3;}

.mode-app .mini .controls .navigation {width: 100%;}
.mode-app .mini .controls {position:absolute; bottom: 0; left: 0; right: 0; height: 45px;background-color: #fafafa; border-top: 1px solid #e1e1e1;z-index: 1;}
.mode-app .mini button {height: 35px; width:70px; cursor: pointer; background-color: #fafafa;color:#fff; margin: 5px 0;border:none;padding: 0; outline: 0;}
.mode-app .mini .controls .nextArticle    {border-left: 1px solid #255bb3;float: right;}
.mode-app .mini .controls .prevArticle    {border-right: 1px solid #255bb3;}

.mode-app .controls-separator,
.mode-app .home,
.mode-app .toggleFloatToc,
.mode-app .next,
.mode-app .prev,
.mode-app .letterBig,
.mode-app .letterSmall {display: none;}

.mode-app .maxi .controls .navigation {width: 100%; }
.mode-app .maxi .controls {background-color: #fafafa; border-top: 1px solid #e1e1e1; bottom: 0; left: 0; right: 0;}
.mode-app .maxi .controls .nextArticle    {border-left: 1px solid #aaa;float: right;}
.mode-app .maxi .controls .prevArticle    {border-right: 1px solid #aaa;float: left;}

/* Typography */
.art-opening h2 {font-weight:bold; font-size:27px; line-height: 1.25; color:#5A5A5A; margin:10px 0 5px 0;}
.column h2,
h3 {font-size: inherit; line-height: 1.25; margin: 0;}
p {margin-top:0px;-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.art-opening {margin-bottom:10px;}
.section {font-size: 13px; line-height: 1.25; }
.column {font-size: 16px; line-height: 1.25;}
.lead {font-weight:bold; color: #a0a0a0;display:block; margin: 8px 0;font-size: 17px;line-height: 1.25;}
.author {font-size: 13px; line-height: 1.2em;}
.art_footer1, .art_header1 {color:#bAbAbA; float:left; margin-left:10px;}
.art_footer2, .art_header2 {color:#bAbAbA; float:right; margin-right:10px;}
.footer {bottom:5px;position:absolute; width:100%;}
.header {width:100%;}
.art_header1, .art_header2 {margin-top:3px; margin-bottom:1px;}
hr {color:#ddd; background-color:#ddd; border:0; margin:0 10px; height:1px; border-style:solid;}

body {font-family:Arial;font-size:13px; line-height:19px;}

/*
Może być potrzebne ustawienie jeszcze jakichś innych parametrów - w zależności od preferowanego rozmiaru czcionki.
*/

body.size1-font .art-opening h2 {font-size: 24px;}
body.size1-font .art-normal .art-opening h2 {font-size: 37px;}
body.size1-font .section {font-size: 13px;}
body.size1-font .column {font-size: 13px;}
body.size1-font .caption {font-size: 11px;}
body.size1-font .credit {margin-top: 3px;}
body.size1-font .lead {font-size: 13px; margin: 3px 0;} 
body.size1-font .gray-opening .art-opening h2 {margin-top: 20px;}
body.size1-font .gray-opening .lead {margin:20px 5px 10px 10px;}
body.size1-font .author {font-size: 12px;} 

body.size3-font .art-opening h2 {font-size: 27px;}
body.size3-font .art-normal .art-opening h2 {font-size: 48px;}
body.size3-font .column {font-size: 18px;}
body.size3-font .caption {font-size: 15px;}
body.size3-font .lead {font-size: 18px;margin-top: 15px;} 
body.size3-font .gray-opening .art-opening h2 {margin-top: 25px;} 
body.size3-font .gray-opening .lead {margin:20px 5px 10px 10px;}
body.size3-font .author {font-size: 16px;} 

body.size4-font .art-opening h2 {font-size: 32px; margin: 15px 0 10px;}
body.size4-font .art-normal .art-opening h2 {font-size: 52px;}
body.size4-font .section {font-size: 18px; }
body.size4-font .column {font-size: 20px;}
body.size4-font .caption {font-size: 18px;}
body.size4-font .lead {font-size: 20px; margin-top: 5px;} 
body.size4-font .gray-opening .art-opening h2 {margin-top: 25px;} 
body.size4-font .gray-opening .lead {margin:20px 5px 10px 10px;}
body.size4-font .author {font-size: 18px;} 

body.size5-font .art-opening h2 {font-size: 34px; margin: 15px 0 10px;}
body.size5-font .art-normal .art-opening h2 {font-size: 55px;}
body.size5-font .section {font-size: 20px; }
body.size5-font .column {font-size: 22px;}
body.size5-font .caption {font-size: 20px;}
body.size5-font .lead {font-size: 22px; margin-top: 5px;} 
body.size5-font .gray-opening .art-opening h2 {margin-top: 25px;} 
body.size5-font .gray-opening .lead {margin:20px 5px 10px 10px;}
body.size5-font .author {font-size: 20px;} 

.navigation {font-size:13px; line-height:19px;}

.section {font-weight:bold; color:#5A5A5A; text-transform:uppercase;   border-left: #D91233 solid 8px; padding-left:8px;}
.author {font-size: 14px;color: #aaa;}
a, a:hover {text-decoration:none; color:inherit;}
.art a, .art a:hover {text-decoration:underline; }
.column {font-family:Georgia;}
.signature {color:#a0a0a0;margin:0 0 0 2px;}
img {border:none;}
.picture img {
    cursor: pointer;
}

.coversingle {width:280px; height:383px;text-align:center;color:#bAbAbA; }
.coversinglehalf {width:420px; height:564px;text-align:center;color:#bAbAbA; }
.coverdouble {width:620px; height:797px;text-align:center;color:#bAbAbA; }
.coversinglepage {width:300px; height:415px; font-size:12px;}
.coversinglehalfpage {width:440px; height:595px; font-size:12px;}
.coverdoublepage {width:640px; height:825px;}

.caption {font-size:13px; margin-top:-5px; padding-top:5px; margin-bottom: 10px; padding-left:9px; border-left:2px #D91233 solid; line-height:1.2}
.picture {}
.credit {color:#828282; font-style:italic;display:block;margin-top: 15px;}
.nocaption .caption {display:none;}
.floatTocGalleryShow {fill: #C42734; cursor:pointer;top: 0;position: absolute;left: 0;height: 28px; background: #C42734; color: #fff;}
.floatTocGalleryShow span {display: none;}
.floatTocGalleryShow svg {width: 35px; }

.cover .floatTocGalleryShow {display: none;}

/* normal art */
.art-normal .art-opening h2 {font-weight:lighter; font-size:45px; font-family:Georia; line-height:50px; color:#003447; margin:10px 0 5px 0;}
.art-normal .lead {font-family: arial;	color: #003447;	display: block;	margin: 8px 0; font-size: 15px; font-weight: normal;}
.art-normal .title > div  {border-left: #D91233 solid 8px; padding-left: 8px;}
.art-normal .section {border-left: none; padding-left: 0; color:#D91233 ;}

/* Profile i microforum */
.art-profile .art-opening h2, .art-microforum .art-opening h2 {color: #D91233; font-size: 24px; margin:0; padding:0; }
.art-profile .section, .art-microforum .section {display:none;}
.profileheader, .microforumheader {top:30px;}
.art-profile2col {background:white url('http://www.forumdwutygodnik.pl/_resource/fs/res/tygodnik_forum/forum_profile.png') no-repeat 0px 5px;}
.art-microforum2col {background:white url('http://www.forumdwutygodnik.pl/_resource/fs/res/tygodnik_forum/forum_mikroforum.png') no-repeat 0px 5px;}
.art-profile1col {background:white url('http://www.forumdwutygodnik.pl/_resource/fs/res/tygodnik_forum/forum_profile2.png') no-repeat 10px 5px;}
.art-microforum1col {background:white url('http://www.forumdwutygodnik.pl/_resource/fs/res/tygodnik_forum/forum_mikroforum2.png') no-repeat 10px 5px;}
.cols-2-margin {width:695px;}
.leftmargin {left:75px;}
.col-2-leftmargin {left:395px;}

/* History */
.historia {background:url('../fs/img/flexi_portal/historia.jpg');}

/* Reviews */
.reviewRating{width:80px;height:10px;margin:0 0 0 -4px;padding:0;background:url('../fs/img/flexi_portal/reviewRating.png') no-repeat 0 0;}
.reviewRating_0{background-position:0 0}
.reviewRating_1{background-position:0 -16px}
.reviewRating_2{background-position:0 -32px}
.reviewRating_3{background-position:0 -48px}
.reviewRating_4{background-position:0 -64px}
.reviewRating_5{background-position:0 -80px}
.reviewRating_6{background-position:0 -96px}

.reviewIcon{height:40px;padding-left:55px;background:url('../fs/img/all_signs.png') no-repeat 0 0;}

.reviewIcon_teatr {background-position:0 -406px;}
.reviewIcon_kino {
background-position:0 -1943px;
}
.reviewIcon_mpowazna {background-position:0 -1164px;}
.reviewIcon_plastyczna {
background-position:0 -2858px;
} 
.reviewIcon_wystawy {background-position:0 -2858px;}
.reviewIcon_kino-dvd {background-position:0 -2332px;}   

.reviewIcon_festiwale {background-position:0 -3016px;}
.reviewIcon_koncerty {background-position:0 -3304px;}
.reviewIcon_telewizja {background-position:0 -3210px;}
.reviewIcon_gry {background-position:0 -3111px;}
.reviewIcon_dvd {background-position:0 -3411px;}

.objectTitle {}
.objectAuthor{}

/* Featured */
.gray-opening {background-color:#00314c;}
.gray-opening .art-opening {}
.gray-opening .art-opening h2 {color:#fcffff; font-family:Georgia; font-weight:normal; font-size:30px; margin:50px 10px 0; line-height:1.2; }
.gray-opening .section {color:#fcffff; margin-left:10px; font-size:18px; line-height:30px; font-weight:normal;}
.gray-opening .author {color:#fcffff; font-size:12px; display:block;margin-top:20px;}
.gray-opening .lead {color:#fcffff; font-family:Georgia;display:block;margin:20px 5px 10px 10px;}
.cols-1-filled {width:300px; margin:0px 0px 50px; height:100%;}

.fill-page-opening .title {bottom: 0;}
.fill-page-opening .title > div {background: rgba(0,0,0,0.7);  bottom: 0; padding:10px; text-align: center;position: absolute;}
.fill-page-opening .art-opening, .fill-page-opening .lead, .fill-page-opening h2, .fill-page-opening .author, .fill-page-opening .section {color:white; }
.fill-page-opening .art-opening h2 {}
.fill-page-opening .lead {font-weight:normal;}
.fill-page-opening .author {font-weight:bold;}
.fill-page-opening .floatTocGalleryShow {display: none;}

/* Sidebar */
.floatToc * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.floatToc {-webkit-overflow-scrolling: touch; position: absolute;  top: 0; left: -3000px; height:100%; width: 100%;  -webkit-transition: 0.8s left; -moz-transition: 0.8s left; -o-transition: 0.8s left; transition: 0.8s left;  background-color: #fff; overflow-y: auto;overflow-x: hidden;z-index: 3;}
.floatToc > * {-webkit-transform: translateZ(0px);} /*fix for smooth scrolling on android*/
.floatToc > * {-webkit-transform: translate3d(0,0,0);}

.floatTocInside { display: -webkit-flex; display: flex; min-height: 100%; background-color: #fff;}
.floatToc-active {left:0;}
.floatTocClose {top: 5px; right: 22px; border: 1px solid #eee; position: fixed;  cursor: pointer; padding: 6px 5px;background: #fff; display: none;color: #888;font-weight: bold;font-size: 22px;}
.mode-app .floatTocClose {display: none !important;}

.floatTocMeta { width: 230px; text-align: center; padding-top: 30px; background-color: #fafafa; border-right: 1px solid #efefef;}
.floatTocContent {width: 80%;border-right: 1px solid #efefef;display: -webkit-flex;display: flex;}
.floatTocExpandedSection {width: 75%;padding: 30px 20px;}

.floatTocMetaCover {width: 160px;}
.floatTocMetaPublication {font-size: 18px; font-weight: bold;margin-top: 6px;}
.floatTocMetaDate {font-size: 13px;margin-top: 1px;}

.floatTocContentSections {width: 390px;padding: 30px 30px 0 0;border-right: 1px solid #efefef;}
.floatTocSection {}
.floatTocSectionName {cursor: pointer;font-size: 18px;margin-left: 20px;border-left: 7px solid #fff;white-space: nowrap;line-height: 24px;}
.floatTocSectionName div {border-bottom: 1px solid #efefef;padding: 6px;}

.floatTocSectionActive .floatTocSectionName {color: #fff; background: #000;border-left: 7px solid #D91233;position: relative;}
.floatTocSectionActive .floatTocSectionName div {border-bottom: 1px solid #000;padding: 6px;}
.floatTocSectionActive .floatTocSectionName:before {top: 0; right: -36px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;  border-left-color: #000000; border-width: 18px; margin-bottom: 1px;}

.floatTocSectionContents { flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: flex-start; display: none; -webkit-align-content: flex-start;}
.floatTocExpandedSection .floatTocSectionContents {display: -webkit-flex; display: flex;}
.floatTocSectionContentsHeader { border-bottom: 10px solid #D91233; font-size: 20px; padding: 5px 0 2px; margin: 0 10px 10px; width: 100%;}
.floatTocArticle { border-bottom: 1px solid #efefef; margin: 0 10px 10px; padding-bottom: 20px; vertical-align: top; align-content: space-between; width: 100%;}
.floatTocArticle a {display: block;}
.floatTocArticleTitle {font-size: 20px;margin-top: 10px;line-height: 23px;}
.floatTocArticleAuthor {font-size: 13px; color: #888;font-weight: bold;}
.floatTocArticleLead { line-height: 19px; margin-top: 3px; font-size: 15px;}
.floatTocArticleObjectRating {font-size: 21px;}
.floatTocArticleObjectRating span {color: #C42734;}
.floatTocArticleImg { }
.floatTocArticleFormat-img900x .floatTocArticleImg {width: 100%; }
.floatTocArticleFormat-img900x .floatTocArticleDesc {}
.floatTocArticleFormat-imgf665x355 .floatTocArticleImg {width: 100%; }
.floatTocArticleFormat-imgf665x355 .floatTocArticleDesc {}
.floatTocArticleFormat-imgf638x638 .floatTocArticleImg {width: 105px; float: left;}
.floatTocArticleFormat-imgf638x638 .floatTocArticleDesc {margin-left: 120px;}
.floatTocArticleFormat-ifimgf638x638.floatTocArticleSection-afiszpremiery .floatTocArticleImg {max-width: 180px; float:left; }
.floatTocArticleFormat-ifimgf638x638.floatTocArticleSection-afiszpremiery .floatTocArticleDesc {max-width: 180px; margin-left: 200px;}
.floatTocArticleImgMobile {display: none;}
.floatTocMetaMobile {display: none; z-index: 5; }
.floatTocExpand,
.floatTocContract {display: none;}
.floatTocMetaMobile {width: 100%;  padding: 0 20px; text-align: left; background-color: #c32732; color: #fff; box-sizing: border-box; position: fixed; top: 0; height: 39px;}
.floatTocMetaMobileDesc { display: inline-block; font-size: 18px; margin-top: 10px;}
.floatTocMetaMobileDate { display: inline-block; }
.floatTocMobileExpand {display: inline-block; float: right; cursor: pointer; padding: 10px 0;}
.floatTocMobileContract {display: none; float: right; cursor: pointer; padding: 10px 0; }
.floatTocArrow {width: 17px; height: 17px; fill:none; stroke:#fff; stroke-width:2; vertical-align: top; margin: 0 5px;}
.floatTocMetaMobilePublication {margin: 0; display: inline-block; font-weight: bold;}
.floatTocSectionNameArrow {display: none;}
.floatTocSectionShownAll .floatTocSectionContents {display: block;  }
.floatTocSectionShownAll .floatTocSectionName {color: #fff; background: #000;border-left: 7px solid #D91233;}
.floatTocSectionShownAll .floatTocSectionName div {border-bottom: 1px solid #000;padding: 6px;}

@media only screen and (min-width: 1100px) {
    .floatTocSectionSquares .floatTocArticle {box-sizing: border-box; width: 45%; max-width: 230px; display: inline-block; background: #fafafa; padding: 0 10px 10px;}
    .floatTocSectionSquares .floatTocArticleFormat-img900x .floatTocArticleImg {width: 150px; float: none; }
    .floatTocSectionSquares .floatTocArticleFormat-img900x .floatTocArticleDesc {margin-left: 0;}
    .floatTocSectionSquares .floatTocArticleFormat-imgf665x355 .floatTocArticleImg {width: 150px; float: none;}
    .floatTocSectionSquares .floatTocArticleFormat-imgf665x355 .floatTocArticleDesc {margin-left: 0;}
    .floatTocSectionSquares .floatTocArticleFormat-imgf638x638 .floatTocArticleImg {width: 100%; float: none;}
    .floatTocSectionSquares .floatTocArticleFormat-imgf638x638 .floatTocArticleDesc {margin-left: 0;}
}
@media only screen and (min-width: 1250px) {
    .floatTocSectionSquares .floatTocArticle {width: 30%; }
}

@media only screen and (min-width: 600px) and (max-width: 900px) {
    .floatTocInside {flex-direction: column; -webkit-flex-direction: column;}
    .floatTocMeta {width: 100%;border-bottom: 1px solid #efefef;border-right: none;text-align: left;padding: 10px 10px 20px 28px;}
    .floatTocMetaDesc {display: inline-block;vertical-align: top;margin: 5px 0 0 10px;}
    .floatTocContent {width: 100%;}
}
@media only screen and (max-width: 599px) {
    .floatTocInside {display: block;}
    .floatTocMeta {display: none;}
    .floatTocClose {display: none !important;}
    .floatTocMetaMobile {display: block;}
    .floatTocContent {padding-top: 39px; width: 100%;display: block;border: none;}
    .floatTocContentSections {width: 100%;padding: 0;border: none;}
    .floatTocExpandedSection {display: none;}
    .floatTocSection {width: 100%; overflow: hidden; height: 32px; -webkit-transition: 0.5s height; -moz-transition: 0.5s height; -o-transition: 0.5s height; transition: 0.5s height;}
    .floatTocSectionName {margin: 0 10px;}
    .floatTocSectionActive .floatTocSectionName:before {border: none;}
    .floatTocSectionActive .floatTocSectionNameArrow {display: inline-block; float: right; margin-top: 3px;}
    .floatTocSectionInctive .floatTocSectionContents {display: block; opacity: 0.3; }
    .floatTocSectionActive .floatTocSectionContents {display: block;  }
    .floatTocSectionContentsHeader {display: none;}
    .floatTocSectionContents {margin: 0 10px 20px;}
    .floatTocArticleDesc {margin-left: 95px !important;}
    .floatTocArticleImg {display: none;}    
    .floatTocArticleImgMobile {display: block; float: left;width: 85px;}
    .floatTocArticle-art-fleszkraj .floatTocArticleImg,
    .floatTocArticle-art-fleszswiat .floatTocArticleImg,
    .floatTocArticle-art-komentarz .floatTocArticleImg {display: none;}
        
    .maxi button span {display: none;}
}

/* Preview */
.previewTocLoader {left: 50%; top: 50%; transform: translate(-50%, -50%);position: absolute;}

/* Video */
.flexivideostart {left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute;width: 80px;height: 80px; cursor: pointer;}
.flexihtml iframe {overflow:hidden; border: none;}

.videoadlink {left: 0; width: 100%; top: 0; height: 80px; position: absolute;line-height: normal;}
.videoadlinkdesc {top:10px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); position: absolute; background: #fff; padding: 3px 10px; z-index: 10;}

/* Iframe */
iframe {overflow: hidden;}

/* Temporary styles e.g. ads */
.art-sponsored-example {background:url('img/historia.jpg'); }
.art-sponsored-example .column {font-family: Arial;}

/* ------------------------------------------------------------------------------------
Półka */

div.horizontalShelf_content a, div.verticalShelf_content a {
	cursor: pointer;
	text-decoration: none; 
}

div.verticalShelf_top {
	background-image: url("../fs/img/flexi_portal/shelf_dark.jpg");
}

div.verticalShelf_bottom {
	background-image: url("../fs/img/flexi_portal/shelf_light.jpg");
    text-align: center;
}

div.verticalShelf_content {
	margin-bottom: 12px;
}

div.verticalShelf_smallImg {
	margin: 20px 24px;
    display: inline-block;			
}

div.verticalShelf_smallImg p {
	text-align: center;
	margin: 6px;
	font-size: 12px;
}

div.verticalShelf_bigImg {
	padding-top: 21px;
	padding-bottom: 30px;
	text-align:center;
}

div.verticalShelf_bigImg p {
	color: white;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial,Helvetica,serif;
	margin: 0px;
}

div#verticalShelf_all {
	display: none;
}

div#verticalShelf_all img {
	border: none;
}

div.horizontalShelf_left {
	margin: 104px 18px 0px 22px;
}

div.horizontalShelf_left p {
	text-align: center;
	color: white;
	font-weight: bold;
	font-family: Arial,Helvetica,serif;
	margin-top: 8px;
}

div.horizontalShelf_right {
	padding-left: 21px;
	padding-right: 5px;
	padding-top: 53px;
    text-align: center;
}

td.horizontalShelf_left {
	width: 320px;
	vertical-align: top;
	background-image: url("../fs/img/flexi_portal/shelf_dark.jpg");
}

td.horizontalShelf_right {
	vertical-align: top;
	background-image: url("../fs/img/flexi_portal/shelf_light.jpg");
}

table.horizontalShelf {
	border-spacing: 0px;
	width: 100%;
}

div.horizontalShelf_smallImg {
	margin-right: 45px;
	margin-bottom: 35px;
    display: inline-block;			
}

div.horizontalShelf_smallImg p {
	text-align: center;
	margin: 5px;
	font-size: 12px;
}

div.horizontalShelf_content {
	margin-bottom: 4px;
}

div#horizontalShelf_all {
	padding: 13px 37px 39px 61px;
}

div#horizontalShelf_all img {
	border: none;
}
			
div.shelf_archiveInfo {
	width: 100px;
	text-align: center;
	vertical-align: top;
	padding-top: 50px;
}

div.shelf_archiveInfo a {
	text-decoration: none;
	cursor: pointer;
	color: black;
	font-size: 12px;
}

img.shelfImg {
	display:block;
	text-decoration:none;
	color: black;
	text-align: center;
}