@font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: local('Fira Sans Extra Condensed Medium'), local('FiraSansExtraCondensed-Medium'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSansExtraCondensed-Medium.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSansExtraCondensed-Medium.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: local('Fira Sans Extra Condensed Medium'), local('FiraSansExtraCondensed-Medium'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSansExtraCondensed-Medium-Latin.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSansExtraCondensed-Medium.woff) format('woff'); unicode-range: U+0100-024F; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Regular.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Regular.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Regular-Latin.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Regular.woff) format('woff'); unicode-range: U+0100-024F; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Bold.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Bold.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Bold-Latin.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Bold.woff) format('woff'); unicode-range: U+0100-024F; }

@font-face { font-family: "penize2018"; src:url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.eot"); src:url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.eot?#iefix") format("embedded-opentype"), url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.woff") format("woff"), url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.ttf") format("truetype"), url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.svg#penize2018") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

* { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body, div, p, ul, form, fieldset, h1, h2, h3, h4, h5, h6   {margin: 0; padding: 0; list-style: none;}
body { margin: 0; padding: 0; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #060604; font-size: 16px; width: 100%; -webkit-text-size-adjust: none; }
.holder:after, .cols:after, .item:after, .paging:after, .smallPaging:after, .filter .base:after, .filter .extended:after, .cont:after,
#mainMenu ul:after, .tip:after, .setBar:after, .steps:after, .noStyleBox .in:after, .box .in:after, .toolBox .in:after,.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:block;}
.onTop, hr { display: none; }
.left {text-align: left !important; }
.right {text-align: right !important; }
.alignleft { float: left; margin: 1em 1em 1em 0; }
.alignright { float: right; margin: 1em 0 1em 1em; }
.bold { font-weight: bold; }
.center	{ text-align: center !important;}
.tdTop { vertical-align: top !important; }
.tdBottom { vertical-align: bottom !important; }
.middle { vertical-align: middle !important; }
.small { font-size: .8em !important; }
.smaller { font-size: .5em !important; }
.nowrap { white-space: nowrap; }
.big { font-size: 1.5em !important; font-weight: bold; }
.bigger { font-size: 2em !important; line-height: 1.7 }
.offset { margin-bottom: 1em!important; }
.offset05 { margin-bottom: .5em; }
.offset2 { margin-bottom: 2em!important; }
.offset5 { margin-bottom: 5px !important; }
.offset10 { margin-bottom: 10px !important; }
.offset20 { margin-bottom: 20px !important; }
.offset25 { margin-bottom: 25px !important; min-height: 1px; }
.offsetTop {margin-top: 1.5em !important;}
.offsetTop5 { margin-top: 5px !important; }
.offsetTop10 { margin-top: 10px !important; }
.offsetTop20 { margin-top: 20px !important; }
.mobileOffset { margin-bottom: 20px; }
.width25 { width: 25% }
.width50 { width: 50% }
.width75 { width: 75% }
.word-break { word-break: break-all; }
.underline { text-decoration: underline !important; }
.table { display: table; width: 100%; }
.tr { display: table-row; }
.td { display: table-cell; }
.table-cell { display: table-cell; vertical-align: top; }
table {width: 100%;border-collapse: collapse;border: 0;}
p { margin: 0 0 15px; line-height: 1.62; }
.p { margin: 0 0 15px; line-height: 1.62; }
h1 { font-size: 32px; margin: 0 0 8px; color: #1a1a18; font-weight: bold; }
h2 { font-size: 25px; margin: 0 0 8px; color: #1a1a18;}
h3, h4, h5 { font-size: 15px; margin: 0 0 5px; color: #1a1a18; }
table .even  { background: #f2f2f2; }
table .odd   { background: #fff; }
table .redbg { background: #e56a6a; }
.bg_red { background: #D1020E!important; color: #fff!important; }
.bg_red_light { background: #FFCDD0!important; }
.bg_gold { background: #D1CB0F!important; color: #fff!important; }
.bg_gold_light { background: #FFFEC9!important; }
.bg_blue { background: #065884!important; color: #fff!important; }
.br_blue_light { background: #D0EFFF!important; }
.br_green { background: #008421!important; color: #fff!important; }
.br_green_light { background: #D1FFDC!important; }
.br_orange { background: #E89909!important; color: #fff!important; }
.br_orange_light { background: #FFECC8!important; }
.br_gray { background: #68676C!important; color: #fff!important; }
.br_gray_light { background: #EEE!important; }
.tfoot th, .tfoot td { padding: 5px 0 0; font-size: 12px; }
.splitLine { display: block; border: 1px solid #C6C6C6; margin: 1em 0; }
.tdSort { cursor: pointer; text-decoration: underline; }
.pointer { cursor: pointer; }
.infoTitle {position: relative;cursor: help;margin-right: 10px;}
.infoTitle:after { content: 'i'; top: -5px; right: -10px; position: absolute; color: #000; font-size: 10px; font-weight: bold; font-family: Georgia; padding: 0 0 10px 10px; }
#titleBox { width: 275px; position: absolute; border: 1px solid #d1d1d1; font-size: 12px; display: none; z-index: 1000; background: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); left: 5px; }
#titleBox-title { background: #d6d6d6; font-size: 14px; font-weight: bold; padding: 5px 10px; display: none; }
#titleBox-in { padding: 10px; }
img { border: 0; max-width: 100%; vertical-align: top; display: inline-block; height: auto; overflow: hidden; }
.clear { clear: both; }
optgroup > option { margin-left: 15px; }
input, select { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input[type=button], input[type=submit] { -webkit-appearance: none; -webkit-border-radius: 5px; border-radius: 5px; }
a { color: #000; }
a:hover { color: #d80907; }
.offset15 { margin-bottom: 15px; }
.red { color: #d80907; }
.green { color: #0d9d06; }
.gray { color: #686868; }
ul li { position: relative; padding-left: 1.2em; line-height: 26px; margin-bottom: .5em; overflow: hidden; }
ul li:before { content: ''; width: 6px; height: 6px; position: absolute; top: 0.55em; left: 0; border-radius: 50%; background: #000; }
ul li.recommend:before { background: #000; }
ul li.recommend, ul li.recommend a { color: #000; }
ul li.promo, ul li.promo a { color: #d80907; overflow: visible; font-size: 15px; }
ul li.promo:before { content: ''; width: 13px; height: 5px; position: absolute; left: -4px; top: 8px; background: #d80907; border-radius: 0; }
ul li.promo:after { content: ''; width: 5px; height: 13px; position: absolute; left: 0; top: 4px; background: #d80907; }
ul li.promo:hover a { color: #000; }
ul li.promo:hover:before { background: #000; }
ul li.promo:hover:after { background: #000; }
ul.noBullet li, .msgErr li, .chosen-results li { padding-left: 0; }
ul.noBullet li:before, .msgErr li:before, .chosen-container li:before { display: none; }
.pagecolumn3 li:before, .pagecolumn2 li:before, .pagecolumn1v2 li:before, .detailtext .toolBox li:before, .sortingTable li:before, .articleTable li:before { width: 4px; height: 4px; }
.chzn-container li:before { display: none; }
ol li { margin: 0 0 5px 20px; line-height: 26px; list-style-type: decimal; background: none; }
.li { font-size: 14px! important; font-weight: normal!important; margin: 0!important; padding: 0!important; }
.col1 .li { font-size: 15px !important; font-weight: normal!important; margin: 0!important; padding: 0!important; }
.fakeLink { cursor: pointer; color: #000; text-decoration: underline; }
.fakeLink:hover { color: #d80907; text-decoration: underline; }
.redSubmit { background: #d80907; color: #fff; height: 50px; line-height: 50px; cursor: pointer; border: 0; border-radius: 5px; padding: 0 40px; display: inline-block; font-size: 18px; outline: none; }
.redSubmit:hover { color: #fff; background: #da1816; text-decoration: none; }
.submit { background: #000; color: #fff; height: 50px; line-height: 50px; cursor: pointer; border: 0; border-radius: 5px; padding: 0 40px; display: inline-block; font-size: 16px; outline: none; }
.submit:hover { background: #d80907; }
.submit.small { height: 40px; line-height: 40px; padding: 0 20px; }
a.submit { color: #fff; text-decoration: none; }
a.submit:hover { color: #fff; }
.submitBig { background: #000; color: #fff; padding: 8px 10px; font-size: 18px; cursor: pointer; border: 0; display: inline-block; }
.submitBig:hover { background: #d80907; }
.submitBig a { color: #fff; }
.submitBig a:hover { color: #fff; }
.info { color: #757575; margin: 0 0 5px; line-height: normal; font-size: 13px; }
.inline { display: inline; font-size: 15px; font-weight: normal; }
.title { font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; letter-spacing: 0.02em; font-size: 18px; line-height: 30px !important; font-weight: bold; padding: 0; margin: 0 0 10px; -webkit-font-smoothing: antialiased; }
.titleBig { font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; letter-spacing: 0.02em; font-size: 25px; color: #1a1a18; line-height: 30px; font-weight: bold; padding: 0; margin: 0 0 10px; -webkit-font-smoothing: antialiased; }
.titleSmall { font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.5em; }
.subtitle { font-size: 18px; margin: 0 0 15px; font-weight: bold; line-height: normal !important; }
.subtitle1 { font-size: 16px !important; margin: 0 0 10px; font-weight: bold; line-height: normal !important; }
.subtitle2 { font-size: 16px !important; margin: 0 0 5px; font-weight: bold; line-height: normal !important; }
.noBorder { border-width: 0!important; }
.noMargin { margin: 0 !important; }
.noBold { font-weight: normal !important; }
.desc { margin-bottom: 15px; line-height: 1.62; }
.descNoMargin { margin-bottom: 0; line-height: 1.62; }
/*fix box poradna*/
.ulleft, .ulright { margin: 0 0 20px; }
.main { max-width: 1030px; margin: 0 auto; padding: 0 10px; position: relative; background: #fff; cursor: default; z-index: 2; }
#webBrand { position: relative; }
#content { padding: 200px 0 0!important; margin: 0 0 15px; }
.navigation { color: #757575; font-size: 11px; line-height: 1.5em; margin: 10px 0 20px;}
.navigation div { display: inline-block; }
.navigation a { color: #757575; }
.navigation a:hover {color: #757575; text-decoration: underline;}
/*.ad { margin-bottom: 20px; display: flex; justify-content: center; text-align: center; }
.ad > div { flex-grow: 1; }
.ad .r-head { visibility: hidden; }*/
.reklamabg { background: #e6e6e6; display: none; }
.reklamabg .ad { display: block; }
.reklamabg .ad, .ad-footer .ad, #partnersWeb .ad { margin-bottom: 0; }
.ad-footer .r-head {display: none;}
.shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.45); }
.ad .touch-203 { width: 300px; height: 268px; }
.ad .m902, .ad .m905 { width: 300px; height: 318px; }
.cols h4 {padding: 0;}
.pagecolumn { max-width: 370px; margin: 0 auto 25px; }
.pagecolumn .boxLink { text-align: center; border-bottom: 2px solid; padding-bottom: 15px; }
.pagecolumn .boxLink a { background: #000; color: #fff; height: 50px; line-height: 50px; cursor: pointer; border: 0; border-radius: 5px; padding: 0 40px; display: inline-block; font-size: 18px; outline: none; }
.pagecolumn .boxLink a:hover { background: #d80907; }
.pagecolumn .desc { font-size: 15px; line-height: 22px; border-width: 0 0 1px 0; border-color: #e6e6e6; border-style: dotted; padding: 0 0 15px; margin: 0 0 15px; }
.pagecolumn .leftmenu { font-size: 17px; margin: 0 0 10px; }
.pagecolumn .leftmenu a { display: block; padding: 0 0 8px; }
.pagecolumn .leftmenu .active { font-weight: bold; }
.itemsList .article { border-width: 0 0 1px 0; border-color: #d1d1d1; border-bottom-style: solid; padding: 0 0 15px; margin: 0 0 15px; color: #3f3f3f; position: relative; }
.itemsList.wideImg .article:last-child { border-bottom: 2px solid #000; }
.itemsList.wideImg .article > a img { position: absolute; top: 0; left: 0; height: auto; }
.itemsList .article h2 { font-size: 24px; line-height: 30px; font-weight: bold; margin: 0 0 10px; } /*sekce*/
.itemsList .article h2 a { text-decoration: none; }
.itemsList .article h3 { font-size: 22px; line-height: 25px; font-weight: bold; margin: 0 0 10px; }   /*výpisy článků */
.itemsList .article h3 a { text-decoration: none; }
.itemsList .article .perex { font-size: 14px; line-height: 1.57; margin-bottom: 0; }
.itemsList .article .info { margin-bottom: 16px; }
.itemsList .article .info, .itemsList .article .info a { font-size: 13px; line-height: 13px; color: #757575; }
.itemsList.wideImg .article > a { position: relative; padding-bottom: 55%; margin-bottom: 15px; display: block; width: 100%; }
.itemsList .article > a { position: relative; margin: 0 auto 15px; display: block; width: 180px; }
.itemsList .article .img { margin-bottom: 15px; float: left; margin-right: 10px; }
.itemsList .ad { border-width: 0 0 1px 0; border-color: #e6e6e6; border-bottom-style: dotted; }
.itemsList .more li { padding: 8px 0; }
.itemsList .more h2 { font-size: 14px; padding: 0; margin: 0; display: inline; }
.datum { color: #666; font-size: 11px; }
.boxLink { text-align: right; margin: 15px 0 0; font-size: 14px; }
.boxLink1 { text-align: right; margin: 0 0 15px; font-size: 14px; }
.boxLink2 { text-align: right; font-size: 14px; }
.bottomDotbox { border-width: 0 0 1px 0; border-color: #c6c6c6; border-bottom-style: dotted; margin: 0 0 20px 0; padding: 0 0 15px 0; word-break: break-word; }
.box { margin: 0 0 20px; }
.box .in { padding: 10px; min-height: 23px; }
.box.boxLightB .in { border: 1px solid #C6C6C6; }
.toolBox .filter { position: relative; font-size: 13px; }
.toolBox .filter .base { position: relative; }
.toolBox .filter .lab { margin: 0 0 5px; }
.toolBox .filter > div { margin-bottom: 25px; }
.toolBox .filter > div:last-child { margin-bottom: 0px; }
.toolBox .lab .bigger { font-size: 15px; }
.toolBox .filter .item   { margin: 0 0 20px; }
.rssListImg { font-size: 12px; }
.rssListImg img { float: left; margin: 0 10px 0 0; }
.rssListImg li { border-width: 0 0 1px 0; line-height: 1.6em; border-color: #e6e6e6; border-bottom-style: dotted; margin: 0 0 10px 0; padding: 0 0 5px 0; background: none; }
.rssListImg li.last { border: 0; margin: 0; padding: 0; }
.poll  { line-height: normal; }
.poll  p { line-height: normal; }
.poll .question { font-weight: bold; margin: 0 0 10px; font-size: 16px; }
.poll label { display: flex; position: relative; margin-bottom: 20px; align-items: center; }
.poll label input { position: absolute; left: 0; top: 0; width: 0; height: 0; bottom: 0; margin: auto; }
.poll label .radio { display: inline-block; width: 26px; height: 26px; border: 1px solid #a1a1a1; border-radius: 50%; margin-right: 20px; position: relative; flex-shrink: 0; }
.poll label input:checked ~ .radio:after { content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 10px; background: #a1a1a1; border-radius: 50px; right: 0; bottom: 0; margin: auto; }
.poll .answer { margin: 0; }
.poll .a-bar {display: flex;align-items: center;margin-bottom: 10px;}
.poll .a-bar .procenta { flex-basis: 55px; flex-grow: 0; flex-shrink: 0; background: #d1d1d1; color: #fff; font-weight: bold; padding-left: 5px; height: 20px; line-height: 20px; margin-right: 2px; }
.poll .a-bar .ukaz { background: #5daf3d; flex-grow: 0; flex-shrink: 1; height: 20px; }
.form table .label { padding: 4px 20px 4px 0; text-align: right; width: 125px; font-size: 14px; }
.form table .input { padding: 4px 0; font-size: 14px; }
.form table .tdsubmit { padding: 16px 0 20px; text-align: right; }
.form .smallCalcIn { width: 100px; height: 28px; border: 1px solid #c6c6c6; padding: 0 5px; color: #686868; font-size: 14px; } 
.form .smallCalcInWide { width: 140px; height: 28px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 5px; color: #686868; }
.form .smallCalcInWide.big { font-weight: normal; }
.form .smallCalcInWide2 { width: 180px; height: 28px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 5px; color: #686868; }  /*produktové filtry*/
.form .smallCalcInWide3 { width: 300px; height: 28px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 5px; color: #686868; }  /*rejstrik soc. služeb filtry*/
.form .smallCalcInWide4 { width: 100%; height: 28px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 5px; color: #686868; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.form .smallCalcInWide4.big { height: 34px; }
.form .smallCalcInWide4.bigger { height: 40px; }
.multi-chosen { padding: 5px !important; }
.result .desc { font-size: 14px; margin: 0; text-align: left; }
.calcul .result {border-width: 1px 0; border-style: solid; border-color: #c6c6c6; font-size: 24px; text-align: right; padding: 20px 10px 10px; margin: 0 0 20px; position: relative; }
.calcul .resultTitle { font-size: 12px; text-align: left; position: absolute; top: 5px; }
.calcul .resultTitleBig { float: left; }
.calcul .result table { font-size: 12px; }
.calcul input.smallCalcIn, .calcul input.smallCalcInWide { text-align: right; }
.CalculatorMapIcon { margin: 0 0 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.CalculatorMapIcon a { display: inline-block; width: 130px; height: 110px; position: relative; border: 1px solid #cbcbcb; padding: 0 5px; text-align: center; margin-bottom: 5px; }
.CalculatorMapIcon .mapIcon { background: url('/css/images/kalkul-ico-150318.png'); margin: 0 auto; }
.CalculatorMapIcon .ucty-karty-ico { position: relative; top: 23px; }
.CalculatorMapIcon .ucty-karty-ico .mapIcon { background-position: 0 -100px; width: 46px; height: 29px; margin-bottom: 15px; }
.CalculatorMapIcon a:hover .ucty-karty-ico .mapIcon { background-position: 0 -50px;}
.CalculatorMapIcon .sporeni-ico { position: relative; top: 13px; }
.CalculatorMapIcon .sporeni-ico .mapIcon { background-position: -50px -100px; width: 60px; height: 45px; margin-bottom: 9px; }
.CalculatorMapIcon a:hover .sporeni-ico .mapIcon { background-position: -50px -50px;}
.CalculatorMapIcon .pujcky-ico { position: relative; top: 13px; }
.CalculatorMapIcon .pujcky-ico .mapIcon { background-position: -110px -100px; width: 46px; height: 47px; margin-bottom: 7px; }
.CalculatorMapIcon a:hover .pujcky-ico .mapIcon { background-position: -110px -50px;}
.CalculatorMapIcon .investice-ico { position: relative; top: 21px; }
.CalculatorMapIcon .investice-ico .mapIcon { background-position: -160px -100px; width: 65px; height: 38px; margin-bottom: 8px; }
.CalculatorMapIcon a:hover .investice-ico .mapIcon { background-position: -160px -50px;}
.CalculatorMapIcon .pojisteni-ico { position: relative; top: 13px; }
.CalculatorMapIcon .pojisteni-ico .mapIcon { background-position: -325px -100px; width: 35px; height: 50px; margin-bottom: 4px; }
.CalculatorMapIcon a:hover .pojisteni-ico .mapIcon { background-position: -325px -50px;}
.CalculatorMapIcon .dane-ico { position: relative; top: 13px; }
.CalculatorMapIcon .dane-ico .mapIcon { background-position: -230px -100px; width: 43px; height: 49px; margin-bottom: 5px; }
.CalculatorMapIcon a:hover .dane-ico .mapIcon { background-position: -230px -50px;}
.CalculatorMapIcon .duchody-a-davky-ico { position: relative; top: 13px; }
.CalculatorMapIcon .duchody-a-davky-ico .mapIcon { background-position: -275px -100px; width: 50px; height: 48px; margin-bottom: 6px; }
.CalculatorMapIcon a:hover .duchody-a-davky-ico .mapIcon { background-position: -275px -50px;}
.CalculatorMapIcon .bydleni-ico { position: relative; top: 14px; }
.CalculatorMapIcon .bydleni-ico .mapIcon { background-position: -550px -100px; width: 31px; height: 50px; margin-bottom: 3px; }
.CalculatorMapIcon a:hover .bydleni-ico .mapIcon { background-position: -550px -50px;}
.CalculatorMapIcon .zamestnani-ico { position: relative; top: 18px; }
.CalculatorMapIcon .zamestnani-ico .mapIcon { background-position: -360px -100px; width: 51px; height: 39px; margin-bottom: 10px; }
.CalculatorMapIcon a:hover .zamestnani-ico .mapIcon { background-position: -360px -50px; }
.CalculatorMapIcon .spotrebitel-ico { position: relative; top: 23px; }
.CalculatorMapIcon .spotrebitel-ico .mapIcon { background-position: -420px -100px; width: 62px; height: 30px; margin-bottom: 14px; }
.CalculatorMapIcon a:hover .spotrebitel-ico .mapIcon { background-position: -420px -50px; }
.CalculatorMapIcon .ekonomika-ico { position: relative; top: 13px; }
.CalculatorMapIcon .ekonomika-ico .mapIcon { background-position: -485px -100px; width: 60px; height: 50px; margin-bottom: 4px; }
.CalculatorMapIcon a:hover .ekonomika-ico .mapIcon { background-position: -485px -50px; }
.akcieTable thead th { font-size: 15px; line-height: 20px; padding: 0 5px 10px; }
.akcieTable thead th.small { font-size: 14px !important; }
.akcieTable thead td { font-size: 15px; line-height: 18px; padding: 0 5px 10px; text-align: center; font-weight: bold; }
.akcieTable tbody td { font-size: 14px; text-align: right; padding: 2px 8px; }
.akcieTable tbody td.big { font-size: 15px!important; font-weight: normal; }
.akcieTable tbody td.padd { padding: 2px 0 2px 5px; }
.akcieTable .info { font-size: 13px; margin: 0; }
.akcieTable .cols31 { width: 120px; }
.sortingTable table { text-align: left; }
.sortingTable thead th, .sortingTable thead td { font-size: 14px; font-weight: bold; padding: 8px 10px 5px; border: 1px solid #c6c6c6; vertical-align: top; }
.sortingTable tbody th, .sortingTable tbody td { font-size: 12px; padding: 8px 10px; border: 1px solid #c6c6c6; vertical-align: top; }
.sortingTable.addGraph { width: 420px; position: relative; }
.sortingTable .graph { padding: 10px; text-align: center; position: absolute; left: 430px; background: #F2F2F2; border: 1px solid #C6C6C6; }
.productTable table { text-align: left; }
.productTable tbody th { width: 25%; }
.colsFifty .col1 .productTable tbody th, .colsFifty .col2 .productTable tbody th { width: 40%; }
.productTable thead th, .productTable thead td { font-size: 14px; font-weight: bold; padding: 8px 10px 5px; border: 1px solid #c6c6c6; vertical-align: top; }
.productTable tbody th, .productTable tbody td { font-size: 12px; padding: 8px 10px; border: 1px solid #c6c6c6; vertical-align: top; word-break: break-word; overflow-wrap: break-word; }
.productTable.addGraph { width: 420px; position: relative; }
.productTable .graph { padding: 10px; text-align: center; position: absolute; left: 430px; background: #F2F2F2; border: 1px solid #C6C6C6; }
.articleTable { text-align: left; }
.articleTable thead th, .articleTable thead td { font-size: 14px; font-weight: bold; padding: 10px 20px; border: 1px solid #c6c6c6; vertical-align: top; }
.articleTable tbody th, .articleTable tbody td { font-size: 14px; padding: 5px 10px; border: 1px solid #c6c6c6; vertical-align: top; }
.articleTable thead th p, .articleTable thead td p { font-size: 14px; line-height: 22px; }
.articleTable tbody th p, .articleTable tbody td p { font-size: 14px; line-height: 22px; }
#left h1 { font-size: 30px; line-height: 1.14; margin: 0 0 17px; }
.clanekinfo { margin: 0 0 45px; }
.clanekinfo .info { font-size: 14px; margin: 0 0 22px; }
.clanekinfo .info a { color: #757575; }
.clanekinfo .detailimg ~ .info { margin: 5px 0 0; }
.clanekinfo .infotext { font-size: 15px; color: #1a1a18; line-height: 24px; margin: 0 0 22px; }
.clanekinfo .detailimg { position: relative; padding-bottom: 55%; }
.clanekinfo .detailimg img { position: absolute; top: 0; left: 0; right: 0; margin: auto; }
.clanekinfo .colsFifty .col1 { width: 49%!important; float: left; margin: 0; }
.clanekinfo .colsFifty .col2 { width: 49%!important; float: right; margin: 0; }
#left .clanekinfo .infotext { font-weight: bold; font-size: 16px; }
.clanekinfo .detailimgSmall { margin: 0 15px 5px 0; float: left; }
#left .detailtext { color: #1a1a18; }
.articleTip { margin: 0 auto 25px; line-height: 22px; width: 600px; }
.articleTip .tipIco { width: 40px; }
.detailtext { line-height: 23px; }
.detailtext p { margin: 0 0 30px; line-height: 26px }
.detailtext h2 { font-size: 22px; margin: 0 0 15px; line-height: 27px; }
.detailtext h3 { font-size: 22px; margin: 0 0 15px; line-height: 27px; }
.detailtext ul { margin: 0 0 30px; }
.detailtext ul li { line-height: 26px; }
.detailtext .fr .fr, .detailtext .fl .fr, .detailtext .in .fr { margin-right: 0; }
.detailtext .fl .fl, .detailtext .fr .fl, .detailtext .in .fl { margin-left: 0; }
.detailtext .caption p.info { width: auto; }
.detailtext .bg_gray { background: #f3f3f3; }
.detailtext .toolBox { font-size: 14px; margin-bottom: 30px; border-width: 1px; padding: 20px; }
.detailtext .toolBox > .title { border: 0; padding: 0; margin: 22px 0 7px; font-size: 18px; }
.detailtext .toolBox .toolBox { border: 0; padding: 0; }
.detailtext .toolBox p { font-size: 14px; }
.detailtext .toolBox p.title { font-size: 18px; }
.detailtext .toolBox p.question { font-size: 16px; }
.detailtext .toolBox p:last-child, .detailtext .toolBox h3:last-child, .detailtext .toolBox h4:last-child, .detailtext .toolBox ul:last-child, .detailtext .toolBox table:last-child { margin-bottom: 0; }
.detailtext .toolBox h2 { font-size: 18px; margin: 0 0 10px; }
.detailtext .toolBox h3 { font-size: 16px; margin: 0 0 10px; }
.detailtext .toolBox .parrating { padding: 0; border: 0; }
.detailtext .toolBox iframe, .detailtext .toolBox img { margin: 0 0 10px; }
.detailtext table { margin: 0 0 30px; } /*clear: both; obtékání v článku 235103, 240872*/
.detailtext table p, .detailtext .toolBox table p  { width: auto; margin: 0; }
.detailtext table tfoot { font-size: 14px; color: #757575 }
.detailtext .boxTab table { margin: 0; }
.detailtext .calculators table { margin: 0; }
.detailtext .gallery .img { max-width: 100%; }
.detailtext a { color: #000; }
.detailtext a:hover { color: #d80907; }
.detailtext a.submit { color: #fff; }
.detailtext a.submit:hover { color: #fff; }
.detailtext h2 a, .detailtext h3 a, .detailtext h4 a, .detailtext h5 a, .detailtext strong a, .detailtext b a, .detailtext a strong, .detailtext a b, .detailtext .subtitle { color: #000; }
.detailtext .redSubmit { color: #fff; }
.detailtext .redSubmit:hover { color: #fff; }
.detailtext .clear.fl > div { margin-left: auto; margin-right: auto; }
.detailtext .clear.fr > div { margin-left: auto; margin-right: auto; }
.detailtext .adWrap { display: none; }
.htmlContent td, .htmlContent th { border: 1px solid #c6c6c6; padding: 10px 20px; font-size: 14px; }
.htmlContent tr:nth-child(even) { background: #f2f2f2; }
.htmlContent .toolBox { margin-top: 30px; }
.imgSource { max-width: 40px; height: 40px; border: 10px solid transparent; border-radius: 50%; position: absolute; bottom: 0; right: 0; display: inline-block; transition: max-width 1s ease-in; cursor: pointer; }
.imgSource.show { max-width: 100%; }
.imgSourceBg { width: 100%; background: rgba(0, 0, 0, 0.6); height: 100%; display: inline-block; border-radius: 10px; padding: 0 10px; overflow: hidden; }
.imgSourceBg:before { position: absolute; content: 'i'; color: #fff; font-family: fira-sans; width: 20px; height: 100%; text-align: center; left: 0; line-height: 20px; transition: opacity 0s linear; transition-delay: 1s;}
.imgSource.show .imgSourceBg:before { opacity: 0; transition-delay: 0s; }
.imgSourceDesc { display: inline-block; color: #fff; line-height: 20px; font-size: 11px; overflow: hidden; font-style: italic; opacity: 0; transition: opacity 1s linear; }
.imgSource.show .imgSourceDesc { opacity: 1; }
.citation { font-size: 1.4em; font-style: italic; line-height: 30px; padding: 20px 65px; margin: 1.5em 0; text-align: center; position: relative; }
.citation:before { content: '„'; position: absolute; bottom: 20px; left: 30px; font-size: 70px; }
.citation:after { content: '“'; position: absolute; top: 10px; right: 30px; font-size: 70px; }
.googleAd a { color: #1e3e79; }
.soc { font-size: 15px; display: flex; align-items: center; justify-content: space-between; margin-top: 30px; margin-bottom: 50px; border: 0; }
.soc > div { display: flex; }
.soc > div > a, .soc > div > div { display: inline-flex; align-items: center; }
.soc > div > a:hover, .soc > div > .fakeLink:hover { text-decoration: none; }
.soc > div > a:hover .icon-circle:before, .soc > div > div:hover .icon-circle:before { background: #f92321; }
.soc > div:first-of-type .icon-circle:after { font-size: 30px; }
.soc > div .margin-left { margin-left: 20px; }
.soc > div .ico-text { display: none;}
.soc .icon-circle { height: 35px; }
.soc .icon-circle.icon-penize2018-facebook:before { background: #4968b4; }
.soc .icon-circle.icon-penize2018-twitter:before { background: #3b96e3; }
.soc .icon-circle:after { position: absolute; left: 0; top: 0; line-height: 35px; width: 35px; height: 35px; text-align: center; cursor: pointer; }
.soc .flex-middle { display: flex; align-items: center; }
.soc .icon-penize2018-email:after { font-size: 20px !important; }
.icon-linkedin { position: relative; }
.icon-linkedin.icon-circle:before { background: #0073b1; }
.icon-linkedin.icon-circle:after { content: 'in'; color: #fff; font-size: 23px!important; font-family: arial; font-weight: bold; }
.boxProfile .soc { margin: 15px 0; padding-bottom: 15px; border-width: 0 0 1px; border-color: #c6c6c6; border-bottom-style: dotted; }

.authors.soc a:not(:first-child) { margin-left: 20px; }
.authors.soc .icon-circle { position: relative; }
.authors.soc .icon-circle.icon-circle-facebook:after { content: ''; background-image: url(https://peniazesk.pencdn.cz/images/peniazesk-icons.svg#icon-facebook); background-repeat: no-repeat; background-size: 15px 15px; filter: invert(91%) sepia(19%) saturate(792%) hue-rotate(204deg) brightness(113%) contrast(113%); width: 15px; height: 15px; left: 10px; top: 10px; }
.authors.soc .icon-circle.icon-circle-x:after { content: ''; background-image: url(https://peniazesk.pencdn.cz/images/peniazesk-icons.svg#icon-twitterX); background-repeat: no-repeat; background-size: 15px 15px; filter: invert(91%) sepia(19%) saturate(792%) hue-rotate(204deg) brightness(113%) contrast(113%); width: 15px; height: 15px; left: 10px; top: 10px; }
.authors.soc .icon-circle.icon-circle-linkedin:after { content: ''; background-image: url(https://peniazesk.pencdn.cz/images/peniazesk-icons.svg#icon-linkedin); background-repeat: no-repeat; background-size: 15px 15px; filter: invert(91%) sepia(19%) saturate(792%) hue-rotate(204deg) brightness(113%) contrast(113%); width: 15px; height: 15px; left: 10px; top: 10px; }


#InsertComment { box-shadow: rgba(0, 0, 0, .2) 0 0 10px 0; border-radius: 10px; padding: 20px; margin-bottom: 25px; }
#InsertComment .sumbmitWrap { display: block!important; }
#InsertComment .sumbmitWrap .info { margin-bottom: 15px; }
#InsertComment .sumbmitWrap > div { margin-left: 0!important; text-align: center; }
.item-comment { border-width: 0 0 1px; border-style: solid; border-color: #d1d1d1; padding-bottom: 30px; margin-bottom: 50px; }
.item-comment .item { margin-bottom: 30px; }
.item-comment .item .commentText { word-wrap: break-word; overflow-wrap: break-word; }
.item-comment .item:last-child { margin-bottom: 0; }
.item-comment .info:nth-child(2) { font-size: 16px; margin-bottom: 15px; }
.item-comment .comment-tools .ratingCenter { margin-bottom: 10px; }
.item-comment .comment-tools .ratingCenter .value { margin-left: 0; }
.item-comment .comment-tools div span:last-of-type { margin-right: 0; }
.item-comment .comment-tools .fakeLink:hover { color: #1c3e79; }
.item-comment .comment-tools .tools { text-align: right; }
.item-comment .comment-tools .tools p { margin-bottom: 0; margin-top: 5px; }
.item-comment .best { border-width: 0 0 0 10px; border-color: #e2ffde; border-style: solid; padding: 0 0 0 10px; }
.item-comment .worst { border-width: 0 0 0 10px; border-color: #ffe2e2; border-style: solid; padding: 0 0 0 10px; }
.item-comment .itemin { padding: 0 0 0 20px; font-size: 14px; border-width: 0 0 0 10px; border-color: #ebebeb; border-style: solid; }

.bottomBox { font-size: 15px; border-width: 0 0 1px 0; border-color: #c6c6c6; border-bottom-style: dotted; margin: 0 0 15px 0; padding: 0 0 15px 0; }
.bottomBox .item { margin: 0 0 15px 0; }
.bottomBox .boxLink { font-size: 14px; }
.article-rating { padding: 25px 45px 25px 30px; margin-bottom: 50px; box-shadow: rgba(0, 0, 0, .2) 0 0 10px 0; border-radius: 10px; }
.article-rating > p { font-size: 22px; font-weight: bold; margin-bottom: 25px; }
.article-rating .ratingCenter { margin-bottom: 25px; }
.article-rating .ratingCenter .value {margin-left: 0;font-size: 28px;}
.article-rating .ratingCenter .up, .article-rating .ratingCenter .down { font-size: 18px; }
.article-rating .ratingCenter .down { margin-right: 0; }
/*Rating paragraph in article*/
.parrating { width: 230px; height: 80px; background: #f3f3f3; display: block; margin-bottom: 30px; margin-right: auto; margin-left: auto; }
.ratingCenter { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.ratingCenter .value { font-size: 24px; margin-left: 20px; font-weight: bold; }
.ratingCenter .up { width: 50px; height: 50px; background: #5daf3d; border-radius: 50%; text-align: center; line-height: 50px; font-size: 32px; color: #fff; display: inline-block; margin-right: 20px; cursor: pointer; }
.ratingCenter .up:hover { background: #7fd05f; }
.ratingCenter .down { width: 50px; height: 50px; background: #d80907; border-radius: 50%; text-align: center; line-height: 50px; font-size: 32px; color: #fff; display: inline-block; margin-right: 20px; cursor: pointer; }
.ratingCenter .down:hover { background: #f92321; }
.parrating.fr { margin: 0 0 20px 20px }
.parrating.fl { margin: 0 20px 20px 0 }
/*end Rating paragraph in article*/
.rating .value { font-weight: bold; margin: 0 20px 0 0; float: left; width: 95px; }
.rating.article { font-size: 36px; }
.rating .up { font-size: 32px; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; background: #50af44; float: left; margin: 3px 10px 0 0; cursor: pointer; }
.rating .down { font-size: 32px; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; background: #d80907; float: left; margin: 3px 0 0; cursor: pointer; }
.article .comment.rating { float: right; width: 90px; height: 100px; text-align: right; } /*rating ve výpise článků*/
.rating.comment { font-size: 30px; line-height: 50px; }
.rating.comment .value { width: 75px; }
.rating.comment .up { margin: 0 10px 0 0; }
.rating.comment .down { margin: 0; }
.starRating0m { width: 75px; height: 15px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll -125px -75px transparent; display: block; }
.starRating1m { width: 75px; height: 15px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll -125px 0 transparent; display: block; }
.starRating2m { width: 75px; height: 15px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll -125px -15px transparent; display: block; }
.starRating3m { width: 75px; height: 15px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll -125px -30px transparent; display: block; }
.starRating4m { width: 75px; height: 15px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll -125px -45px transparent; display: block; }
.starRating5m { width: 75px; height: 15px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll -125px -60px transparent; display: block; }
.starRating0 { width: 125px; height: 25px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll 0 -125px transparent; display: block; }
.starRating1 { width: 125px; height: 25px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll 0 0 transparent; display: block; }
.starRating2 { width: 125px; height: 25px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll 0 -25px transparent; display: block; }
.starRating3 { width: 125px; height: 25px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll 0 -50px transparent; display: block; }
.starRating4 { width: 125px; height: 25px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll 0 -75px transparent; display: block; }
.starRating5 { width: 125px; height: 25px; background: url("/css/images/sprite2016-07-26.png") no-repeat scroll 0 -100px transparent; display: block; }
.star0 { position: relative; text-decoration: none; }
.star0:before { content: '\2605 \2605 \2605 \2605 \2605'; font-size: 25px; color: #dddddd; }
.star1 { position: relative; text-decoration: none; }
.star1:before { content: '\2605'; font-size: 25px; color: #ffc800; }
.star1:after { content: '\2605 \2605 \2605 \2605'; font-size: 25px; color: #dddddd; }
.star2 { position: relative; text-decoration: none; }
.star2:before { content: '\2605 \2605'; font-size: 25px; color: #ffc800; }
.star2:after { content: '\2605 \2605 \2605'; font-size: 25px; color: #dddddd; }
.star3 { position: relative; text-decoration: none; }
.star3:before { content: '\2605 \2605 \2605'; font-size: 25px; color: #ffc800; }
.star3:after { content: '\2605 \2605'; font-size: 25px; color: #dddddd; }
.star4 { position: relative; text-decoration: none; }
.star4:before { content: '\2605 \2605 \2605 \2605'; font-size: 25px; color: #ffc800; }
.star4:after { content: '\2605'; font-size: 25px; color: #dddddd; }
.star5 { position: relative; text-decoration: none; }
.star5:before { content: '\2605 \2605 \2605 \2605 \2605'; font-size: 25px; color: #ffc800; }
.tipProduct { position: relative; width: 30px; height: 17px; margin: 0 0 0 10px; background: #d80907; display: inline-block; }
.tipProduct:after { content: 'TIP'; position: absolute; top: 0; left: 0; color: #fff; width: 30px; text-align: center; font-size: 13px; line-height: 17px; }
/*diskuze*/
#left .comments { margin: 0 auto; }
.comments .clanekinfo { margin-bottom: 25px; }
.comments .clanekinfo .infotext { margin: 0; }
.commentsDetail .rating .value { width: 95px; }
.comments .best { border-width: 0 0 0 10px; border-color: #e2ffde; border-style: solid; padding: 0 0 0 10px; }
.comments .worst { border-width: 0 0 0 10px; border-color: #ffe2e2; border-style: solid; padding: 0 0 0 10px; }
.comments .quote h4 { margin: 0; }
.comments .quote blockquote { font-style: italic; margin: 0 0 10px; }
.comments .commentText { margin: 0 0 10px 0; }
.comments .msg { margin: 0 0 15px 0; line-height: 22px; word-break: break-word; }
.comments .replyText { margin-top: 25px }
.comments .replyText .msg { margin: 0 0 15px 0; color: #949494; }
.comments .replyText .right { margin: 0; }
.comments .replyText .padding { padding-left: 10px; }
/*.comments .commentTools p { font-size: 12px; margin: 0; line-height: normal; }
.comments .commentTools .checkboxFix { position: relative; top: 1px; }*/
.comments .itemin { padding: 0 0 0 20px; font-size: 12px; border-width: 0 0 0 10px; border-color: #ebebeb; border-style: solid; margin-bottom: 0; }
.comments .itemin p  { color: #949494; }
#c-text { height: auto; }
/*/diskuze*/
.formTable table .inputWide { width: 545px; border: 1px solid #c6c6c6; padding: 3px 5px; color: #686868; }
.formTable table .label { vertical-align: top; }
.formTable table .input { width: 555px; }
.formTable table .captchaCol { width: 225px; float: left; }
.formTable table .captchaKode { width: 200px; border: 1px solid #c6c6c6; padding: 3px 5px; color: #686868; }
.formTable table .formDesc { width: 450px; float: right; }
.formTable table .formDesc .info { line-height: 22px; }
.sendForm { border-width: 0 0 1px 0; border-color: #c6c6c6; border-bottom-style: dotted; margin: 0 0 25px 0; }
.sendForm table .label { vertical-align: top; width: 140px; }
.sendForm table .input { width: 200px; }
.sendForm table .inputWide { padding: 4px 0; }
.sendForm table .inputIn { width: 170px; border: 1px solid #c6c6c6; padding: 3px 5px; color: #686868; }
.sendForm table .taIn { width: 520px; border: 1px solid #c6c6c6; padding: 3px 5px; color: #686868; }
.sendForm table .tdCaptcha { padding: 16px 0 20px; }
.sendForm table .tdsubmit { vertical-align: bottom; text-align: right; }
.item { margin-bottom: 1em; }
.item.last { margin-bottom: 0; }
.item h1 { font-size: 1.5em; margin-bottom: 5px; }
.item h2 { font-size: 15px; margin: 0 0 5px; padding: 0; }
.item .img { float: left; border: 1px solid #c6c6c6; margin: 0 10px 5px 0; }
.item .img img { display: block; }
.item .perex { margin-bottom: 1em; }
.item .cont .subtitle { font-weight: normal; margin: 0 0 5px; }
.item .list { margin-bottom: 1em; }
.item .list li { margin-bottom: .33em !important; }
/*stare*/
.koment-n { font-weight: bold; font-size: 13px; text-transform: uppercase; }
.koment h2 { font-size: 17px; margin: 20px 0 8px 0; }
.vlozit-koment { width: 606px; height: 280px; padding: 5px 0 25px 20px; margin-bottom: 22px; }
.vlozit-koment label { font-size: 11px; width: 200px; color: #000; }
.vlozit-koment .left { float: left; width: 290px; }
.vlozit-koment .right { float: right; width: 280px; margin-right: 25px; }
.vlozit-koment .vlozit-input { font-size: 12px; color: #000; padding: 3px 0 3px 2px; border: 0; margin: 7px 0 10px 0; float: left; width: 278px; }
.vlozit-koment textarea { font-size: 12px; color: #000; padding: 3px 0 3px 2px; border: 0; height: 65px; margin: 7px 22px 10px 0; float: left; width: 579px; }
.vlozit-koment img { float: left; }
.vlozit-koment .submit { float: right; font-size: 12px; color: #de031c; cursor: pointer; border: 0; margin: 50px 20px 0 0; width: 129px; height: 25px }
.vlozit-koment-vypis { background: #EEF9FD; width: 586px; height: 280px; padding: 20px 20px 15px 20px; }
.vlozit-koment-vypis .left { float: left; width: 290px; font-size: 12px; color: #2B5A90; }
.vlozit-koment-vypis .left a { font-size: 11px; color: #2B5A90; line-height: 160%; float: left; }
.vlozit-koment-vypis .left .date { float: left; width: 290px; margin-bottom: 5px; }
.vlozit-koment-vypis .reagovat { color: #000 !important; padding-left: 20px; height: 20px; margin-left: 6px; float: left; display: block; }
.vlozit-koment-vypis .citovat { color: #000 !important; padding-left: 28px; height: 20px; margin-left: 6px; float: left; display: block; }
.vlozit-koment-vypis .right { float: right; width: 290px; margin-left: 5px; }
.vlozit-koment-vypis .right .rating { margin: 0 !Important; }
.vlozit-koment-vypis .koment-text { color: #121011; font-size: 11px; float: left; padding-top: 10px; _padding-top: 0; |padding-top: 0; }
/*/graf index*/
/*box prihlaseni*/
fieldset {border: 0 !important}
#bgLogIn {position: absolute; left: 0; top: 0; z-index: 1000; background: #000; opacity:0.6; filter:alpha(opacity=60); width: 100%; height: 100%; display: none;}
#loginBox {position: absolute; width: 300px; z-index: 1001; display: none; font-size: 12px; background: #fff; }
#loginBox .smallCalcInWide { width: 268px; border: 1px solid #c6c6c6; padding: 3px 5px; color: #686868; }
#loginBox .close {width: 18px; height: 18px; position: absolute; right: 1px; background: url("/css/images/sprite2016-07-26.png") no-repeat -200px -70px; cursor: pointer;}
/*/box prihlaseni*/
/*- Preklikavaci tabulka -*/
.box { margin: 0 0 20px; }
.box.boxTab {box-shadow: rgba(0, 0, 0, .2) 0 0 10px 0;border-radius: 10px;}
.box.boxTab .in { border: 1px solid #c6c6c6; padding: 10px; margin: -1px 0 0 0; border-radius: 0 0 10px 10px; }
.tabs td { text-align: center; padding: 0 1px ; }
.tabs td.isFirst { padding: 0 1px 0 0; }
.tabs td.isLast { padding: 0 0 0 1px; }
.tabs .title { display: block; color: #1c3e79; padding: 0; margin: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #c6c6c6; cursor: pointer; }
.tabs .title.active { color: #000; border-bottom: 0; z-index: 2; position: relative; background: #fff; cursor: auto; }
.tabs .title.desible { cursor: auto; }
.tabs tr:first-child .isFirst .title { border-radius: 10px 0 0; }
.tabs tr:first-child .isLast .title { border-radius: 0 10px 0 0; }
/*- /Preklikavaci tabulka -*/
/*profil autora*/
.boxProfile .cols .col1 { width: 90px; }
.boxProfile .cols .col1 img { border: 1px solid #BBC8D9; }
.boxProfile .cols .col2 { width: 590px; }
.boxProfile .desc { font-size: 15px; line-height: 22px; margin: 0 0 10px; }
/*profil autora*/
/*old article*/
table .bgr_sed { background: #EDF9FD; padding: 2px 5px; font-size: 12px; }
table .bgr_sed td { padding: 2px 5px; font-size: 12px; }
table .bgr_bila { padding: 2px 5px; font-size: 12px; }
table .bgr_bila td {padding: 2px 5px; font-size: 12px; }
table .bgr_light { background: #C7E9FB; font-weight: bold; padding: 3px 5px; }
table .bgr_light td {padding: 3px 5px;}
table .bgr_dark { font-size: 18px; font-weight: bold; padding: 5px 5px 1px; background:#1c3e79; }
.floatleft { float: left; margin: 0 20px 20px 0; }
.floatright { float: right; margin: 0 0 20px 20px; }
#article_content .htmlContent { word-break: break-word; }
#article_content .htmlContent img { height: auto!important; }
/*/old atricle*/
/*kontakty institucí*/
.contactTable th { width: 100px; }
/*/kontakty institucí*/
.paging { padding: 40px 0; position: relative; font-size: 14px; line-height: 22px; }
.paging .active { color: #1c3e79 !important; cursor: pointer; }
.paging p { font-size: 14px; margin: 0; }
.paging #slider { display: none; }
.paging .fr { display: flex; justify-content: space-between; }
.paging .prev { color: #000; }
.paging .next { color: #000; }
.legend  { margin: 0; color: #DB2032; font-style: italic; position: relative; clear: both; top: -2em; }
.star { font-size: 18px; color: #DB2032; line-height: 1px; }
/*razeni clanku*/
.sorter { margin: 0 0 20px; }
.sorter a.active { color: #000; }
.sortDown img, .sortUp img { vertical-align: middle; }
/*/razeni clanku*/
/*meny*/
#detailInfoCurr .changeRate { padding: 0 20px; }
#detailInfoCurr .up { background:transparent url(//peniazesk.pencdn.cz/images/ico/up-green.gif) no-repeat scroll 100% 50% }
#detailInfoCurr .down { background:transparent url(//peniazesk.pencdn.cz/images/ico/down-red.gif) no-repeat scroll 100% 50% }
/*/meny*/
/*akcie*/
#detailInfo	{ position: relative; }
#detailInfo h6 { font-weight: normal; color: #666; font-size: .91em; }
#detailInfo .amount	{ color: #333; clear: both; }
/*#detailInfo .spad { float: left; margin-right: 15px; width: 23%; }*/
#detailInfo .spad .price { font-size: 2em; line-height: 1.7; margin: 0 50px 0 0; }
#detailInfo .spad .amount { font-size: 1.1em; }
#detailInfo .spad .move { font-size: 1.5em; padding-right: 1em; margin: 0 50px 0 0; }
#detailInfo .kobos { float: left; margin-right: 15px; width: 17%; }
#detailInfo .kobos .price { font-size: 1.6em; line-height: 1.5; }
#detailInfo .kobos .amount { font-size: .91em; }
#detailInfo .rmSystem { float: left;  padding-top: 1.3em; width: 17%; }
#detailInfo .rmSystem .price { font-size: 1.6em; line-height: 1.5; }
#detailInfo .rmSystem .amount { font-size: .91em; }
#detailInfo .tipForTommorow	{ width: 220px; position: absolute; top: 10px; right: 10px; }
#detailInfo .up { background:transparent url(//static-css.pencdn.cz/images/ico/up.gif) no-repeat scroll 100% 50% }
#detailInfo .down { background:transparent url(//static-css.pencdn.cz/images/ico/down.gif) no-repeat scroll 100% 50% }
/*/akcie*/
/*kvíz*/
.enquiry { border-width: 0 0 1px 0; border-color: #c6c6c6; border-bottom-style: solid; margin: 0 0 30px 0; padding: 0 0 10px 0; }
.enquiry .subtitle { margin: 0 0 22px; font-size: 22px; }
.enquiry .input { margin: 0 10px 0 0;}
.enquiry .qs { margin: 0 0 15px; }
.enquiry .quizInfo p { margin: 0 0 15px; }
.enquiry .quizInfo ul { margin: 0 0 15px; }
.quizIssue .rating { font-size: 42px; font-weight: bold; margin: 0 0 0 10px; }
.quizIssue .subtitle { margin: 0 0 15px; }
.quizIssue.bottomDotbox, .quizResume.bottomDotbox { padding: 0; }
.quizResume .subtitle { margin: 0 0 15px; }
.qs__image__wrap { margin-bottom: 20px; display: flex; justify-content: center; }
.qs__image__wrap__wrap { position: relative; overflow: hidden; }
.quiz--pv .enquiry { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.quiz--pv .enquiry .qs { margin-bottom: 0; }
.detailtext .toolBox .qs__image__wrap__wrap__image { margin-bottom: 0; }
/*/kvíz*/
/*Zprávy pro uživatele*/
.msgErr { color: #d80907; text-align: left; }
.msgErr li { margin: 0 0 5px; background: none; padding: 0; line-height: 24px; }
.msgOk { font-size: 12px; color: #50af44; text-align: left; }
.msgOk li { margin: 0 0 5px; background: none; padding: 0; }
/*/Zprávy pro uživatele*/
/*sitemap*/
.siteMap {}
.siteMap h2 { }
.siteMap .cols { border: 1px solid #C4CFDE; padding: 10px 20px; border-top: 2px solid #153F7B; position: relative; margin-bottom: 2em; }
.siteMap h3 { display: inline; }
.siteMap .list { margin-bottom: 2em !important; margin-left: 15px; }
.siteMap .list li { margin-bottom: 1em; }
.siteMap .list h4 { font-size: 1em; font-weight: normal; }
.siteMap .extList { margin-bottom: 3em; }
.siteMap .extList h4 { position: relative; margin-left: 20px; margin-bottom: .5em; padding-left: 10px;  }
.siteMap .extList span { display: block; position: absolute; left: -20px; background: url("/images/ico/extlist-minus.gif"); width: 18px; height: 18px; cursor: pointer; cursor: hand; }
.siteMap .extList span.plus { background-image: url("/images/ico/extlist-plus.gif"); }
.siteMap .toggle { position: absolute; top: -1.8em; right: 0; }
.siteMap .toggle p { float: right; padding-left: 30px; background: url("/images/ico/extlist-minus.gif") 0 50% no-repeat; min-height: 18px; _height: 18px; line-height: 18px; margin-left: 3em; cursor: hand; cursor: pointer; color: #153F7B; font-weight: bold; }
.siteMap .toggle p span { border-bottom: 1px dashed #BBC8D9; }
.siteMap .toggle p.plus { background-image: url("/images/ico/extlist-plus.gif"); }
.siteMap .last { margin-bottom: 0 !important; }
.siteMap .liSec { margin-left: 2em; }
/*end sitemap*/
.formdl h2 {font-size: 1.2em; font-weight: normal; }
/*Duely osobnosti*/
.personDuel .h4 { margin: 0 0 5px; }
.personDuel .personDesc { font-size: 11px; line-height: normal; }
.personDuel .x { text-align: center; font-weight: bold; font-size: 40px; top: -30px; position: relative; }
.personDuel .redArrow { width: 100px; height: 25px; background: url("/css/images/sprite2016-07-26.png"); background-position: -125px -115px; margin-top: -13px; position: relative; z-index: 1; }
.personDuel .redBox { font-size: 12px; width: 76px;  margin-left: 12px; height: 50px; color: #fff; background: #d80907; padding: 5px 2px; }
.personDuelResult { margin-bottom: 2em; }
.personDuelResult thead { font-size: 1.5em; font-weight: bold; }
.personDuelResult thead th { padding: 5px; }
.personDuelResult td { padding: 5px 2px; }
.personDuelResult .even { background: #F4F6F9; }
.personDuelResult .position { font-size: 40px; width: 55px; }
.personDuelResult .img { width: 70px; padding: 5px 5px; }
.personDuelResult .rank { width: 70px; text-align: center; font-size: 10px; }
.personDuelResult .up { font-size: 14px; font-weight: bold; color: #53BA48; }
.personDuelResult .down { font-size: 14px; font-weight: bold; color: #DE031C; }
/*end Duely osobnosti*/
#ProfessionTree_Wrap { font-size: 12px; }

/*ikony usetři v článku*/
.icon-circle:before { content: ''; position: relative; width: 35px; height: 35px; background: #000; border-radius: 50%; display: inline-block; }
[class^="icon-penize2018-"], [class*=" icon-penize2018"] { position: relative; }
[class^="icon-penize2018-"]:after, [class*=" icon-penize2018"]:after { font-family: "penize2018" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; color: #fff; }
/*[class^="icon-penize2018-"]:hover:after, [class*=" icon-penize2018"]:hover:after { color: #d80907; } barví i ikonky pod článek (FB, poslat, tisk...)*/

.icon-penize2018-big-1:after { content: "\61"; }
.icon-penize2018-big-2:after { content: "\62"; }
.icon-penize2018-big-3:after { content: "\63"; }
.icon-penize2018-big-4:after { content: "\64"; }
.icon-penize2018-big-5:after { content: "\65"; }
.icon-penize2018-big-6:after { content: "\66"; }
.icon-penize2018-big-7:after { content: "\67"; }
.icon-penize2018-big-8:after { content: "\68"; }
.icon-penize2018-big-10:after { content: "\69"; }
.icon-penize2018-big-11:after { content: "\6a"; }
.icon-penize2018-big-12:after { content: "\6b"; }
.icon-penize2018-big-13:after { content: "\6c"; }
.icon-penize2018-big-14:after { content: "\6d"; }
.icon-penize2018-career-2:after { content: "\6e"; }
.icon-penize2018-career-1:after { content: "\6f"; }
.icon-penize2018-career-0:after { content: "\70"; }
.icon-penize2018-build-soc-3:after { content: "\71"; }
.icon-penize2018-build-soc-1:after { content: "\72"; }
.icon-penize2018-build-soc-0:after { content: "\73"; }
.icon-penize2018-big-21:after { content: "\74"; }
.icon-penize2018-big-20:after { content: "\75"; }
.icon-penize2018-big-19:after { content: "\76"; }
.icon-penize2018-big-18:after { content: "\77"; }
.icon-penize2018-big-17:after { content: "\78"; }
.icon-penize2018-big-16:after { content: "\79"; }
.icon-penize2018-big-15:after { content: "\7a"; }
.icon-penize2018-deal-0:after { content: "\41"; }
.icon-penize2018-deal-1:after { content: "\42"; }
.icon-penize2018-deal-2:after { content: "\43"; }
.icon-penize2018-housing-0:after { content: "\44"; }
.icon-penize2018-housing-1:after { content: "\45"; }
.icon-penize2018-housing-2:after { content: "\46"; }
.icon-penize2018-housing-3:after { content: "\47"; }
.icon-penize2018-housing-4:after { content: "\48"; }
.icon-penize2018-invest-0:after { content: "\49"; }
.icon-penize2018-invest-3:after { content: "\4a"; }
.icon-penize2018-invest-4:after { content: "\4b"; }
.icon-penize2018-life-sit-1:after { content: "\4c"; }
.icon-penize2018-life-sit-2:after { content: "\4d"; }
.icon-penize2018-xxx-4:after { content: "\4e"; }
.icon-penize2018-xxx-3:after { content: "\4f"; }
.icon-penize2018-xxx-2:after { content: "\50"; }
.icon-penize2018-xxx-1:after { content: "\51"; }
.icon-penize2018-xxx-0:after { content: "\52"; }
.icon-penize2018-mort-3:after { content: "\53"; }
.icon-penize2018-mort-2:after { content: "\54"; }
.icon-penize2018-mort-0:after { content: "\55"; }
.icon-penize2018-loan-4:after { content: "\56"; }
.icon-penize2018-loan-2:after { content: "\57"; }
.icon-penize2018-loan-1:after { content: "\58"; }
.icon-penize2018-loan-0:after { content: "\59"; }
.icon-penize2018-life-sit-3:after { content: "\5a"; }
.icon-penize2018-xxx-6:after { content: "\30"; }
.icon-penize2018-xxx-7:after { content: "\31"; }
.icon-penize2018-xxx-8:after { content: "\32"; }
.icon-penize2018-email:after { content: "\33"; }
.icon-penize2018-facebook:after { content: "\34"; }
.icon-penize2018-google-plus:after { content: "\35"; }
.icon-penize2018-kniha:after { content: "\36"; }
.icon-penize2018-lupa:after { content: "\37"; }
.icon-penize2018-menu:after { content: "\38"; }
.icon-penize2018-minus:after { content: "\39"; }
.icon-penize2018-plus:after { content: "\21"; }
.icon-penize2018-rss:after { content: "\22"; }
.icon-penize2018-sipka-vlevo:after { content: "\23"; }
.icon-penize2018-sipka-vpravo:after { content: "\24"; }
.icon-penize2018-tisk:after { content: "\25"; }
.icon-penize2018-twitter:after { content: "\26"; }

.usetriico .subtitle { background: #f3f3f3; height: 50px; display: flex; justify-content: space-between; align-items: center; padding-left: 20px; border-radius: 5px; text-decoration: none; }
.usetriico .label { flex-basis: 170px; font-size: 15px; text-decoration: underline; }
.usetriico .ico { border-left: 1px solid #c3c3c3; padding-left: 20px; padding-right: 20px; margin-left: 5px; }
.usetriico .ico:after { color: #c3c3c3; font-size: 30px; top: 2px; }
.usetriico a:hover { text-decoration: none; background: #000; color: #fff; }
.usetriico a:hover .ico { border-color: #000; }
.usetriico a:hover .ico:after { color: #fff; }

.usetriIcoBig { display: flex; justify-content: center; flex-wrap: wrap; }
.usetriIcoBig [class^="icon-penize2018-"]:after { font-size: 90px; color: #000; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; text-align: center; margin-top: 15px; }
.usetriIcoBig [class^="icon-penize2018-"]:hover:after { color: #d80907; }
.usetriIcoBig > a { display: inline-block; border: 1px solid #000; border-radius: 5px; width: 120px; height: 120px; position: relative; flex-shrink: 0; margin-bottom: 10px; }
.usetriIcoBig > a:hover { border-color: #d80907; }

.usetriIcoBig.wide { display: flex; justify-content: space-between; }
.usetriIcoBig.wide > div { flex-basis: 50%; text-align: center; padding-top: 130px; position: relative; }
.usetriIcoBig.wide > div:nth-child(-n + 2)  { margin-bottom: 25px; }
.usetriIcoBig.wide > div [class^="icon-penize2018-"] { position: static; width: 120px; display: inline-block; }
.usetriIcoBig.wide > div [class^="icon-penize2018-"]:after { width: 120px; height: 120px; border: 1px solid #000; border-radius: 5px; margin-top: 0; padding: 10px; box-sizing: border-box; }
.usetriIcoBig.wide > div [class^="icon-penize2018-"]:hover:after { border: 1px solid #d80907; color: #d80907; }
    
.institutionIconMap { font-size: 13px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.institutionIconMap .mapIcon  { background: url('//static-css.pencdn.cz/css/images/instituceSprite_2016-11-08.png'); margin: 0 auto; }
.institutionIconMap a { display: block; width: 96px; height: 100px; position: relative; border: 1px solid #cbcbcb; text-align: center; }
.institutionIconMap .rejstrik-ico { position: relative; top: 30px; }
.institutionIconMap .rejstrik-ico .mapIcon { width: 66px; height: 25px; background-position: 0 0px; margin-bottom: 15px; }
.institutionIconMap a:hover .rejstrik-ico .mapIcon { background-position: -66px 0px; }
.institutionIconMap .ares-ico { position: relative; top: 25px; }
.institutionIconMap .ares-ico .mapIcon { width: 63px; height: 35px; background-position: 0 -30px; margin-bottom: 10px; }
.institutionIconMap a:hover .ares-ico .mapIcon { background-position: -66px -30px; }
.institutionIconMap .dph-ico { position: relative; top: 20px; }
.institutionIconMap .dph-ico .mapIcon { width: 48px; height: 41px; background-position: 0 -210px; margin-bottom: 10px; }
.institutionIconMap a:hover .dph-ico .mapIcon { background-position: -66px -210px; }
.institutionIconMap .fs-ico { position: relative; top: 10px; }
.institutionIconMap .fs-ico .mapIcon { width: 45px; height: 49px; background-position: 0 -160px; margin-bottom: 10px; }
.institutionIconMap a:hover .fs-ico .mapIcon { background-position: -66px -160px; }
.institutionIconMap .clanky-ico { position: relative; top: 25px; }
.institutionIconMap .clanky-ico .mapIcon { width: 44px; height: 35px; background-position: 0 -120px; margin-bottom: 10px; }
.institutionIconMap a:hover .clanky-ico .mapIcon { background-position: -66px -120px; }
.institutionIconMap .diskuze-ico { position: relative; top: 20px; }
.institutionIconMap .diskuze-ico .mapIcon { width: 45px; height: 45px; background-position: 0 -70px; margin-bottom: 5px; }
.institutionIconMap a:hover .diskuze-ico .mapIcon { background-position: -66px -70px; }
.institutionIconMap .prace-ico { position: relative; top: 20px; }
.institutionIconMap .prace-ico .mapIcon { width: 51px; height: 41px; background-position: 0 -255px; margin-bottom: 10px; }
.institutionIconMap a:hover .prace-ico .mapIcon { background-position: -66px -255px; }
.institutionIconMap .kod-ico { position: relative; top: 12px; }
.institutionIconMap .kod-ico .mapIcon { width: 46px; height: 48px; background-position: 0 -299px; margin-bottom: 10px; }
.institutionIconMap a:hover .kod-ico .mapIcon { background-position: -66px -299px; }
.institutionIconMap .clientpoint-ico { position: relative; top: 30px; }
.institutionIconMap .clientpoint-ico .mapIcon { width: 46px; height: 29px; background-position: 0 -100px; margin-bottom: 10px; background-image: url('//static-css.pencdn.cz/css/images/kalkul-ico-150318.png'); }
.institutionIconMap a:hover .clientpoint-ico .mapIcon { background-position: 0px -50px; }



.externHTML { line-height: 22px; }
.externHTML table { max-width: 680px; line-height: 1; }
.externHTML th, .externHTML td { padding: 8px 10px; font-size: 12px; }
.externHTML li { height: 1em; }

/*ikony usetri v sekcích*/
.fnm-main-icons a:before { background: url("/images/usetri/icons_big_2.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-investment a:before { background: url("/images/usetri/icons_investment.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-life_situation a:before { background: url("/images/usetri/icons_life_situation.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-mortgage a:before { background: url("/images/usetri/icons_mortgage.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-deal a:before { background: url("/images/usetri/icons_deal.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-loan a:before { background: url("/images/usetri/icons_loan.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-building_society a:before { background: url("/images/usetri/icons_building_society.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-housing a:before { background: url("/images/usetri/icons_housing.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-career a:before { background: url("/images/usetri/icons_career.png") no-repeat scroll 0 0 #fff; }
.fnm-icons-desc a { font-size: 1.13rem; }
.fnm-icons { display: flex; justify-content: space-between; flex-wrap: wrap; }
.fnm-icons > div { flex-basis: 50%; }
.fnm-icons > div:nth-child(-n + 2) { margin-bottom: 25px; }
.fnm-icons.table-cell { width: 25%; }
.fnm-icons a:before{ border: 3px solid #dcdcdc; border-radius: 9999px; box-sizing: border-box; content: ""; display: block; height: 116px; margin-bottom: 7px; width: 116px; }
.fnm-icons a { color: #1c3e79; display: inline-block; font-size: 1.13rem; width: 116px; /*height: 200px;*/ }
.fnm-icons a:hover:before { border-color: #e41f1f; }

.fnm-icons a.life-insurance:before { background-position: 0px 16px; }
.fnm-icons a.life-insurance:hover:before { background-position: 0px -128px; }

.fnm-icons a.mortgage:before { background-position: -144px 16px; }
.fnm-icons a.mortgage:hover:before { background-position: -144px -128px; }

.fnm-icons a.investment:before { background-position: -288px 16px; }
.fnm-icons a.investment:hover:before { background-position: -288px -128px; }

.fnm-icons a.pension:before { background-position: -432px 16px; }
.fnm-icons a.pension:hover:before { background-position: -432px -128px; }

.fnm-icons a.building-society:before { background-position: -576px 16px; }
.fnm-icons a.building-society:hover:before { background-position: -576px -128px; }

.fnm-icons a.savings-accounts:before { background-position: -720px 16px; }
.fnm-icons a.savings-accounts:hover:before { background-position: -720px -128px; }

.fnm-icons a.time-deposits:before { background-position: -864px 16px; }
.fnm-icons a.time-deposits:hover:before { background-position: -864px -128px; }

.fnm-icons a.vehicle-insurance:before { background-position: -1008px 16px; }
.fnm-icons a.vehicle-insurance:hover:before { background-position: -1008px -128px; }

.fnm-icons a.motor-insurance:before { background-position: -2750px 16px; }
.fnm-icons a.motor-insurance:hover:before { background-position: -2750px -128px; }

.fnm-icons a.travel-insurance:before { background-position: -1152px 16px; }
.fnm-icons a.travel-insurance:hover:before { background-position: -1152px -128px; }

.fnm-icons a.transactional-accounts:before { background-position: -1296px 16px; }
.fnm-icons a.transactional-accounts:hover:before { background-position: -1296px -128px; }

.fnm-icons a.loans:before { background-position: -1440px 16px; }
.fnm-icons a.loans:hover:before { background-position: -1440px -128px; }

.fnm-icons a.credit-cards:before { background-position: -1584px 16px; }
.fnm-icons a.credit-cards:hover:before { background-position: -1584px -128px; }

.fnm-icons a.gas:before { background-position: -1728px 16px; }
.fnm-icons a.gas:hover:before { background-position: -1728px -128px; }

.fnm-icons a.electricity:before { background-position: -1872px 16px; }
.fnm-icons a.electricity:hover:before { background-position: -1872px -128px; }

.fnm-icons a.property:before { background-position: -2016px 16px; }
.fnm-icons a.property:hover:before { background-position: -2016px -128px; }

.fnm-icons a.phone:before { background-position: -2160px 13px; }
.fnm-icons a.phone:hover:before { background-position: -2160px -131px; }

.fnm-icons a.housing:before { background-position: -2448px 14px; }
.fnm-icons a.housing:hover:before { background-position: -2448px -131px; }

.fnm-icons a.career:before { background-position: -2594px 14px; }
.fnm-icons a.career:hover:before { background-position: -2594px -131px; }

.fnm-icons a.img-1:before { background-position: -5px -3px; }
.fnm-icons a.img-1:hover:before { background-position: -125px -3px; }

.fnm-icons a.img-2:before { background-position: -5px -123px; }
.fnm-icons a.img-2:hover:before { background-position: -125px -123px; }

.fnm-icons a.img-3:before { background-position: -5px -243px; }
.fnm-icons a.img-3:hover:before { background-position: -125px -243px; }

.fnm-icons a.img-4:before { background-position: -5px -363px; }
.fnm-icons a.img-4:hover:before { background-position: -125px -363px; }

.fnm-icons a.img-5:before { background-position: -5px -483px; }
.fnm-icons a.img-5:hover:before { background-position: -125px -483px; }

.fnm-icons a.img-6:before { background-position: -5px -603px; }
.fnm-icons a.img-6:hover:before { background-position: -125px -603px; }
/*end ikony usetri v sekcích*/

/*box porovnani fondy*/
#CompareFloatBox { position: fixed; right: 0; bottom: 0; width: 250px; z-index: 1000; background: #fff; }
#CompareFloatBox .toolBox { margin: 0; }
#CompareFloatBox .clearfix { line-height: 1.5em; }
/*end box porovnani fondy*/

/*soupadla*/
.sideNavigation { position: fixed; top: 50%; margin-top: -35px;  z-index: 1000; }
.sideNavigation .arrow { background: #000; width: 70px; height: 70px; position: absolute; top: 0; }
.sideNavigation a:hover .arrow { background: #d80907; }
.sideNavigation.next .arrow:after { position: absolute; content: ''; width: 12px; height: 12px; border-style: solid; border-width: 4px 4px 0 0; border-color: #fff; transform: rotate(45deg); top: 0; bottom: 0; right: 5px; left: 0; margin: auto; }
.sideNavigation.prev .arrow:after { position: absolute; content: ''; width: 12px; height: 12px; border-style: solid; border-width: 4px 0 0 4px; border-color: #fff; transform: rotate(-45deg); top: 0; bottom: 0; right: 0; left: 5px; margin: auto; }
.sideNavigation.next { right: 0; }
.sideNavigation.prev { left: 0; }
.sideNavigation a { display: block; width: 70px; height: 70px; }
.sideNavigation .cont { width: 286px; height: 70px; border: 1px solid #c8c8c8; background: #fff; padding: .5em; position: relative; }
.sideNavigation.prev .cont { left: -216px; }
.sideNavigation .cont .wrap { display: table; height: 100%; }
.sideNavigation .cont .img { display: table-cell; padding: 0 1em 0 0; vertical-align: middle; }
.sideNavigation .cont img { vertical-align: middle; }
.sideNavigation .cont .label { display: table-cell; font-size: 1em; font-weight: bold; font-family: Arial; vertical-align: middle; }
/*end soupadla*/

#currConvert { text-align: center; }
#currConvert .bold { text-align: left; }
#currConvert .smallCalcInWide { padding: 0 5px; line-height: 1.65; height: 36px; }
#currConvert .smallCalcInWide1 { padding: 0 5px; line-height: 1.65; height: 36px; width: 100%; margin-bottom: 20px; border: 1px solid #c6c6c6; color: #686868; text-align: right; border-radius: 5px; }
#currConvert .dd { display: inline-block; position: relative; border: 1px solid #c6c6c6; line-height: 1.5; width: 90px!important; vertical-align: top; height: 36px; }
#currConvert .ddTitle { height: 100%; padding: 5px; background: -moz-linear-gradient(bottom, #fff 0%, #d6d6d6 100%); background: linear-gradient(to bottom, #fff 0%, #d6d6d6 100%); cursor: pointer; }
#currConvert .ddTitleText { display: block; }
#currConvert .ddTitleText img { position: relative; vertical-align: middle; margin: 0 1em 0 0; border: 1px solid #c6c6c6; }
#currConvert .ddTitleText .ddlabel { position: relative; vertical-align: middle; font-size: 1em; font-weight: bold; }
#currConvert .ddChild { border: 1px solid #c6c6c6; width: 100%; left: -1px; overflow-x: hidden; overflow-y: auto; background: #fff; }
#currConvert .ddChild ul { margin: 0; padding: 0; }
#currConvert .ddChild li.selected { background: #c6c6c6; }
#currConvert .ddChild li { border-style: solid; border-color: #c6c6c6; border-width: 0 0 1px; padding: .2em; clear: both; list-style-type: none; background: none; line-height: inherit; margin: 0; }
#currConvert .ddChild li:before { display: none; }
#currConvert .ddChild li img { vertical-align: middle; position: relative; margin: 0 .6em 0 0; border: 1px solid #c6c6c6; }
#currConvert .ddChild .ddlabel { position: relative; vertical-align: middle; font-size: 12px; }

.arrow { width: 26px; height: 26px; display: inline-block; background: url('//static-css.pencdn.cz/css/images/sprite2016-07-26.png'); cursor: pointer; position: relative; top: 5px; }
.arrow.left { background-position: -375px -137px; }
.arrow.left:hover { background-position: -375px -163px; }
.arrow.right { background-position: -375px -189px; }
.arrow.right:hover { background-position: -375px -215px; }

.arrowSimple { width: 8px; height: 16px; display: inline-block; background: url('//static-css.pencdn.cz/css/images/sprite2016-07-26.png'); cursor: pointer; position: relative; }
.arrowSimple.right { background-position: 0 -231px; }
.arrowSimple.left { background-position: -9px -231px; }

.sortSimple { width: 16px; height: 8px; display: inline-block; background: url('//static-css.pencdn.cz/css/images/sprite2016-07-26.png'); cursor: pointer; position: relative; top: -2px; }
.sortSimple.up { background-position: -19px -231px; }
.sortSimple.down { background-position: -19px -240px; }

.calendar { width: 26px; height: 26px; display: inline-block; background-image: url('//static-css.pencdn.cz/css/images/sprite2016-07-26.png'); background-position: -375px -70px; cursor: pointer; position: relative; top: 5px; }
.calendar:hover { background-position: -375px -100px; }

.rotation-circle { width: 18px; height: 18px; display: inline-block; background: url('//static-css.pencdn.cz/css/images/sprite2016-07-26.png') -201px -232px no-repeat; cursor: pointer; position: relative; }

#adblocker { background: #e6e6e6; display: none; padding: 5px 0; }
#adblocker .main { background: #e6e6e6; }
#adblocker p { font-size: 12px; margin: 0; overflow: hidden; }
.adblock-icon { background: url('//static-css.pencdn.cz/css/images/sprite2016-07-26.png') -313px -65px; width: 42px; height: 36px; float: left; margin: 0 20px 0 0; }

#cookies_policy {display: none;position: fixed;bottom: 0;background: #dcdcdc;width: 100%;padding: .7em 0;text-align: center;font-size: 12px;z-index: 1001;}
#cookies_policy p { font-size: 12px; color: #353535; margin: 0; line-height: normal; }
#cookies_policy a { color: #353535; text-decoration: underline; margin: 0 1.6em 0 0; }
#cookies_policy .submit {background: #353535;display: inline-block;padding: .4em 1.5em;color: #fff;height: auto;line-height: normal;font-size: 14px;}
#cookies_policy a:hover { color: #1c3e79; }
#cookies_policy .submit:hover { background: #1c3e79; }

#popUp {position: fixed;width: 300px;bottom: 0;right: 20px;z-index: 10000;background: #fff;margin: 0;display: none;}
#popUp .title { margin: 0; }
#popUp .in { padding-top: 20px; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; }
#popUp .cols { width: 100%; }
#popUp .col1 { float: left; margin-right: 0.625em; width: auto; }
#popUp .col2 { overflow: hidden; float: none; margin: 0; width: auto; }
#popUp p { font-size: 18px; margin: 0 0 1.5em; }
#popUp .close { background: #484848; cursor: pointer; height: 20px; position: absolute; right: 10px; top: 10px; width: 20px; }
#popUp .close:before { content: ''; position: absolute; height: 3px; width: 14px; background: #fff; top: 50%; left: 0; transform: rotate(45deg); margin-top: -1px; margin-left: 3px; }
#popUp .close:after { content: ''; position: absolute; height: 3px; width: 14px; background: #fff; top: 50%; left: 0; transform: rotate(-45deg); margin-top: -1px; margin-left: 3px; }
#popUp .close { background: #484848; cursor: pointer; height: 20px; position: absolute; right: 10px; top: 10px; width: 20px; }
#popUp .submit {display: inline-block;padding: 8px 15px;height: auto; line-height: normal; }



.sep { font-size: 0.6875rem; padding: 0 2px; }
header { font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; background: #fff; cursor: default; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; font-size: 16px; border-bottom: 1px solid rgba( 0, 0, 0, .12); }
header * { box-sizing: border-box; }
header a { text-decoration: none; color: #1a1a18; }
#header-top { font-size: 0.6875em; display: none; justify-content: space-between; align-items: center; padding: 10px 20px 35px 20px; }
#header-web { font-size: 0; }
#header-web > a { font-size: 0.6875rem; }
#header-web > a:hover { color: #000; text-decoration: underline; }
#header-user { font-size: 0; }
#header-user > a, #header-user > span { font-size: 0.6875rem; }
#header-middle { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; padding-top: 10px; }
/*#header-middle > div { flex: 1 1 33%; }*/
#header-logo { text-align: center; }
#header-logo svg { width: 200px; vertical-align: top; }
#header-logo .claim { font-size: 15px; text-align: left; display: none; position: relative; top: 12px; font-weight: bold; color: #757575; border-left: 2px solid #000; margin-left: 13px; padding-left: 15px; }
#header-logo h1 { display: none; }
#partnersWeb { display: flex; justify-content: flex-end; }
#partnersWeb .ad:before { display: none; }
#partnersWeb .ad + .ad { padding-left: 18px; }
#q { width: 50% !important; font-size: 2em; border-width: 0 0 1px 0 !important; border-color: #b5b5b5 !important; color: #b5b5b5 !important; }
nav { background: #000; min-height: 54px; position: relative; }
#mobileMenuIco { position: absolute; top: 0; left: 0; cursor: pointer; width: 54px; height: 54px; }
#mobileMenuIco:before { content: ''; position: absolute; width: 25px; height: 3px; background: #fff; box-shadow: 0 10px 0 0 #fff, 0 20px 0 0 #fff; top: 0; left: 0; right: 0; bottom: 0; margin: 16px auto; }
#mobileMainMenu { padding-left: 54px; display: flex; height: 54px; align-items: center; }
#mobileMainMenu a { color: #fff; display: inline-block; padding: 5px 10px; border-left: 1px solid #fff; font-family: 'Fira Sans Extra Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif; }
#mobileMainMenu a:last-child { display: none; }
#main-menu { font-family: 'Fira Sans Extra Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif; display: none; flex-direction: column; padding: 0; margin: 0; justify-content: space-around; text-transform: uppercase; background: #000; padding: 0 20px; font-size: 0.9375em; position: absolute; top: 100%; width: 100%; z-index: 2; }
#main-menu > a, #moreMenu, #websearch { text-align: center; color: #fff; padding: 10px 0 8px; display: inline-block; }
#main-menu a:hover { background: #d80907; }
#main-menu a.active { background: #d80907; }
#websearch a:hover { background: #000; }
#moreMenu { cursor: pointer; display: none; }
#moreMenu_items { position: absolute; background: #000; padding: 10px 0; top: 55px; right: 0; display: none; z-index: 3; }
#moreMenu_items > a { display: block; padding: 6px 20px; min-width: 170px; color: #fff; }
#moreMenu_items > a:hover { background: #d80907; }
#moreMenu_items:before { position: absolute; display: block; border-width: 0 7px 7px 7px; border-style: solid; border-color: transparent transparent #fff; top: -8px; content: ''; right: 65px; }
#sub-menu { display: flex; flex-wrap: wrap; margin: 0 -20px; border-bottom: 1px solid #fff; }
#sub-menu > a { color: #fff; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; display: inline-block; padding: 6px 0 6px 35px; flex-basis: 50%; text-transform: none; font-size: 14px; position: relative; }
#sub-menu > a:before { content: ''; position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; left: 20px; top: 12px; }
#sub-menu > a.active { background: none; color: #d80907; text-decoration: underline; font-weight: bold; }
#sub-menu > a.active:before { background: #d80907; }
.offset05 { margin-bottom: .5em; }
footer { background: #2b2b2b; color: #fff; font-size: 13px; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; padding: 30px 20px; width: 100%; position: relative; box-sizing: border-box; }
footer * { box-sizing: border-box; }
footer p { line-height: 1.5; margin-bottom: 1.5em; font-size: 1em; }
footer a { color: #fff; }
footer a:hover { color: #fff; text-decoration: none; } 
footer .subtitle { font-size: 1.125rem; font-weight: bold; color: #929292; display: inline-block; text-transform: uppercase; }
#footer-links { display: flex; justify-content: space-between; flex-wrap: wrap; }
#footer-links > div { flex-basis: 100%; flex-grow: 1; flex-shrink: 1; margin-bottom: 30px; }
#footer-links ul { list-style: none; }
#footer-links li { margin-bottom: 7px; padding-left: 0; line-height: normal; }
#footer-links li:before { display: none; }
#footer-links a { font-size: 14px; line-height: 20px; }
#footer-top { display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid #929292; border-top: 1px solid #929292; padding-bottom: 30px; margin-bottom: 30px; padding-top: 30px; text-align: center; }
#footer-top .subtitle { font-size: 1rem; }
#footer-top > div:nth-child(1) { flex-basis: 100%; margin-bottom: 1em; }
#footer-top > div:nth-child(2) { flex-basis: 100%; margin-bottom: 1em; }
#footer-top > div:nth-child(3) { flex-basis: 100%; margin-bottom: 1em; }
#footer-top > div:nth-child(2) a+a { margin-left: 20px; }
#newsletter-subsribe { display: flex; align-items: center; flex-direction: column; }
#newsletter-subsribe input[type=text] { font-size: 1rem; border: 1px solid #fff; border-radius: 5px; width: 240px; height: 50px; line-height: 50px; padding: 0 20px; background: #2b2b2b; color: #fff; margin-bottom: 10px; }
#newsletter-subsribe input.submit { font-size: .875rem; width: 150px; padding: 0; height: 50px; line-height: 50px; min-width: 52px; border-radius: 5px; background: #d80907; }
#newsletter-subsribe input.submit:hover { background: #da1816; }
#fb-ico, #tw-ico, #rss-ico { fill: #fff; }
#fb-ico:hover { fill: #3b5998; }
#tw-ico:hover { fill: #40a2f5; }
#rss-ico:hover { fill: #ef8304; }

#subMenu2 .cols { display: flex; flex-wrap: wrap; justify-content: space-between; }
#subMenu2 .cols:after { display: none; }
#subMenu2 .cols col {  }
#subMenu2 a { width: 170px; height: 2.467em; border: 1px solid #c6c6c6; display: flex; padding: 0 .667em; justify-content: center; align-items: center; margin-bottom: 5px; }
#subMenu2 a:hover { background: #f2f2f2; border-color: #f2f2f2; }
#subMenu2 a span { display: inline-block; font-size: .867em; flex-grow: 1; }
#subMenu2 a span.small { font-size: .867em!important; margin: .1em 0 0 0; flex-grow: 1; }


.calculTab .tabs { position: relative; top: 1px; }
.calculTab .tabs > * { width: 100px; display: inline-block; padding: .5em .2em; background: #d6d6d6; border: 1px solid #d1d1d1; border-radius: 5px 5px 0 0; cursor: pointer; color: #000; position: relative; }
/*.calculTab .tabs > * + * { margin-left: 20px; }*/
.calculTab .tabs > a:hover { text-decoration: none; color: #000; }
.calculTab .tabs .active { border-bottom-color: #fff; background: none; cursor: default; background: #fff; }
.calculTab .isFirst:after { content: ''; position: absolute; background: #fff; width: 100%; height: 10px; left: -1px; bottom: -11px; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; }
.calculTab .active.isFirst:after { border-top: 0; }

.toolBox { border: 1px solid #d1d1d1; padding: 20px; margin-bottom: 20px; border-radius: 10px; }
.toolBox .in { word-wrap: break-word; overflow-wrap: break-word; }
.toolBox .in:first-child { padding-top: 20px; }
.toolBox .calcul2018-wrapper .title { margin-bottom: 1.5em!important; }
.calcul2018-wrapper .toolBox { font-size: 15px; }
.toolBox .toolBox { font-size: 12px; }
.toolBox > .title { padding-bottom: 10px; font-size: 20px; margin: 0 0 7px; }
.calcul2018-wrapper .toolBox > .title { margin-bottom: 1em; }
.calculTab .toolBox > .title { padding-top: 15px; }
.toolBox > form:first-of-type { /*padding-right: 30px;*/ padding-bottom: .5em; }
/*.toolBox .toolBox > form:first-of-type { padding-right: 0; }*/
.calcul2018-wrapper .subtitle { color: #060604; }
.calcul2018-wrapper .toolBox .subtitle { font-size: 1.25rem!important; font-weight: bold; margin-bottom: 1.2em; margin-top: 2em; }
.calcul2018-wrapper .toolBox .subtitle:first-child { margin-top: 0; }
.calcul2018-wrapper .toolBox .li { font-size: 15px!important; }
.calcul2018-wrapper .bottom .subtitle { margin-top: 0; margin-bottom: 10px; }
.calcul2018-wrapper .top { display: none; }
.calcul-row { align-items: center; margin-bottom: 1em; justify-content: space-between; }
.calcul-row .infoTitle { margin-right: 0; }
.calcul-row.last { margin-bottom: 2em; }
.calcul-row.subtitle { margin-bottom: 0; }
.calcul-cell-label { min-height: 25px; width: 100%; display: flex; align-items: center; }
.small-calcul .calcul-cell-label { width: 85px; }
.calcul-cell-input { position: relative; text-align: right; border: 1px solid #d1d1d1; border-radius: 5px; width: 100%; height: 40px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none;}
.small-calcul .calcul-cell-input { width: 155px; }
.calcul-cell-input.close { width: 145px; margin-left: 18px; }
.toolBox .close ~ .close { margin-left: 0; }
.calcul-input { width: calc(100% - 52px); height: 38px; line-height: 38px; text-align: right; border: 0; outline: none; padding: 0 10px 0 0; font-size: 1.133em; }
.small-calcul .calcul-input { width: 116px; }
.toolBox .calcul-input {font-size: 1.133em;}
.calcul-cell-input.close .calcul-input { width: 84px; }
.calcul-cell-input.datepicker:after { position: absolute; top: -1px; right: 0;  width: 49px; height: 40px; content: 'x'; line-height: 40px; text-align: center; border-style: solid; border-width: 0 0 0 1px; border-color: #d1d1d1; box-sizing: border-box; }
.datepicker .calcul-input { margin-right: 48px; position: relative; }
.calcul-input-unit { width: 50px; display: inline-block; padding-right: 15px; color: #757575; text-align: left; }
.small-calcul .calcul-input-unit { width: 30px; padding-right: 5px; }
.small-calcul .calcul-cell-incDec .calcul-input-unit { width: 34px; }
.calcul-cell-incDec { position: relative; text-align: right; border: 1px solid #d1d1d1; border-radius: 5px; height: 40px; display: flex; align-items: center; justify-content: flex-end; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.small-calcul .calcul-cell-incDec { width: 155px; }
.calcul-cell-incDec.close { width: 145px; margin-left: 18px; }
.calcul-cell-incDec.close .calcul-input { width: 84px; }
.calcul-cell-incDec .calcul-input-unit { cursor: pointer; font-weight: bold; border-style: solid; border-color: #d1d1d1; border-width: 1px 0 1px 1px; border-radius: 0 5px 5px 0; background: #f3f3f3; height: 40px; color: #000; text-align: center; padding: 0; }
.calcul-cell-incDec .calcul-input-unit .inc { border-style: solid; border-color: #d1d1d1; border-width: 0 0 1px; height: 20px; line-height: 20px; }
.calcul-cell-incDec .calcul-input-unit .dec { height: 20px; }
.calcul-input-unit.small { font-size: .666em!important; padding-right: 2px; }
.calcul-cell-subtitle { position: relative; text-align: center; width: 290px; height: 40px; line-height: 40px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.calcul-cell-subtitle.close { width: 145px; margin-left: 18px; }
.calcul-cell-subtitle.close ~ .calcul-cell-subtitle.close { margin-left: 0; }

.calcul-cell-select { position: relative; cursor: default; }
.calcul-cell-select select { display: none; }
.calcul-cell-select .select-selected { overflow: hidden; font-size: 1.133em; border: 1px solid #d1d1d1; border-radius: 5px; position: relative; height: 40px; line-height: 40px; padding-right: 60px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.small-calcul .calcul-cell-select .select-selected { width: 155px; padding-right: 45px; }
.calcul-cell-select.close { margin-left: 18px; }
.calcul-cell-select.close .select-selected { width: 145px; }
.calcul-cell-select .select-selected-text { position:relative; top: -1px; text-align: right; }
.calcul-cell-select .select-selected-ico { position: absolute; cursor: pointer; top: -1px; right: -1px; width: 50px; height: 40px; line-height: 40px; border-style: solid; border-color: #d1d1d1; border-width: 1px 1px 1px 1px; border-radius: 0 5px 5px 0; background: #f3f3f3; text-align: center; }
.small-calcul .calcul-cell-select .select-selected-ico { width: 35px; }
.calcul-cell-select .select-selected-ico:after { content: ""; position: absolute; top: 13px; right: 18px; width: 8px; height: 8px; border-style: solid; border-color: #060604; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.small-calcul .calcul-cell-select .select-selected-ico:after { right: 11px; }
.calcul-cell-select .select-items { border: 1px solid #d1d1d1; border-radius: 5px 0 5px 5px; background: #fff; position: absolute; top: 100%; left: 0; z-index: 99; min-width: 241px; max-height: 195px; overflow-y: auto; }
.small-calcul .calcul-cell-select .select-items { min-width: 121px; }
.calcul-cell-select .select-items div { overflow: hidden; padding: 0 4px; margin: 0 5px; height: 39px; line-height: 39px; border-style: solid; border-color: #d1d1d1; border-width: 0 0 1px 0; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; text-align: right; }
.calcul-cell-select .select-items div:last-child { border: none; }
.calcul-cell-select .select-items div:hover { color: #ff0000; }

.calcul-cell-radio { display: flex; justify-content: flex-end; }
.small-calcul .calcul-cell-radio { width: 155px; }
.calcul-cell-radio label { padding-right: 20px; }
.calcul-cell-radio label:last-child { padding-right: 0; }
.calcul-cell-radio label input { display: none; }
.calcul-cell-radio label span { padding: 0 10px; font-size: 1.133em; min-width: 52px; height: 40px; line-height: 40px; background: #f3f3f3; border-radius: 5px; display: block; text-align: center; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; }
.calcul-cell-radio label input:checked ~ span { border-color: #000; color: #fff; background: #000; }

.calcul-cell-tools { text-align: center; margin-bottom: 20px; flex-grow: 1; font-size: 0.8666em; line-height: 1.5rem; align-self: flex-end; }
.calcul-cell-tools a, .toolBox .calcul-cell-tools .fakeLink { color: #000; text-decoration: underline; }
.calcul-cell-tools a:hover, .toolBox .calcul-cell-tools .fakeLink:hover { color: #d80907; text-decoration: none; }
.calcul-cell-submit { /*padding-left: 20px;*/ text-align: center; }
.small-calcul .calcul-cell-submit { flex-grow: 1; padding-left: 0; margin-bottom: 20px; text-align: center; }
.calcul2018-wrapper .submit { padding: 0 40px; font-size: 1.2em; min-width: 52px; height: 50px; line-height: 50px; border: none; background: #000; color: #fff; border-radius: 5px; display: inline-block; text-align: center; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; }
.calcul2018-wrapper .submit:hover { border-color: #cd1719; background: #cd1719; }

.calcul2018-wrapper .bottom { padding-top: 1.5em; border-top: 1px solid #d1d1d1; }
.calcul2018-wrapper form.offset + .bottom { padding-top: 0; border-top: 0; }

.calculResult { margin-bottom: 1.5em; padding-bottom: 1em; padding-top: 1em; border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;}
.calculResult tr:not(.subtitle):nth-child(even) { background: #f3f3f3; }
.calculResult th { text-align: left; font-weight: normal; padding: .4em 0 .4em 20px; }
.calculResult td { text-align: right; padding: .4em 20px .4em 0; }
.calculResult .subtitle th { font-weight: bold; padding: .5em 0; }
.calculResult .subtitle td { font-weight: bold; padding: .5em 0; }
.calculResult .subtitle .big { font-size: 1rem!important; }
.calculResult .subtitle { font-size: 16px; }
.small-calcul .calculResult .simple  { font-size: 36px; text-align: right; font-weight: 500; }
.small-calcul .calculResult .simple.bold  { font-weight: bold; }

.rankStar { width: 25px; height: 25px; }
.rankStarEmpty { fill: #DDDDDD; }
.rankStarFull { fill: #FFC800; }
.calculRating { display: flex; align-items: center; flex-wrap: wrap; }
.calculRating .subtitle { flex-basis: 100% ;}
.calculRating svg + svg { margin-left: 5px; }
.calculRating span { display: inline-block; padding: 0 10px; min-width: 52px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; flex-basis: 50%; }
.calculRating span { margin-bottom: 20px; }
.calculRating .yes { background: #000; color: #fff; }
.calculRating .no { background: #f3f3f3; color: #000; }
.userTool { display: flex; align-items: center; font-size: .7333em; color: #000; margin-top: 2em; }
.userTool a { color: #000; }
.userTool div + div { margin-left: 2em; }
.hidden { display: none; }

.flex-col { display: flex; align-items: center; flex-wrap: wrap; }
.flex-between { justify-content: space-between; }
.flex-around { justify-content: space-around; }
.flex-wrap { flex-wrap: wrap; }
#search-calcul { position: relative; margin-left: 30px; }
#search-calcul-ico { position: absolute; }
#search-calcul-text { font-size: 14px; width: 100%; height: 30px; border-width: 0 0 1px 0; border-color: #1a1a18; padding-left: 40px; outline: none; }
.ui-widget.ui-widget-content.ui-autocomplete { border: 1px solid #d4d4d4; color: #000; font-size: 14px; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; border-radius: 0; }
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item { padding: 5px 20px; background: none; }
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item:before { display: none; }
.ui-widget.ui-widget-content.ui-autocomplete .ui-corner-all.ui-state-hover { border: none; background: #fff; color: #000; text-decoration: underline; margin: 0; cursor: pointer; }
.calcul-menu { margin-bottom: 1em; }
.calcul-menu a { display: inline-block; width: 150px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #d4d4d4; color: #000; background-repeat: no-repeat; background-position: right center; box-sizing: border-box; }
.calcul-menu a:hover { color: #d80907; }
.calcul-menu .ucty-karty { background-image: url('/css/www/images/bank-account.png') }
.calcul-menu .sporeni { background-image: url('/css/www/images/save.png') }
.calcul-menu .pujcky { background-image: url('/css/www/images/loan.png') }
.calcul-menu .investice { background-image: url('/css/www/images/invest.png') }
.calcul-menu .dane { background-image: url('/css/www/images/taxes.png') }
.calcul-menu .duchody-a-davky { background-image: url('/css/www/images/pension.png') }
.calcul-menu .bydleni { background-image: url('/css/www/images/housing.png') }
.calcul-menu .zamestnani { background-image: url('/css/www/images/job.png') }
.calcul-menu .spotrebitel { background-image: url('/css/www/images/consumer.png') }
.calcul-menu .ekonomika { background-image: url('/css/www/images/economy.png') }

.boxUnderline { border-bottom: 1px solid #d1d1d1; padding: 0 20px 20px; margin-bottom: 20px; }
.boxUnderline .flex-col { align-items: flex-start; }
.boxUnderline .title { margin-bottom: 0; flex-basis: 165px; flex-shrink: 0; }    /*HP kalkulačky*/

/*sekce*/
#section_header.offsetTop { margin-top: 25px; }
#section_header { position: relative; max-width: 250px; margin: 0 auto 30px; }
#section_header .redSubmit { border-radius: 5px; padding: 5px 40px 5px 15px; line-height: 18px; height: auto; font-size: 15px; box-shadow: #840000 2px 2px 0; position: relative; }
#section_header .redSubmit:after { content: ''; width: 10px; height: 10px; border-width: 3px 3px 0 0; border-style: solid; display: inline-block; position: absolute; right: 15px; top: 17px; transform: rotate(45deg); }
#section_header .redSubmit.single_line { line-height: 36px; }
#section_header .redSubmit:hover { background: #da1816; box-shadow: #093a6a 2px 2px 0; }
#section_header .section_box:nth-child(n + 2) { display: none; }
#section_header .prev { display: inline-block!important; position: absolute; top: calc(50% - 24px); left: -40px; width: 48px; height: 48px; text-indent: -99999px; outline: none; background: none; border: none; }
#section_header .prev:after { content: ''; position: absolute; width: 25px; height: 25px; border-width: 0 0 3px 3px; border-style: solid; border-color: #000; transform: rotate(45deg); top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#section_header .next { display: inline-block!important; position: absolute; top: calc(50% - 24px); right: -40px; width: 48px; height: 48px; text-indent: -99999px; outline: none; background: none; border: none; }
#section_header .next:after { content: ''; position: absolute; width: 25px; height: 25px; border-width: 3px 3px 0 0; border-style: solid; border-color: #000; transform: rotate(45deg); top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.section_box { font-size: 15px; position: relative; display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, .2) 0 0 10px 0; border-radius: 10px; }
.section_box.top { box-shadow: #d80907 0 0 10px 0; border: 1px solid #d80907; }
.section_box.top:before { content: 'Najčastejšie vás zaujíma'; font-size: 13px; line-height: 22px; color: #d80907; position: absolute; top: -25px; left: 0; right: 0; text-align: center; }
.section_box_upper { text-align: center; padding: 15px 15px 20px; position: relative; }
.section_box_upper:after { position: absolute; content: ''; width: 60px; height: 1px; background: #d1d1d1; bottom: 0; margin: 0 auto; left: 0; right: 0; }
.section_box_upper h2 { font-size: 22px; line-height: 28px; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.section_box_upper h2 a.single_line { line-height: 55px; }
.section_box_upper h2:after { position: absolute; content: ''; width: 60px; height: 1px; background: #d1d1d1; bottom: 0; margin: 0 auto; left: 0; right: 0; }
.section_box_bottom { flex-grow: 1; padding: 15px; font-size: 14px; }

.pagecolumn1v2 .toolBox.usetriBox { background: #e0e0e0; }
.pagecolumn1v2 .toolBox.usetriBox .title { border-bottom: 1px solid #d1d1d1; }
.pagecolumn1v2 .toolBox.usetriBox .fnm-icons a:before { border: 1px solid #dbdbdb; border-radius: 5px; }
/*end sekce*/

.slidersWrap .navigation { display: none; }

#partners_partner { width: 83px; height: 23px; overflow: hidden; }

.finmagBox { max-width: 300px; }
.finmagBox__title { font-size: 18px;line-height: 24px;font-weight: bold;text-decoration: none;margin-bottom: 15px;display: block; }
.finmagBox__logo { display: inline-block; width: 70px; }

.finmagBox__wrap-image {position: relative;display: block;padding-bottom: 55%;margin-bottom: 20px;}
.finmagBox__wrap-image > img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.finmagBox__wrap-image__logo {position: absolute;display: flex;width: 50px;height: 22px;top: 10px;right: 0;background: #dc0711;align-items: center;justify-content: center;}
.finmagBox__wrap-image__logo > img {width: 38px;position: relative;margin-bottom: 0!important;}
.finmagBox__wrap-image + .finmagBox__title { margin-bottom: 0; }

#LastItems { margin-top: 30px; }
.lastItems > div { overflow: hidden; margin-bottom: 30px; }
.lastItems li { margin-bottom: 0.125em; }
.lastItems__link { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; max-width: 100%; }

.header-links { display: flex; }
.header-left-link { margin: 10px auto; text-align: center; font-size: 20px; font-weight: 700; text-transform: uppercase; display: block; height: 38px; width: 100px; line-height: 46px;  background-image: url(https://peniazesk.pencdn.cz/images/banners/xtb_logo.png); background-position: center; background-repeat: no-repeat; }
.header-right-link { margin: 20px auto; text-align: center; font-size: 20px; font-weight: 700; text-transform: uppercase; display: block; height: 18px; width: 120px; line-height: 46px;  background-image: url(https://peniazesk.pencdn.cz/images/banners/jtb2023.png); background-position: center; background-repeat: no-repeat; }
.header-right-link-hb { margin: 20px auto; text-align: center; font-size: 20px; font-weight: 700; text-transform: uppercase; display: block; height: 18px; width: 120px; line-height: 46px;  background-image: url(https://peniazesk.pencdn.cz/images/banners/hbreavis.png); background-position: center; background-repeat: no-repeat; }
.header-right-link-qex { margin: 9px auto; text-align: center; font-size: 20px; font-weight: 700; text-transform: uppercase; display: block; height: 40px; width: 120px; line-height: 40px;  background-image: url(https://peniazesk.pencdn.cz/images/banners/qex2024a.png); background-position: center; background-repeat: no-repeat; }

.verticalComparatorTable tbody th { font-size: 11px; line-height: 15px; background: #E4E4E4; }
.verticalComparatorTable td { font-size: 14px; line-height: 18px; }
.verticalComparatorTable thead th { font-size: 15px; line-height: 15px; }
.verticalComparatorTable th, .verticalComparatorTable td { padding: 10px 20px; border: 1px solid #D1D1D1; text-align: center; }

.altRowTable table tbody tr { background-color: #fff; }
.altRowTable table tbody tr:nth-child(2n+1) { background-color: #f2f2f2; }

.porovnanieFadeOut { position: absolute; right: 0; bottom: 0; left: 0; height: 130px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 10%, rgba(255,255,255,0.9) 80%, rgba(255,255,255,1) 100%); z-index: 5; }
.z10 { z-index: 10; }

.porovnanieShortTable { position: relative; z-index: 2; overflow-x: auto; overflow-y: clip; }
.porovnanieShortTable tbody td.big { font-size: 15px !important; font-weight: 400; } 
.porovnanieShortTable thead th { font-weight: 700; text-align: center; font-size: 11px; line-height: 15px; border: 1px solid #d1d1d1; padding: 8px 16px;  } 

.porovnanieShortTable thead th.with_sorter { display: flex; align-items: center; align-content: center; } 
.porovnanieShortTable thead th .sorter { display: none; align-items: center; align-content: center; } 
.porovnanieShortTable thead th .sort { display: block; height: 8px; position: relative; width: 16px; } 
.porovnanieShortTable thead th .sort.up { margin-bottom: 8px; } 
.porovnanieShortTable thead th .sort:after { position: absolute; content: ''; border-style: solid; border-width: 8px; left: 0; } 
.porovnanieShortTable thead th .sort.up:after { border-color: transparent transparent #000 transparent; top: -8px; } 

.porovnanieShortTable tbody td { border: 1px solid #d1d1d1; padding: 2px 10px; font-size: 14px; line-height: 18px; } 
.porovnanieShortTable tbody td .logoname { display: grid; grid-template-columns: 60px 1fr; gap: 10px; align-items: center; align-content: center; } 
.porovnanieShortTable tbody td .logo { display: block; width: 60px; flex-basis: 60px; } 
.porovnanieShortTable tbody td .logo img { width: 60px; height: 60px; } 
.porovnanieShortTable tbody td .inst { line-height: 25px; font-size: 12px; color: #757575; } 
.porovnanieShortTable tbody td .prod { line-height: 18px; font-size: 12px; } 

.fixed_screen { overflow: hidden; }
.dialog__cover { box-sizing: border-box; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1100; overflow-x: hidden; overflow-y: auto; }
.dialog__content { position: relative; background: #ffffff; border-radius: 10px; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.75); max-width: 672px; display: block; margin: 30px auto; padding: 30px 30px; }
.star { color: #db2032; }

.faq_cover { border: 1px solid #d1d1d1; margin: 15px 0; }	
.faq_cover:last-of-type { margin-bottom: 30px; }	
.faq_cover summary { background: #e0e0e0; padding: 15px 20px; cursor: pointer; font-weight: 700; }
.faq_cover div { background: #ffffff; padding: 15px 20px; }
.faq_cover div p { margin: 0; }

.header-promo { display: flex; height: 50px; }
.header-promo__right { flex-basis: 50%;  background-color: var(--promo-right-bg); display: flex; justify-content: center; align-items: center; color: var(--promo-right-color); }
.header-promo__right__text { text-transform: uppercase; font-weight: 700; width: var(--promo-right-text-width); text-align: right; font-size: 14px; letter-spacing: 0; display: flex; align-items: center; }
.header-promo__right__sipka { width: 20px; height: 20px; background-image: url('https://peniazesk.pencdn.cz/images/sipka-v-kruhu.svg'); display: inline-block; flex-shrink: 0; margin-left: 10px; filter: var(--promo-right-arrow-color); }

.header-promo__right:hover { color: var(--promo-right-color-hover); background-color: var(--promo-right-bg-hover); }

.faqBox .faq_cover__disabled summary { pointer-events: none; }
.faqBox .faq_cover summary { list-style: disc; color: #1a1a18; font-size: 15px; font-weight: 700; margin: 0 0 5px 20px; padding-left: 5px; }
.faqBox .faq_cover > div { padding-left: 25px; }
.faqBox .faq_cover { margin-bottom: 25px; }
.faq_cover ul { margin-bottom: 15px; }
.faq_cover ul li { margin-bottom: 0; }

.toolBox.redakce { background-color: #f8f8f8; box-shadow: none; border: none; padding: 20px; }
.toolBox .in.aktuality { border-left: 3px solid #d6d6d6; padding-top: 0; }
.toolBox .in.aktuality .item { position: relative; padding-left: 20px; margin-bottom: 30px; }
.toolBox .in.aktuality .item:before { content: ''; display: inline-block; position: absolute; top: 0; left: -9px; width: 15px; height: 15px; border-radius: 50%; background-color: #d6d6d6; z-index: 1; }
.toolBox .in.aktuality .item img.fl { margin-right: 15px; position: relative; z-index: 1; }
.toolBox .in.aktuality .info { font-size: 14px; line-height: 20px; color: #717171; position: relative; z-index: 1; }
.toolBox .in.aktuality h3 { font-size: 18px; line-height: 24px; color: #414141; margin-bottom: 0; position: relative; z-index: 1; }
.toolBox .in.aktuality h3 a { color: #414141; }
.toolBox .in.aktuality .item-pr .info-pr-label { position: absolute; top: 0; right: 0; color: #757575; z-index: 1; }
.toolBox .in.aktuality .item-pr:after { content: ''; height: auto; border: 1px solid #d6d6d6; visibility: visible; top: -10px; left: -23px; position: absolute; bottom: -10px; right: -20px; pointer-events: none; background-color: #fff; }
.toolBox .in.aktuality .item-pr__time-line { position: absolute; top: -10px; bottom: -10px; left: -3px; width: 3px; background-color: #d6d6d6; z-index: 1; }
.toolBox.redakce .boxLink { text-align: center; margin-top: 30px; }
.toolBox.redakce .boxLink .submit { background-color: #cd1719; font-size: 16px; }

.toolBoxWrap > .title { font-size: 16px; line-height: 26px; }
.detailtext .toolBox { font-size: 14px; margin-bottom: 30px; border-width: 1px; padding: 20px; }
.detailtext .toolBox p { font-size: 14px; }

.toolBox.servis { background-color: #f2f9ff; color: #0a406e; box-shadow: none; border: none; font-size: 16px; line-height: 24px; max-width: 480px; margin-left: auto; margin-right: auto; padding: 20px; position: relative; }
.toolBox.servis:before { content: 'Promo'; position: absolute; top: -16px; right: 0; color: #0a406e; font-size: 11px; line-height: 13px; }
.toolBox.servis p { color: #0a406e; font-size: 16px; line-height: 24px; }
.detailtext p.servis__title, .servis__title { font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 15px; }
.toolBox.servis a { color: #0a406e; font-weight: 700; }
.toolBox.servis a:hover { color: #0a406e; text-decoration: none; }

.servis .img-wrap-zoom { display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 25px; }
.servis .img-wrap-zoom__img { width: 260px; height: 142px; }
.img-wrap-zoom__img--hypoteka-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/hypoteka-1.jpg); }
.img-wrap-zoom__img--hypoteka-2 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/hypoteka-2.jpg); }
.img-wrap-zoom__img--zivotni-pojisteni-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/zivotni-pojisteni-1.jpg); }
.img-wrap-zoom__img--zivotni-pojisteni-2 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/zivotni-pojisteni-2.jpg); }

.img-wrap-zoom__img--cestovne_poistenie-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/nf_cestovne_poistenie.jpg); }
.img-wrap-zoom__img--havarijne_poistenie-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/nf_havarijne_poistenie.jpg); }
.img-wrap-zoom__img--poistenie_domacnosti_a_nehnutelnosti-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/nf_poistenie_domacnosti_a_nehnutelnosti.jpg); }
.img-wrap-zoom__img--poistenie_gap-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/nf_poistenie_gap.jpg); }
.img-wrap-zoom__img--poistenie_ludi_vo_vozidle-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/nf_poistenie_ludi_vo_vozidle.jpg); }
.img-wrap-zoom__img--poistenie_na_hory-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/nf_poistenie_na_hory.jpg); }
.img-wrap-zoom__img--poistenie_pzp-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/nf_poistenie_pzp.jpg); }
.img-wrap-zoom__img--poistenie_zodpovednosti_zamestnanca-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/260x142/nf_poistenie_zodpovednosti_zamestnanca.jpg); }

.detailtext p.servis__subtitle, .servis__subtitle { font-weight: 700; margin-bottom: 15px; }
.img-wrap-zoom~p.servis__subtitle, .img-wrap-zoom~.servis__subtitle { margin-bottom: 25px; }
.servis__submit-wrap { text-align: center; }
.toolBox.servis .submit { font-size: 16px; background-color: #cd1719; text-align: center; font-weight: 400; padding: 0; max-width: 260px; width: 100%; color: #fff; }
.toolBox.servis .submit:hover { background-color: #eb3739; color: #fff; }

.toolBox.obchod:before { content: 'Promo'; position: absolute; top: -16px; right: 0; color: #757575; font-size: 11px; line-height: 13px; }
.toolBox.obchod { box-shadow: none; padding: 30px; position: relative; max-width: 480px;  margin-left: auto; margin-right: auto; }
.toolBox.obchod .in { padding-top: 0; }
.detailtext p.obchod__title, .obchod__title { font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 15px; }
.obchod .img-wrap-zoom { width: 240px; height: 240px; overflow: hidden; margin: 0 auto 20px; position: relative; }
.obchod .img-wrap-zoom img { }
.detailtext p.obchod__subtitle, .obchod__subtitle { font-weight: 700; margin-bottom: 15px; font-size: 16px; }
.obchod__submit-wrap { text-align: center; }
.obchod .submit { font-size: 16px; background-color: #cd1719; text-align: center; font-weight: 400; max-width: 260px; width: 100%; color: #fff; padding: 13px 10px; height: unset; line-height: unset; }
.obchod .submit:hover { background-color: #eb3739; color: #fff; }

/*faq*/
.faq-box { margin-bottom: 50px; }
.faq-box .black-title { margin-bottom: 10px; }
.faq-box__ul { list-style: none; margin-bottom: 0; }
.faq-box__ul__li { display: block; margin-bottom: 0; padding-left: 0; }
.faq-box__ul__li:before { content: none; }
.faq-box__ul__li__cb { display: none }
.faq-box__ul__li__question { margin-bottom: 0 !important; }
.faq-box__ul__li__question:after { content: ''; display: block; border-bottom: 1px solid #c3c3c3; }
.faq-box__ul__li:last-child .faq-box__ul__li__cb:checked ~ .faq-box__ul__li__question:after { display: block; }
.faq-box__ul__li__question label { position: relative; padding: 20px 15px 20px 0; font-size: 16px; line-height: 26px; color: #1a1a18; font-weight: 700; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; }
.faq-box__ul__li__question label:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #000000; flex-shrink: 0; margin-right: 16px; }
.faq-box__ul__li__question label:after { content: ''; display: block; width: 8px; height: 8px; border-width: 0 2px 2px 0; border-style: solid; border-color: #000; transform: rotate(45deg); flex-shrink: 0; margin-left: auto; }
.faq-box__ul__li__question__text { margin-right: 15px }
.faq-box__ul__li__answer { display: none; background-color: #F8F8F8; font-size: 14px; line-height: 22px; color: #393939; padding: 20px 20px 0; }
.faq-box__ul__li__answer p { font-size: 14px; line-height: 22px; margin-bottom: 15px; }
.faq-box__ul__li__answer ul:last-child, .faq-box__ul__li__answer p:last-child { margin-bottom: 0; }
.faq-box__ul__li__answer:after { content: ''; display: block; border-bottom: 1px solid #c3c3c3; margin-left: -20px; margin-right: -20px; padding-top: 20px; }
.faq-box__ul__li__cb:checked ~ .faq-box__ul__li__question label:after { transform: rotate(225deg); }
.faq-box__ul__li__cb:checked ~ .faq-box__ul__li__answer { display: block; }
/*end faq*/

.calendarPromo { background-color: #f8f8f8; padding: 20px; margin-bottom: 50px; }
.calendarPromo_image-wrap { position: relative; padding-bottom: 57%; margin-bottom: 15px; border-radius: 2px; overflow: hidden; }
.calendarPromo_image-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all ease 300ms; }
.calendarPromo_image-wrap:hover img { transform: scale(1.07); }
.calendarPromo_image-wrap__title-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 12px; display: flex; justify-content: flex-end; flex-direction: column; }
.calendarPromo_image-wrap__title-wrap:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 50px; background: linear-gradient(transparent,rgba(0,0,0,.8)); }
.calendarPromo_image-wrap__title-wrap__title { font-size: 16px; line-height: 22px; margin-bottom: 5px; font-weight: 700; z-index: 1; }
.detailtext .calendarPromo_image-wrap__title-wrap__title { font-size: 16px; line-height: 22px; margin-bottom: 5px; }
.calendarPromo_image-wrap__title-wrap__title a { color: #fff; text-decoration: none; }
.calendarPromo_image-wrap__title-wrap__title a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.calendarPromo_image-wrap__title-wrap__title a:hover { text-decoration: underline; }
.calendarPromo_image-wrap__title-wrap__date { margin-bottom: 0; font-size: 16px; line-height: 28px; color: #fff; z-index: 1; }
.detailtext .calendarPromo_image-wrap__title-wrap__date { margin-bottom: 0; font-size: 16px; line-height: 28px; }
.calendar-dny-item-icon { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; background-color: #e93112; opacity: .8; }
.calendar-dny-item-icon:after { content: ''; position: absolute; left: 8px; top: 6px; width: 26px; height: 25px; background: url('https://www.peniaze.sk/kalendar/images/kalendar-icons.svg#ico-md') no-repeat; background-size: 26px 25px; opacity: 1; }
.calendarPromo__right__title { font-size: 16px; line-height: 22px; font-weight: 700; margin-bottom: 20px; }
.detailtext  .calendarPromo__right__title { font-size: 16px; line-height: 22px; margin-bottom: 20px; }
.calendarPromo__right__title a { color: #201f2a; }
.calendarPromo__right__title a:hover { text-decoration: none; }
.calendarPromo__right__description { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
.detailtext .calendarPromo__right__description { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
.calendarPromo__right__description a:hover { text-decoration: none; }
.calendarPromo__right__subtitle { color: #201f2a; font-size: 14px; font-weight: 700; line-height: 22px; margin-bottom: 10px; }
.detailtext .calendarPromo__right__subtitle { font-size: 14px; font-weight: 700; line-height: 22px; margin-bottom: 10px; }
.calendarPromo__right__tiles { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 10px; }
.calendarPromo__right__tiles__item { padding: 0px 15px; background-color: #000000; color: #fff; font-size: 14px; line-height: 30px; text-decoration: none; border-radius: 5px; }
.detailtext .calendarPromo__right__tiles__item { color: #fff; }
.calendarPromo__right__tiles__item:hover { background-color: #d80907; color: #fff; }
.calendarPromo__right__tiles__item--red {  background-color: #cd1719; }
.calendarPromo__right__tiles__item--red:hover {  background-color: #eb3739; }

/*
@media only screen and (min-width: 1024px) {
    .calendarPromo { display: grid;  grid-template-columns: 320px 1fr;  column-gap: 20px;  }
    .calendarPromo_image-wrap {  height: 208px;  margin-bottom: 0; }
}*/

@media only screen and (min-width: 480px){
    #mobileMainMenu a:last-child { display: inline-block; }
    .mobileOffset { margin-bottom: 0; }
    .form table .label { width: 55%; }
    #InsertComment table .label { width: 125px;}
    .form .smallCalcIn { width: 120px; height: 28px; border: 1px solid #c6c6c6; padding: 0 5px; color: #686868; font-size: 14px; } 
    #left .soc > div .ico-text { display: inline; }
    #left .soc > div:first-child .ico-text { margin-left: 10px; }
    #left .soc > div:last-child .ico-text { margin-right: 10px; }
    .submit { font-size: 18px; }
    .item-comment .comment-tools { display: flex; align-items: center; justify-content: space-between; }
    .item-comment .comment-tools .ratingCenter { flex-basis: 190px; }

    .calcul-row { display: flex; margin-bottom: 1.5em; }
    .calcul-cell-label { flex-basis: 48%; justify-content: flex-end; min-height: 40px; text-align: right; }
    .calcul-cell-input { flex-basis: 48%; }
    .calcul-cell-select { flex-basis: 48%; }
    .calcul-cell-radio { flex-basis: 48%; }
    .calcul-cell-incDec { flex-basis: 48%; }
    .calcul-cell-tools { text-align: right; margin-bottom: 0; }
    .calcul-cell-submit { padding-left: 20px; }

    .calculTab .tabs > * { width: auto; }
    .calculTab .tabs > * + * { margin-left: 20px; }
    .boxUnderline .flex-col { flex-wrap: nowrap; }

    #currConvert { text-align: left; }
    #currConvert .smallCalcInWide1 { width: 170px; margin-bottom: 0; }

    #newsletter-subsribe { flex-direction: row; align-items: flex-end; }
    #newsletter-subsribe input[type=text] { margin-bottom: 0; }
    #newsletter-subsribe input.submit { margin-left: 20px; }

    #subMenu2 .cols { justify-content: start; }
    #subMenu2 .cols .col { margin-right: 20px; }
    #subMenu2 .cols .col.last { margin-right: 0; }

    .usetriIcoBig { flex-wrap: nowrap; justify-content: start; }
    .usetriIcoBig > a { margin-bottom: 0; }
    .usetriIcoBig .fnm-icons-desc { margin-left: 20px; }
    .usetriIcoBig.wide { flex-wrap: wrap; }

    #header-logo .claim { display: inline-block; }

    #footer-links > div { flex-basis: 40%; }
    #footer-links > div:nth-child(2n) { margin-left: 20px; }
}

@media only screen and (min-width: 600px){
    .pagecolumn { max-width: none; }
    .itemsList.wideImg .article > a { width: 250px; float: left; margin-right: 10px; margin-bottom: 0; padding-bottom: 137px; }
    .itemsList .article > a { width: 180px; float: left; margin-right: 10px; margin-bottom: 0; }
    .itemsList .article .perex { font-size: 16px; }

    #left h1 { font-size: 38px; }
    .article-rating > p { margin-bottom: 35px; }
    .article-rating div:first-of-type { display: flex; justify-content: space-between; }
    .article-rating .ratingCenter { margin-bottom: 0; flex-basis: 190px; }
    
    .calcul2018-wrapper .toolBox .subtitle:first-child { flex-basis: 100%; }
    .calculRating span { margin-left: 20px; margin-bottom: 0; flex-basis: auto; }
    .calculRating span + span { margin-right: 20px; }
    .calculTab .tabs > * { padding: .5em 1.5em; }

    #InsertComment .sumbmitWrap { display: flex!important; }
    #InsertComment .sumbmitWrap > div { margin-left: 20px!important; }

    .paging #slider { display: block; width: 290px; height: 10px; position: relative; float: left; margin: 6px 60px 0 20px; border: 0; background: none; font-size: 14px; font-family:  Arial, Helvetica, Sans-Serif; }
    .paging #slider .sliderBg { width: 330px; height: 10px; background: url("/css/images/sprite2016-07-26.png") no-repeat 0 -150px; }
    .paging #slider .ui-slider-handle { width: 40px; height: 10px; background: url("/css/images/sprite2016-07-26.png") no-repeat -125px -140px; position: absolute; left: 0; cursor: pointer; border: 0; margin: 0; top: 0; border-radius: 0; }
    .paging #slider .ui-slider-actual { position: absolute; top: 10px; text-align: center; width: 40px; color: #1c3e79; }
    .paging .fr { display: block; }
    .paging .prev { float: left; }
    .paging .next { float: right; }

    .usetriIcoBig.wide > div { flex-basis: 25%; text-align: center; }
    .usetriIcoBig.wide > div:nth-child(-n + 2)  { margin-bottom: 0; }
    .usetriIcoBig.wide { flex-wrap: nowrap; }
    .calcul2018-wrapper .toolBox > .title { margin-bottom: 2em; }

    .slidersWrap { margin-bottom: 30px; padding: 30px 0; border-width: 1px 0; border-style: solid; border-color: #000; overflow: hidden; }
    .slidersWrap .navigation { display: flex; justify-content: space-between; align-items: center; }
    .slidersWrap .navigation .submit { width: 155px; height: 30px; line-height: 30px; text-align: center; padding: 0; }
    .slidersWrap .navigation .submit.disable { pointer-events: none; background: #757575; }
    .slidersWrap .navigation .pages span { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; font-size: 16px; cursor: pointer; }
    .slidersWrap .navigation .pages span.active { background: #000; color: #fff; font-weight: bold; border-radius: 50%; }
    .slidersWrap .sliders { position: relative; display: flex; left: 0; align-items: flex-start; } 
    .slidersWrap .sliders.animation { transition-duration: 500ms; transition-property: left; transition-timing-function: linear; } 
    .slidersWrap .sliders .slider { flex-basis: 100%; flex-shrink: 0; }
}


@media only screen and (min-width: 680px){
    .fnm-icons > div { flex-basis: 25%; }
    .fnm-icons > div:nth-child(-n + 2) { margin-bottom: 0; }
    #sectionRight .pagecolumn2 { width: 49%; float: left; }
    #sectionRight .pagecolumn3 { width: 49%; float: right; }
    #right .pagecolumn3 { width: auto; float: none; }
    .rightClear { clear: both; }
    .leftClear { clear: both; }
    .star0:before { font-size: 30px; line-height: 20px; }
    .star1:before { font-size: 30px; line-height: 20px; }
    .star1:after { font-size: 30px; line-height: 20px; }
    .star2:before { font-size: 30px; line-height: 20px; }
    .star2:after { font-size: 30px; line-height: 20px; }
    .star3:before { font-size: 30px; line-height: 20px; }
    .star3:after { font-size: 30px; line-height: 20px; }
    .star4:before { font-size: 30px; line-height: 20px; }
    .star4:after { font-size: 30px; line-height: 20px; }
    .star5:before { font-size: 30px; line-height: 20px; }

    .colsFifty .col1 { width: 49%  !important; float: left; margin: 0; }
    .colsFifty .col2 { width: 49% !important; float: right; margin: 0; }
    .clanekinfo .detailimg { text-align: center; }

    .calcul2018-wrapper .toolBox .subtitle:first-child { flex-basis: auto; margin-bottom: 0; }
    .calculRating .subtitle { flex-basis: auto; }

    .usetriIcoBig.wide > div { flex-basis: 50%; }
    .usetriIcoBig.wide > div:nth-child(-n + 2)  { margin-bottom: 25px; }

    footer { padding-left: 40px; padding-right: 40px; }
    #footer-top { flex-direction: row; flex-wrap: wrap; }
    #footer-top > div:nth-child(1) { flex-basis: 50%; }
    #footer-top > div:nth-child(2) { flex-basis: 50%; }
    #footer-top > div:nth-child(3) { flex-basis: 100%; margin-bottom: 0; display: flex; justify-content: center; flex-direction: column; align-items: center; }

    .lastItems { display: flex; flex-wrap: wrap; }
    .lastItems > div { width: 50%; vertical-align: top; padding: 0 20px 0 0; overflow: hidden; }
}

@media only screen and (min-width: 768px){
    .calcul2018-wrapper .top { display: block; }

    #footer-links > div { flex-basis: 20%; }
    #footer-links > div:nth-child(n + 2) { margin-left: 20px; }
}

@media only screen and (min-width: 800px) {
    .itemsList.wideImg .article > a { float: none; margin-right: 0; position: absolute; top: 0; left: 0; }
    .itemsList.wideImg .article h2, .itemsList.wideImg .article .info, .itemsList.wideImg .article .perex { padding-left: 260px; }

    #articleWrap { display: flex; justify-content: space-between; }
    #articleWrap #left { flex-basis: calc(100% - 320px); max-width: calc(100% - 320px); flex-grow: 0; }
    #articleWrap #right { flex-basis: 300px; margin-left: 20px; }
    #articleWrap #left .noprint > div:nth-child(4) { width: 460px; }
    .article-rating { padding: 25px 20px 25px 20px; }
    .article-rating .submit { padding: 0 20px; }
    .form .smallCalcIn { width: 80px; }
    #right .pagecolumn3 { width: 300px; }

    .comments .replyText .padding { padding-left: 20px; }

    .slidersWrap .navigation .submit { width: 100px; font-size: 13px; }
    .slidersWrap .navigation .pages span { width: 25px; height: 25px; line-height: 25px; font-size: 13px; }
}


@media only screen and (min-width: 1024px) {
    .reklamabg { display: block; height: 217px; }
    #content { padding: 270px 0 0!important; }
    #content.theme- { padding: 270px 0 0!important; }
    .rightClear { clear: right; }
    .leftClear { clear: left; }
    .main { width: 1030px; }
    header { width: 1030px; }
    #header-top { display: flex; }
    #header-middle { padding-top: 0; padding-bottom: 35px; }
    #header-logo svg { width: 251px; }
    #main-menu { flex-wrap: nowrap; display: flex; flex-direction: row; position: relative; padding: 0 12px; }
    #main-menu > a, #moreMenu, #websearch { flex: 1 1 auto; padding: 19px 0 13px; }
    #main-menu > a.hidden { display: none; }
    #moreMenu { display: block; }
    #sub-menu { justify-content: space-around; padding: 0 12px; background: #fff; position: absolute; top: 100%; left: 0; width: 100%; border-bottom: 1px solid rgba( 0,0,0,.12); margin: 0; }
    #sub-menu > a { flex: 1 1 auto; text-align: center; display: inline-block; padding: 14px 0 10px; color: #000; font-size: 13px; height: 42px; }
    #sub-menu > a:before { display: none; }
    #sub-menu a:hover { text-decoration: underline; background: none; }
    #sub-menu a.active { font-weight: normal; }
    #mobileMainMenu { display: none; }
    #mobileMenuIco { display: none; }

    footer { margin-left: -10px; margin-right: -10px; width: auto; }
    #footer-top { flex-wrap: nowrap; text-align: left; }
    #footer-top > div:nth-child(3) { display: block; }

    #section_header { display: flex; justify-content: center; margin-bottom: 30px; margin-left: 20px; margin-right: 20px; max-width: none; }
    #section_header .section_box + .section_box { margin-left: 35px; } 
    #section_header .section_box:nth-child(n + 2) { display: block; }
    #section_header .section_box { flex-basis: 215px; }
    #section_header .prev, #section_header .next { display: none!important; }

    .itemsList.wideImg .article > a { position: relative; width: 100%; padding-bottom: 55%; margin-bottom: 10px; }
    .itemsList.wideImg .article h2, .itemsList.wideImg .article .info, .itemsList.wideImg .article .perex { padding-left: 0; }
    .itemsList.wideImg .article .perex { font-size: 14px; }

    .pagecolumn { width: 370px; float: left; margin: 0 20px 0 0; }
    #sectionRight .pagecolumn2, .pagecolumn2 { width: 300px; float: left; margin: 0 20px 0 0; font-size: 14px; }
    #sectionRight .pagecolumn3, .pagecolumn3 { width: 300px; float: right; font-size: 14px; }
    .pagecolumn1v2 { width: 620px; float: left; font-size: 14px; }

    .cols .col1 { width: 310px; float: left; }
    .cols .col1 .col1 { width: 310px; float: left; margin: 0; }
    .cols .col1 .col2 { width: 310px; float: right; }
    .cols .col2	{ width: 300px; float: right; }
    .cols .col2 .col1 { width: 300px; float: left; }
    .cols .col2 .col2 { width: 300px; float: right; }
    .cols2v1 .col1 { width: 680px; margin: 0 20px 0 0;}
    .colsFifty .col1 { margin: 0; }
    .cols3w .col1 { float: left !important; width: 33% !important; }
    .cols3w .col2 { float: left !important; width: 33% !important; }
    .cols3w .col3 { float: right !important; width: 33.9% !important; }
    .cols3w_1 .col1 { float: left !important; width: 32% !important; margin: 0 2% 0 0 !important; }
    .cols3w_1 .col2 { float: left !important; width: 32% !important; margin: 0 2% 0 0 !important; }
    .cols3w_1 .col3 { float: right !important; width: 32% !important; }
    .cols4 .col1 { float: left !important; width: 25% !important; }
    .cols4 .col2 { float: left !important; width: 25% !important; }
    .cols4 .col3 { float: left !important; width: 25% !important; }
    .cols4 .col4 { float: left !important; width: 24.9% !important; }
    .cols5 .col1 { float: left; width: 20%; }
    .cols5 .col2 { float: left; width: 20%; }
    .cols5 .col3 { float: left; width: 20%; }
    .cols5 .col4 { float: left; width: 20%; }
    .cols5 .col5 { float: left; width: 19.9%; }
    .cols70v30 .col1 { float: left; width: 70% !important; }
    .cols70v30 .col2 { float: right; width: 30% !important; }
    .cols70v30 .col2.right { line-height: 60px; }

    #left .clanekinfo .infotext, .clanekinfo .infotext { font-size: 18px; line-height: 26px; }

    #articleWrap { display: block; }
    #articleWrap #left { float: left; width: 600px; padding: 0; margin-left: 40px; }
    #left { float: left; width: 680px; padding: 0; }
    #right { float: right; width: 300px; padding: 0; margin: 0; }
    #left h1 { font-size: 42px; line-height: 1.14; margin: 0 0 17px; }
    .article-rating { padding: 25px 45px 25px 30px; }
    .article-rating .submit { padding: 0 40px; }
    #articleWrap #left .noprint > div:nth-child(4) { width: auto; }

    .detailtext .adWrap { display: block; float: right; margin: 0 0 20px 20px; width: 300px; height: 265px; }
    .adWrap .ad { margin-bottom: 0; }
    .detailtext > .ad { display: none; }
    .ad .m11, .ad .m901 { width: 300px; height: 618px; }
    .ad .m908 { width: 680px; height: 318px; }
    .ad .touch-203 { height: 0; }

    .detailtext .fr { margin: 0 -45px 0 20px; clear: right; }
    .detailtext .fl { margin: 0 20px 0 -35px; clear: left; }
    .detailtext #currConvert .fr { margin-right: 0;}
    .detailtext #currConvert .fl { margin-left: 0;}
    .detailtext > .wide, .detailtext > .calcul2018-wrapper { margin-left: -35px; margin-right: -55px; }
    .articleTable tbody th, .articleTable tbody td { padding: 10px 20px; }
    .fr { float: right !important; }
    .fl { float: left !important; }

    .detailtext .fl .toolBox, .detailtext .fr .toolBox { width: 300px; }
    .detailtext .fl .toolBox { position: relative;  border-radius: 10px; }
    .detailtext .fl .toolBox:after { position: absolute; top: 0; left: -10px; content: ''; height: 100%; width: 10px; background: #fff; }
    .detailtext .fr .toolBox { border-width: 1px 0 1px 1px; padding: 20px 0 20px 20px; position:relative; border-radius: 10px 0 0 10px; }
    .detailtext .fr .toolBox:after { position: absolute; top: 0; right: -10px; content: ''; height: 100%; width: 10px; background: #fff; }
    .detailtext .fl .toolBox .title { margin-top: 0; }
    .detailtext .fr .toolBox .title { margin-top: 0; }
    .detailtext .fl p.title, .detailtext .fr p.title { width: auto; }
    .parrating { display: inline-block; margin-bottom: 30px; margin-right: 0; margin-left: 0; }

    .detailtext .slider .fr { margin-right: 0; }

    .calcul-cell-label { flex-basis: 300px; }
    .calcul-cell-input { flex-basis: 290px; }
    .calcul-cell-select { flex-basis: 290px; }
    .calcul-cell-radio { flex-basis: 290px; }
    .calcul-cell-incDec { flex-basis: 290px; }

    #left .comments { width: 640px; margin: 0 auto; }
    .comments #InsertComment { margin-left: -25px; margin-right: -25px; }

    #search-calcul-text { width: 400px; }
    .calcul-menu a + a { margin-left: 20px; }

    .usetriIcoBig.wide > div { flex-basis: 120px; }
    .usetriIcoBig.wide > div:nth-child(-n + 2) { margin-bottom: 0; }

    .slidersWrap .navigation .submit { width: 155px; font-size: 18px; }
    .slidersWrap .navigation .pages span { width: 30px; height: 30px; line-height: 30px; font-size: 16px; }

    .finmagBox .in:first-child { padding-top: 0; }

    .lastItems { flex-wrap: nowrap; margin-bottom: 30px; }
    .lastItems > div { width: 25%; vertical-align: top; padding: 0 20px 0 0; overflow: hidden; margin-bottom: 0; }
    .lastItems > div:last-child { padding: 0; }

    .header-links { display: block; }
    .header-left-link { display: block; margin: 0; position: absolute; left: 20px; top: 68px; width: 100px; height: 38px; background: #fff url(https://peniazesk.pencdn.cz/images/banners/xtb_logo.png); text-align: center; text-transform: uppercase; font-size: 14px; background-repeat: no-repeat; background-position: center center; line-height: normal; }
    .header-right-link { display: block; margin: 0; position: absolute; right: 20px; top: 66px; width: 120px; height: 40px; background: #fff url(https://peniazesk.pencdn.cz/images/banners/jtb2023.png); text-align: center; text-transform: uppercase; font-size: 14px; background-repeat: no-repeat; background-position: center center; line-height: normal; }
    .header-right-link-hb { display: block; margin: 0; position: absolute; right: 20px; top: 72px; width: 120px; height: 24px; background: #fff url(https://peniazesk.pencdn.cz/images/banners/hbreavis.png); text-align: center; text-transform: uppercase; font-size: 14px; background-repeat: no-repeat; background-position: center center; line-height: normal; }
    .header-right-link-qex { display: block; margin: 0; position: absolute; right: 20px; top: 72px; width: 84px; height: 40px; background: #fff url(https://peniazesk.pencdn.cz/images/banners/qex2024a.png); text-align: center; text-transform: uppercase; font-size: 14px; background-repeat: no-repeat; background-position: center center; line-height: normal; }

    .header-promo { width: var(--promo-width); height: 74px; position: absolute; right: 10px; top: 52px; }
    .header-promo__right { border-radius: 7px; flex-direction: column; }
    .header-promo__right:not(:first-child) { margin-left: 10px; }
    .header-promo__right__text { justify-content: center; align-items: center; text-align: center; }
    .header-promo__right__sipka { margin-left: 0; margin-top: 3px; }

    .img-wrap-zoom__img { transition: transform .3s; }
    .img-wrap-zoom a:hover img, .img-wrap-zoom__img:hover { transform: scale(1.07); transition: 0.2s ease; }

    .toolBox.obchod { max-width: none; }
    .detailtext>.wide, .detailtext>.calcul2018-wrapper { margin-left: -35px; margin-right: -35px; }
    .toolBox.obchod.wide .in>div { display: grid; grid-template-columns: auto 200px; grid-template-rows: auto auto 50px; grid-template-areas: "title image" "perex image" "submit image"; column-gap: 50px; }
    .wide .obchod__title { grid-area: title; }
    .wide .img-wrap-zoom { float: right; margin-bottom: 0; margin-top: -35px; margin-left: 30px; }
    .wide .servis .img-wrap-zoom { margin-bottom: 15px; }
    .obchod.wide .img-wrap-zoom { width: 200px; height: 200px; margin-bottom: 0; align-self: center; grid-area: image; float: none; margin: 0; }
    .wide .img-wrap-zoom__img { width: 180px; height: 180px; }
    .img-wrap-zoom img { transition: transform .3s; }
    .obchod .img-wrap-zoom img { }
    .obchod.wide .img-wrap-zoom img { top: 0; }
    .detailtext .toolBox iframe, .detailtext .toolBox img { margin: 0 0 10px; }
    .img-wrap-zoom a:hover img, .img-wrap-zoom__img:hover { transform: scale(1.07); }
    .wide p.obchod__subtitle, .wide .obchod__subtitle { grid-area: perex; }
    .wide .obchod__submit-wrap { grid-area: submit; align-self: flex-end; text-align: left; }

    .wide .img-wrap-zoom__img--cestovne_poistenie-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/180x180/nf_cestovne_poistenie.jpg); }
    .wide .img-wrap-zoom__img--havarijne_poistenie-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/180x180/nf_havarijne_poistenie.jpg); }
    .wide .img-wrap-zoom__img--poistenie_domacnosti_a_nehnutelnosti-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/180x180/nf_poistenie_domacnosti_a_nehnutelnosti.jpg); }
    .wide .img-wrap-zoom__img--poistenie_gap-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/180x180/nf_poistenie_gap.jpg); }
    .wide .img-wrap-zoom__img--poistenie_ludi_vo_vozidle-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/180x180/nf_poistenie_ludi_vo_vozidle.jpg); }
    .wide .img-wrap-zoom__img--poistenie_na_hory-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/180x180/nf_poistenie_na_hory.jpg); }
    .wide .img-wrap-zoom__img--poistenie_pzp-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/180x180/nf_poistenie_pzp.jpg); }
    .wide .img-wrap-zoom__img--poistenie_zodpovednosti_zamestnanca-1 { background-image: url(https://peniazesk.pencdn.cz/images/usetri-boxy/180x180/nf_poistenie_zodpovednosti_zamestnanca.jpg); }
}


@media screen and (max-width: 1170px) {
    .sideNavigation { display: none; }
}

.containerBox { container: gold-box / inline-size; }
.goldBox { border: 1px solid #FFBA46; display: grid; border-radius: 10px; margin: 0 0 30px; /*grid-template-columns: 1fr; gap: 16px; padding: 10px 20px 40px 20px;*/ }
.goldBox__image { display: flex; justify-items: center; justify-content: center; align-items: center; align-content: center; }		
.goldBox__text__list { display: inline-block; font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.goldBox__text__list li { margin: 0; }
.goldBox__text__button { text-align: center; }

.goldSubmit, .detailtext .goldSubmit { background: #FFBA46; color: #000000; transition: all 0.2s ease; font-size: 16px; line-height: 25px; padding: 12px 50px; text-decoration: none; border-radius: 5px; }
.goldSubmit:hover, .detailtext .goldSubmit:hover { background: #cd1719; color: #ffffff; }

@container gold-box (inline-size > 599px) {
	.goldBox__image { display: flex; align-items: center; align-content: center; }		
	/*.goldBox { grid-template-columns: 160px 1fr; gap: 25px; padding: 30px 5px 40px 5px;  }*/
	.goldBox__text__list { display: inline-block; font-size: 16px; line-height: 26px; margin-bottom: 20px; }
	.goldBox__text__list li { margin: 0; }
	.goldBox__text__button { text-align: left; }
}  

.adInvestika { margin: 30px 0; position: relative; padding: 20px; }
.adInvestika:before { content: 'Reklama'; position: absolute; top: -16px; right: 5px; font-size: 12px; line-height: 12px; }
.adInvestika p { margin: 0; text-align: center; }


              .gn_button { margin: -15px auto 30px; text-align: center; }
              .gn_button__link { position: relative; display: inline-block; padding: 15px 20px 15px 60px; background: #f3f3f3; color: #000000; border-radius: 5px; font-size: 18px; line-height: 22px; font-weight: 700; box-sizing: border-box; }
              .gn_button__link:hover { background: #000000; color: #ffffff; text-decoration: none; }
              .gn_button__link:before { content: ''; position: absolute; left: 15px; top: calc(50% - 13px); width: 32px; height: 26px; background: url('/images/ico/googlenews.svg') no-repeat; background-size: 32px 26px; }