#doporucene .tit-img img {float:left; margin:4px 20px 0 0; width:135px; height:auto}
#doporucene .tit-img a {text-decoration:none}
#doporucene .tit-img a:hover {text-decoration:underline}

/* OLD n3*/
/* table box 2 */
.table-box {margin-bottom:0.5em}
table.table-box {border-collapse:collapse}
.text .table-box, .table-box table {border-collapse:collapse; width:100%; text-align:left}
.table-box th {color:#FFF; background:#DA191A; font-weight:700; font-size:87.5%}
.table-box td, .table-box th {padding:5px 10px}
.table-box a {font-weight:700}
.text .table-box {font-size:12px}
.table-box .foot {font-size:100%; font-weight:700}
.table-box .foot td {border-top:4px solid #e41f1f}

/*h2*/
.h2-tit, #kurzy h2, #kurzy2 h1, #kurzy2 h2, .valuty h2, .list-box h2, #kurz-cnb h2, #kurz-list h2, #akcie-cena h2, .list-nast h2, .fin-select h2, #nemocenske-davky h2, .fondy h2 {margin:0 0 .3em; text-align:left; font-size:162.5%; font-weight:700}

/* kurzy */
#kurzy h2 {float:left; width:11em}
#kurzy tbody {width:664px}
#kurzy .form-top {margin-top:4px; width:24em}
#kurzy .form-top label {font-weight:700; float:left; height:16px; line-height:21px; margin-right:10px}
#kurzy .form-top .calendar-box {font-size:68.75%}
#kurzy .form-top #zedne {float:left; height:16px; border:1px solid #CCCCCC}
#kurzy .form-top .bt {width:5em}
#kurzy .kurz-tab td {/*min-height:26px; _height:26px; */ border:none; vertical-align:middle}
#kurzy .kurz-tab td.flag {text-align:center}
#kurzy .kurz-tab .c0 {font-weight:700}
#kurzy .ico {/*width:10em*/ padding:3px 5px 2px 10px}
#kurzy .act {font-weight:700}

#kurzy .graf {display:none}
#kurzy .act .graf {display:block; text-align:center}
#kurzy .act .graf {display:table-row}
#kurzy .flag {padding:3px 5px 0}
#kurzy .ico-top {display:none}
#kurzy .act .ico-top {display:inline}
#kurzy .act .ico-top span {background-color:#e41f1f}
#kurzy .act .ico-down {display:none}

.kurz-no, .kurz-up, .kurz-down {display:block; height:1em; width:1em}
.kurz-no {background:url('/u/aeq.gif') no-repeat center}
.kurz-up {background:url('/u/aup_green.gif') no-repeat center}
.kurz-down {background:url('/u/adw_red.gif') no-repeat center}

.kurzy #box-kurzy.b-box {background:0}
.kurzy #box-kurzy h2 {float:none; width:auto; margin-left:0}
.kurzy #box-kurzy form {width:300px}


/*logo-bank*/
.logo-bank {float:left; display:inline-block; width:48px; height:30px; background:url("/o/fin/logabank.png?ver=180524") no-repeat -1000px -1000px}
.ex-cs {background-position:0 0}
.ex-citibank {background-position:0 -30px}
.ex-equa {background-position:0 -60px}
.ex-oberbank {background-position:0 -90px}
.ex-unicredit {background-position:0 -120px}
.ex-kb {background-position:0 -150px}
.ex-lbbw {background-position:0 -180px}
.ex-sberbank {background-position:0 -210px}
.ex-rb {background-position:0 -240px}
.ex-mbank {background-position:0 -270px}
.ex-mon {background-position:0 -300px}
.ex-csob {background-position:0 -330px}
.ex-vip, .exchange, .ex_vip {background-position:0 -360px}
.ex-vub {background-position:0 -390px}
.ex-air {background-position:0 -420px}
.interchange {background-position:0 -450px}

/*kurzy2 nove*/
#kurzy2 {margin:0 0 22px 10px}
#kurzy2 .title span {float:left; padding:0 10px; font-size:162.5%; font-weight:700; color:#999}
#kurzy2 .title h1, #kurzy2 .title h2 {float:left}
#kurzy2 h1 a, #kurzy2 h2 a {color:#808080}
#kurzy2 h1 a:hover, #kurzy2 h2 a:hover {color:#e41f1f; text-decoration:underline}
#kurzy2 h1.act a, #kurzy2 h2.act a {color:#e41f1f; text-decoration:none}
#kurzy2 p {margin:0 0 1em}
#kurzy2 .graf-img {width:100%; height:284px; background:none no-repeat 50% 50%}
#kurzy2 .year {display:none}


.kurzy-table {width:100%; font-size:87.5%}
.kurzy-table .table-box {width:100%; margin:0 0 1em; border-collapse:collapse}
.kurzy-table .kt-top {padding:10px; background:#DA191A}
.kurzy-table .kt-top .label {float:left; margin:1px 10px 0 0; font-size:100%; font-weight:700; color:#FFF}
.kurzy-table .kt-top input {margin:0 5px 0 0}

.kt-graf .col7, .kt-graf .col8 {width:7%}
.kt-graf td {padding:10px 0 10px 10px}
.kt-graf .first {width:5%; padding:9px 0 10px 10px}
.col-b .kt-graf .first {padding:10px 0 9px 10px}
.kt-graf .flag {vertical-align:middle}
.kt-graf .t-up, .kt-graf .t-down, .kt-graf .t-plane, .kt-graf .t-graf {display:inline-block; width:21px; height:21px; vertical-align:middle; background:url("/u/ico/default-ico.png"); border-radius:3px}
.kt-graf .t-up {background-position:0 -250px; background-color:#069C06}
.kt-graf .t-down {background-position:0 -725px; background-color:#CD0606}
.kt-graf .t-plane {background-position:0 -750px; background-color:#555}
.kt-graf a .t-graf {background-position:0 -775px; background-color:#555}
.kt-graf a:hover .t-graf {background-color:#DA191A}
.kt-graf .act .t-graf {background-color:#E0CF94}
.kt-graf .last {padding:10px}

.kt-graf .graf {display:none}
.kt-graf .act .graf {display:table-row; =display:block}
.kt-graf .graf td {padding:0}
.kt-graf .graf-in {position:relative; width:100%; padding:0 0 10px 0; text-align:center}
.kt-graf .graf-in img {vertical-align:middle; border:1px solid #CCC; border-radius:5px; background:#FFF}
.kt-graf .switch {position:absolute; z-index:1; top:15px; right:70px; min-width:7em; _width:7em; padding:5px; font-size:87.5%; text-align:center; background:#FFF; background:rgba(255,255,255,0.8); border-radius:5px}

.kt-cnb th {padding:10px; line-height:17px; font-weight:normal; vertical-align:middle}
.kt-cnb label {float:left; margin:0 10px 0 0}
.kt-cnb select {margin:0 5px 0 0}
.kt-cnb .first {width:5%; padding:9px 0 10px 10px}


/*kuryz3 jeste novejsi*/
#kurzy3 .title {display:flex; justify-content:space-between; margin-bottom:2rem; margin-left:10px}
#kurzy3 .title h2 {font-size: 225%;}
#kurzy3 .title h2 a {color:#000}
#kurzy3 .datum {position:relative; padding:.5rem 1.5rem .5rem 2rem; cursor:pointer; color:#263238; font-size:85%; border:1px solid #CFDCF1; border-radius:3px; background:url(//1gr.cz/u/icon/137/date.svg) no-repeat .2rem center, url(//1gr.cz/u/icon/137/select.svg) no-repeat right center; background-size:1rem}

#kurzy3 .calendar, #kurzy3 .calendarmini {position:relative; float:left; margin:0 1em .875rem 0; font-size:87.5%; line-height:1.429} 

#datum, #datummini {position:relative; width:11em; padding:.5rem 1.5em .5rem 2.5em; font-weight:700; border:1px solid #CFDCF1; border-radius:3px; font-size:100%; line-height:inherit; text-decoration:none; color:#102447; background:url('/u/icon/137/select.svg') no-repeat 100% 50% / 1.5em 1.5em, #FFF url('/u/icon/137/date.svg') no-repeat .5em 50% / 1.5em 1.5em; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
#wrapper #datum, #wrapper #datummini {width:9em; padding-right:.5em; font-weight:bold; background-image:url('/u/icon/137/date.svg'); background-position:.5em 50%; background-size:1.5em 1.5em}

#kurzy3 .calendar-wrapper {display:block; font-family:inherit;}
#kurzy3 .calendar-wrapper[style*="z-index"] #datum, .calendarmini-act #datummini {z-index:2; background-color:#EFF3F9;} 
#kurzy3 .calendar-wrapper[style*="z-index"]:before, .calendarmini-act:before {content:''; position:absolute; top:2.2em; left:0px; z-index:3; width: calc(11em - 1px); height:1em; border-left:1px solid #CFDCF1; background:#EFF3F9; box-sizing:border-box}
#kurzy3 .calendar-box {display:none; position:absolute; top:100%; left:0; z-index:1; width:20em; padding:1rem; border:1px solid #CFDCF1; border-radius:6px; overflow:visible; font-size:100%; color:#546E7A; background:#EFF3F9; box-shadow:0 0 .8em 0 rgba(0,0,0,.16);}
#kurzy3 .calendarmini-act .calendar-box {display:block}
#kurzy3 .calendar-box ul, .calendar-box li {list-style:none; width:auto; margin:0; padding:0}
#kurzy3 .calendar-months, .calendar-years {clear:both; overflow:hidden; width:100%; line-height:1.6em}
#kurzy3 .calendar-prev, .calendar-next {float:right}
#kurzy3 .calendar-prev a, .calendar-next a {display:block; width:1.5rem; height:1.5rem; margin:0 0 0 1em; border-radius:100%; background:#CFDCF1 url('/u/icon/fff/arrow2-right.svg') no-repeat 70% 50% / 1rem 1rem}
#kurzy3 .calendar-prev a:hover, .calendar-next a:hover {filter:none; background-color:#678AC6}
#kurzy3 .calendar-prev a {transform:rotate(180deg)}
#kurzy3 .calendar-prev a img, .calendar-next a img {display:none}
#kurzy3 .calendar-months li, .calendar-years li {text-align:left}
#kurzy3 .calendar-years {background:none; color:inherit; font-weight:700}
#kurzy3 .calendar-days {clear:both}
#kurzy3 .calendar-days table {width:100%; border-collapse:collapse; table-layout:fixed; line-height:2.2em; background:none}
#kurzy3 .calendar-days th {text-align:center; font-weight:400; font-size:100%; line-height:inherit}
#kurzy3 .calendar-days td {text-align:center; vertical-align:middle; padding:0}
#kurzy3 .calendar-days .calendar-weeks {border-bottom:none}
#kurzy3 .calendar-days .calendar-bookmark {table-layout:auto; margin:1em 0 0}
#kurzy3 .calendar-days a {display:block; width:2.2em; height:2.2em; margin:0 auto; padding:0; border:1px solid transparent; border-radius:100%; color:#263238; background:none; text-decoration:none}
#kurzy3 .calendar-days a:link:hover, .calendar-days a:visited:hover {border-color:#CFDCF1; color:#263238; background:#FFF}
#kurzy3 .calendar-days .calendar-overflow a {background:none}
#kurzy3 .calendar-days .calendar-disabled a {color:#8C8C8C; cursor:default}
#kurzy3 .calendar-selected a {background:#678AC6 !important; color:#FFF !important}
#kurzy3 .calendar-dayoff {font-weight:700}
#kurzy3 .calendar-bookmark.calendar-bookmark a {width:auto; border:1px solid #CFDCF1; border-radius:3px; font-weight:700; color:#102447; background:#FFF}
/* schovavacka roku */
.calendar-years, .calendar-years li {clear:none; display:inline; font-weight:700}
.calendar-years li {padding:0 .3em}
.calendar-years .calendar-next, .calendar-years .calendar-prev {display:none}
.calendar-months {display:inline; font-weight:700}
.calendar-months:after {content:''; display:block; clear:both; height:1em}
.calendar-months li {float:left; text-transform:capitalize}
.calendar-months .calendar-next, .calendar-months .calendar-prev {float:right}
/* schovavacka roku - END */

/*touch - prevraceni kalendare*/
#wrapper #kurzy3 .calendar-wrapper[style*="z-index"]:before, #wrapper #kurzy3 .calendarmini-act:before {border: none; width: calc(9em - 1px); border-right: 1px solid #CFDCF1; right: 0px; left: auto;}
#wrapper #kurzy3 .calendar-box {left:auto; right:0}


#kurzy3 {margin-right: -35px; margin-bottom: 2rem;}
#kurzy3 .prepinac {margin:0 10px}
#kurzy3 .prepinac-nav-item {display:inline-block; margin-bottom:-1px; padding:1em; cursor:pointer; font-family:'Inter'; font-size:112.5%; font-weight:400; color:#102447; border-radius:3px 3px 0 0;}
#kurzy3 .prep-1 .prepinac-nav-item.a1, #kurzy3 .prep-2 .prepinac-nav-item.a2 {font-weight:700; background-color:#EFF3F9;}

#kurzy3 .prepinac-body {display:none; font-family:"Inter";  font-size: 87.5%; color:#263238; border-top:solid 1px #CFDCF1; background:linear-gradient(180deg, #EFF3F9 0%, rgba(239,243,249,0) 70px);}
#kurzy3 .prepinac-body { margin:0 -25px; padding:25px;}/*desktop*/

#kurzy3 .prep-1 .prepinac-body.a1, #kurzy3 .prep-2 .prepinac-body.a2 {display:block}

#kurzy3 .packbox {margin:1px 0; padding:.5rem; border:1px solid transparent; border-radius:6px; background:#EFF3F9;}

#kurzy3 .flag {display:inline-block; width:24px; height:18px; border-radius: 5px; background:no-repeat; background-size:contain}
#kurzy3 .flag.flag-aud {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_aus.png)}
#kurzy3 .flag.flag-bgn {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_bgr.png)}
#kurzy3 .flag.flag-cad {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_can.png)}
#kurzy3 .flag.flag-dkk {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_dnk.png)}
#kurzy3 .flag.flag-gbp {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_gbr.png)}
#kurzy3 .flag.flag-hkd {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_hkg.png)}
#kurzy3 .flag.flag-hrk {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_hrv.png)}
#kurzy3 .flag.flag-huf {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_hun.png)}
#kurzy3 .flag.flag-chf {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_che.png)}
#kurzy3 .flag.flag-isk {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_isl.png)}
#kurzy3 .flag.flag-jpy {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_jpn.png)}
#kurzy3 .flag.flag-krw {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_kor.png)}
#kurzy3 .flag.flag-nok {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_nor.png)}
#kurzy3 .flag.flag-nzd {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_nzl.png)}
#kurzy3 .flag.flag-pln {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_pol.png)}
#kurzy3 .flag.flag-rub {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_rus.png)}
#kurzy3 .flag.flag-sek {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_swe.png)}
#kurzy3 .flag.flag-sgd {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_sen.png)}
#kurzy3 .flag.flag-usd {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_usa.png)}
#kurzy3 .flag.flag-zar {background-image:url(//1gr.cz/fotky/idnes/21/062/mini/flag2_za.png)}
#kurzy3 .flag.flag-eur {background-image:url(//1gr.cz/fotky/idnes/22/011/mini/flag2_eu.png)}
#kurzy3 .flag.flag-xdr {background-image:url(//1gr.cz/fotky/idnes/22/011/mini/flag2_mmf.png)}


#kurzy3 .kurz-overview {display: flex; align-items: center;}
#kurzy3 .kurz-overview .flag {/*width:24px; height:auto; */margin-right: .5rem }
#kurzy3 .kurz-overview h3 { flex: 0 0 185px; font-size:100%; font-family: "Inter"; }
#kurzy3 .kurz-overview .ko-pocet {width:2em;}
#kurzy3 .kurz-overview .ko-mena {width: 9em; padding:0 .5em; text-align: center;}
#kurzy3 .kurz-overview .ko-kurz {}
#kurzy3 .packbox .packbox-toggle {display:inline-block; width:6em; height:2em; margin:auto 0 auto auto; cursor:pointer; background:url(//1gr.cz/u/icon/137/graph.svg) no-repeat 0 50% / 1em, url(//1gr.cz/u/icon/137/info.svg) no-repeat 2rem 50% / 1em, url(//1gr.cz/u/icon/137/arrow-down.svg) no-repeat 4rem 50% / 1em}
#kurzy3 .packbox.visible .packbox-toggle {background-image:url(//1gr.cz/u/icon/137/graph.svg), url(//1gr.cz/u/icon/137/info.svg), url(//1gr.cz/u/icon/137/arrow-up.svg)}

#kurzy3 .packbox .packbox-in {max-height:0; overflow:hidden; transition:height ease-in 300ms;}
#kurzy3 .packbox.visible {border-color:#CFDCF1; background:linear-gradient(180deg, rgba(207,220,241,0) 0%, #CFDCF1 100%);}
#kurzy3 .packbox.visible .packbox-in {max-height:none}

#kurzy3 .graf {border-radius:4px; background:#fff}

#kurzy3 .c0 {font-size:80%; background:none; border-bottom:1px solid #CFDCF1;}
#kurzy3 .c1, #kurzy3 .c2 {background:none; border-bottom:1px solid #fff;}
#kurzy3 .table-box td, #kurzy3 .table-box th {padding:1rem .5rem}
#kurzy3 .kt-cnb .first {width: 16px;}

#kurzy3 .kurzy-table td[colspan="4"] {text-align:center}

#kurzy3 .bank-name {font-weight:bold}

#kurzy3 .dart {width: 1em; height: 1em; margin: 0px 0 0 4px; font-size: 10px; background: url(/o/sph/dart-sph.svg) no-repeat 0 0 / 1em 5em;}
#kurzy3  .green-up { background-position: 0 -1em;}
#kurzy3  .red-down { background-position: 0 -2em;}

#kurzy3 .note {margin-left:10px; font-size:75%}


/*logo-bank*/
#kurzy3 .logo-bank {float:left; display:inline-block; width:1em; height:1em; font-size:16px; background:url("/o/fin/logabank-square.png?v=1") no-repeat -1000px -1000px; background-size:1em}
#kurzy3 .ex-air {background-position:0 0em}
#kurzy3 .ex-cs {background-position:0 -1em}
#kurzy3 .ex-csob  {background-position:0 -2em}
#kurzy3 .ex-equa {background-position:0 -3em}
#kurzy3 .ex-kb {background-position:0 -4em}
#kurzy3 .ex-mbank {background-position:0 -5em}
#kurzy3 .ex-mon {background-position:0 -6em}
#kurzy3 .ex-oberbank {background-position:0 -7em}
#kurzy3 .ex-rb {background-position:0 -8em}
#kurzy3 .ex-sberbank {background-position:0 -9em}
#kurzy3 .ex-unicredit {background-position:0 -10em}
#kurzy3 .vub {background-position:0 -11em}
#kurzy3 .exchange, #kurzy3 .ex_vip {background-position:0 -12em}



/*#kurzy3 .logo-bank {float:left; display:inline-block; width:30px; height:30px; background:url("/o/fin/logabank-square.png") no-repeat -1000px -1000px; background-size:30px}
#kurzy3 .ex-air {background-position:0 0px}
#kurzy3 .ex-cs {background-position:0 -30px}
#kurzy3 .ex-csob  {background-position:0 -60px}
#kurzy3 .ex-equa {background-position:0 -90px}
#kurzy3 .ex-kb {background-position:0 -120px}
#kurzy3 .ex-mbank {background-position:0 -150px}
#kurzy3 .ex-mon {background-position:0 -180px}
#kurzy3 .ex-sberbank {background-position:0 -210px}
#kurzy3 .ex-rb {background-position:0 -240px}
#kurzy3 .ex-mbank {background-position:0 -270px}
#kurzy3 .ex-mon {background-position:0 -300px}
#kurzy3 .ex-oberbank {background-position:0 -330px}
#kurzy3 .ex-rb {background-position:0 -360px}
#kurzy3 .ex-sberbank {background-position:0 -390px}
#kurzy3 .ex-unicredit {background-position:0 -420px}
#kurzy3 .vub {background-position:0 -450px}
#kurzy3 .exchange {background-position:0 -480px}*/

/*chybi
.ex-cs {background-position:0 0}
.ex-citibank {background-position:0 -30px}
.ex-lbbw {background-position:0 -180px}
.ex-vip,  .ex_vip {background-position:0 -360px}
.interchange {background-position:0 -450px}
 */

/*prepocet-meny*/
#prepocet-meny {clear:both; margin:0 0 1em}
#prepocet-meny .box {padding:10px 10px 5px; margin:0 0 1em; background:#EEE; border-radius:8px}
#prepocet-meny .w3-a, #prepocet-meny .w3-b {float:left; width:242px; display:inline-block}
#prepocet-meny .w3-b {width:126px}
#prepocet-meny h3 {margin:0 0 5px; font-size:100%; font-weight:700}
#prepocet-meny input, #prepocet-meny select {width:226px; padding:5px; margin:0 0 10px}
#prepocet-meny select {width:238px}
#prepocet-meny button {float:left; min-width:5em; height:5em; margin:17px 2px 0 30px; padding:0 .5em; vertical-align:middle; white-space:nowrap; text-align:center; font-weight:700; cursor:pointer; overflow:visible; border:1px solid #CCC; border-radius:3px; background:#DDD url('/u/n4/button-bg.gif') repeat-x}
#prepocet-meny button:hover {border-color:#999; box-shadow:0 0 3px #999}
#prepocet-meny button img {width:32px; vertical-align:middle; background:url("/u/n4/button-icon.png") 0 -128px no-repeat}
#prepocet-meny button:hover img {background-position:-32px -128px}
#prepocet-meny p {margin:0 0 3em; font-size:87.5%; text-align:center}
#prepocet-meny p span {font-size:114%; font-weight:700}

/*moot-headline*/
.moot-headline h2 {margin:0 0 .5em 0}

/* moot-table, multi ul */
/*.moot-table th, .multi-ul li.th {color:#FFF; background-color:#590101}*/

/* osobnosti online*/
#osob-online h2 {color:#755446}
#osob-online .list-art {clear:both}

/*banner*/
#banner-pod {height:260px; width:300px; margin-bottom:1em; font-weight:700}
#banner-pod a.top {text-decoration:none; color:#FFF; background:#B00009 url('/o/fin/banner/bg-podnikani-act.gif') no-repeat top left}
#banner-pod a.top:hover {background:#FFF url('/o/fin/banner/bg-podnikani-pas.gif') no-repeat top left; color:#B00009}
#banner-pod a.bot {text-decoration:none; background:#B00009 url('/o/fin/banner/bg-otestujse-act.gif') no-repeat top left; color:#FFF}
#banner-pod a.bot:hover {background:#FFF url('/o/fin/banner/bg-otestujse-pas.gif') no-repeat top left; color:#B00009}
#banner-pod .top, #banner-pod .bot {display:block; height:130px}
#banner-pod .top span {display:inline; float:left; width:17.5em; margin:10px 0 0 15px; text-align:center; cursor:pointer}
#banner-pod .bot span {display:inline; float:right; width:11em; margin:58px 18px 0 0; text-align:center; cursor:pointer}

/*valuty a devizy*/
.valuty h2 {float:left; _display:inline; margin:0 20px 8px 0}
.valuty h2.fl-none {float:none; width:auto}
.valuty h2 a {color:#808080}
.valuty h2 a:hover {color:#e41f1f; text-decoration:underline}
.valuty .act a {color:#e41f1f; text-decoration:none}
.valuty .table-box {padding:0; margin-bottom:2em}
.valuty .table-box td {border:none}
.valuty .table-box th {border:none; border-bottom:1px solid #FFF}
.valuty .c0 {font-weight:700}
.valuty .flag {padding:3px 5px 0; _padding:0 5px; line-height:normal}
.valuty .top-box {padding:0 0 0 10px; margin-bottom:1em}
.valuty .top-box .r-body {margin-bottom:1em}
.valuty .top-box p {font-size:87.5%; margin-bottom:1em}
.valuty .top-box img {float:right}
.valuty .top-box form {clear:both; display:block; padding:0 0 10px; clear:both}
.valuty .top-box label, .valuty .top-box #castka, .valuty .top-box select {float:left; margin-right:5px}
.valuty .top-box #castka {width:7em}
.valuty .top-box .submit {width:7em}
.valuty .top-box label {line-height:21px; margin-right:5px}
.valuty .top-box select {margin-right:15px; width:14em}
.valuty .relation {padding:5px; border-bottom:3px solid #590101}
.valuty .relation .fl {float:left; width:270px}
.valuty .relation ul, .valuty .relation li {list-style:none}
.valuty .relation li {font-size:68.75%; line-height:1.54}

/*vyhledavani a kurzovni prehled*/
#kurz-list, .fin-select {/*padding:0 10px; */ margin-bottom:22px}
#kurz-list h2, .fin-select h2 {margin:0 0 .5em}
#kurz-list h2 a, .fin-select h2 a {color:#755446; text-decoration:none}
#kurz-list h2 a:hover, .fin-select h2 a:hover {text-decoration:underline}
#kurz-list p, .fin-select p, #kurz-list form, .fin-select form {margin-bottom:1em}
#kurz-list label, .fin-select label {display:block; line-height:1.5; text-transform:uppercase}
#kurz-list select, .fin-select select {width:15em}
#kurz-list input, .fin-select input {width:6em}

/*nastroje*/
.list-nast .box {margin-bottom:1.5em}
.list-nast h3 {}
.list-nast ul, .list-nast li {list-style:none}
.list-nast ul, #inc .list-nast ul {margin:0 0 0 6px}
.list-nast li {margin:0 0 .5em}
.list-nast li a {font-weight:700; line-height:1.5}
.ln-ico h3 {padding:0 0 0 26px}
.ln-ico h3 span {display:block; padding-left:6px; color:#590101}
.ln-ico .danove {background:#FFF url('/o/fin/ico-kalkul/dane.gif') no-repeat left center}
.ln-ico .socialni {background:#FFF url('/o/fin/ico-kalkul/socialni.gif') no-repeat left center}
.ln-ico .uverove {background:#FFF url('/o/fin/ico-kalkul/uver.gif') no-repeat left center}
.ln-ico .pracovni {background:#FFF url('/o/fin/ico-kalkul/pracovni.gif') no-repeat left center}
.ln-ico .leasing {background:#FFF url('/o/fin/ico-kalkul/leasing.gif') no-repeat left center}
.ln-ico .bydleni {background:#FFF url('/o/fin/ico-kalkul/bydleni.gif') no-repeat left center}
.ln-ico .investicni {background:#FFF url('/o/fin/ico-kalkul/investice.gif') no-repeat left center}
.ln-ico .sporici {background:#FFF url('/o/fin/ico-kalkul/sporici.gif') no-repeat left center}
.ln-ico ul, #inc .ln-ico ul {margin:0 0 0 32px}


/*kurz*/
#box-kurzy {width:280px; padding:10px}
#box-kurzy form {display:block; padding:5px 0 .5em}
#box-kurzy input {width:5em}
#box-kurzy label, #box-kurzy input, #box-kurzy select {margin-right:4px}
#box-kurzy .fr input {width:auto; margin-right:0}
#box-kurzy .tip {margin-bottom:10px; text-align:center}
#box-kurzy .tip span {font-size:87.5%; font-weight:700; color:#F00}
#box-kurzy .ico-r {clear:both}

/*kurz cnb*/
#kurz-cnb td, #kurz-cnb th {border:none}
#kurz-cnb .c0 {font-weight:700}

/*reklama xchange*/
.xchange-art {margin:0 0 1em; padding:0 0 0 10px}
.valuty .xchange-art .fl {width:600px}
/*boxy v textu*/
table.append td, table.xa td, table.xac2 td {border-color:#e41f1f}

/* kalkulacky - lze smazat? */
.calcul-art {margin:0 0 2em 10px}
.calcul-art h1 {margin:0 0 8px; font-size:162.5%; font-weight:700}
.calcul-art p {line-height:1.6; margin:0 0 .5em; font-size:100%}
.calcul-form {margin:0 0 2em 10px}
.calcul-form label {display:block; margin:0 0 4px}

#kalkulacka-vysledky h3 {font-size:100%; font-weight:700; margin:0 0 10px 10px}
#kalkulacka-vysledky th, #kalkulacka-vysledky td {border:none; border-bottom:1px solid #FFF}
#kalkulacka-vysledky table {font-size:14px; margin:0 0 2em}
#kalkulacka-vysledky .foot td {background:#FFF; border-top:4px solid #DA191A; font-size:16px}

#nemocenske-davky label {float:left; margin:0 0 4px}
#nemocenske-davky .help {position:relative; z-index:1; float:left; display:block; width:13px; height:13px; margin:1px 5px; =margin:0 5px; line-height:normal; text-align:center; font-weight:700; color:#FFF; background:#DA191A url('/o/fin/help.gif') no-repeat center center; cursor:help}
#nemocenske-davky #prijem {float:left; width:150px; border:1px solid #CCC; background-color:#EEE}
#nemocenske-davky .tooltip-simple {position:absolute; bottom:50%; left:50%; width:210px; min-height:50px; _height:50px; padding:6px; border:1px solid #000; font-size:12px; background-color:#FAFAEE; color:#000; font-weight:normal; text-align:left; -moz-opacity:0.9; opacity:0.9; =filter:alpha(opacity=90); display:none; z-index:1}
#nemocenske-davky .help:hover .tooltip-simple {display:block}
#nemocenske-davky .kc {margin-left:10px}

#duchody h3 {margin:0 0 10px; padding:3px 10px; font-size:93.75%; font-weight:700; color:#FFF; background:#DA191A}
#duchody label {text-transform:uppercase}
#duchody #prijem, #duchody #fond {width:200px; border:1px solid #CCC; background-color:#EEE}
#duchody .table-box p, #duchody .table-box ul {margin:0 0 1em 10px; font-size:87.5%}
#duchody .table-box p.mb0 {margin-bottom:0}
#duchody .table-box li {margin:0 0 0 2em}
#duchody .legenda {padding:1em 0 1px 10px; border-top:3px solid #DA191A}
#duchody .legenda p {margin:0 0 1em}
#penze-realna, #penze-celkem, #penze-s--2 {color:#C00}

#mzda-2011 .calcul-form label {text-transform:uppercase}
#mzda-2011 .inp, #mzda-2011 select {width:150px; border:1px solid #CCC; background-color:#EEE}

/*rozcestnik-smlouvy*/
#rozcestnik-smlouvy {margin:0 0 0 10px}
#rozcestnik-smlouvy h2, #okruh-prava h2 {margin:0 0 .75em; font-size:100%; font-weight:700}
#rozcestnik-smlouvy ul, #okruh-prava ul {float:left; width:100%; margin:0 0 1em; list-style:none}
#rozcestnik-smlouvy li, #okruh-prava li {float:left}
#rozcestnik-smlouvy ul {font-size:100%; font-weight:700}
#rozcestnik-smlouvy li {margin:0 15px .75em 0; white-space:nowrap}
#rozcestnik-smlouvy ul a {padding:0 0 0 24px; background:url("/o/fin/paragraf.gif") no-repeat left center}
#okruh-prava {margin:0 0 2em 10px}
#okruh-prava .list {line-height:1.5; color:#CCC}
#okruh-prava a {white-space:nowrap}

/*soudni-rozhodnuti*/
#soudni-rozhodnuti h3 {margin:0 0 5px; font-weight:700}
#soudni-rozhodnuti p {margin:0 0 1.25em}

/* vyjimka pro kalkulacky.idnes.cz */
#contenth.art {height:auto; min-height:1em; margin:0 0 1em; padding:0}

/*b-finmarket*/
.b-finmarket {margin:0 0 22px}
.b-finmarket p {margin:0 0 1em; font-size:87.5%}
.b-finmarket ul {list-style:none}
.b-finmarket li {margin:0 0 1em}
.b-finmarket li .bttn {margin:0}
.b-finmarket .bttn {display:block; padding:.5em 0; font-size:100%; font-weight:700; text-align:center; text-decoration:none; color:#FFF; background:#DA191A; text-shadow:1px 1px 1px #333; box-shadow:0 2px 3px #999; border-radius:5px}
.b-finmarket .bttn:hover {text-decoration:underline}

.b-finmarket2 {position:relative; z-index:1; overflow:hidden; margin:0 0 22px; border:2px solid #E4E4E4; border-radius:5px; background:#E4E4E4}
.b-finmarket2 h2 {line-height:44px; padding:0 8px; border-radius:5px; font-size:20px; font-weight:700; color:#1C3E79; background:#FFF}
.b-finmarket2 h2:before {content:''; float:left; width:34px; height:34px; margin:3px 8px 0 0; border:2px solid #dcdcdc; border-radius:100%; background-image:url('/o/fin/b-finmarket2-icon.png')}
.life-insurance:before {background-position:0 0}
.mortgage:before {background-position:-40px 0}
.investment:before {background-position:-80px 0}
.building-society:before {background-position:-120px 0}
.savings-accounts:before {background-position:-160px 0}
.time-deposits:before {background-position:-200px 0}
.vehicle-insurance:before {background-position:-240px 0}
.travel-insurance:before {background-position:-280px 0}
.transactional-accounts:before {background-position:-320px 0}
.loans:before {background-position:-360px 0}
.credit-cards:before {background-position:-400px 0}
.property:before {background-position:-440px 0}
.b-finmarket2 p {padding:10px; font-size:18px}
.b-finmarket2 a {display:block; padding:.5em; border-radius:5px; font-size:18px; font-weight:700; color:#FFF; background:#DA191A; text-decoration:none; text-align:center; text-shadow:1px 1px 1px #333}
.b-finmarket2 a:hover {color:#FFF; text-decoration:underline}
.b-finmarket2 a:before {content:''; position:absolute; top:-1000px; bottom:-1000px; left:-1000px; right:-1000px; z-index:5; background:url('/u/free.gif')}
.b-finmarket2 a:after {content:"›"; display:inline-block; margin-left:.3em}

/*fondy*/
.fondy h3 {font-weight:700; font-size:93.75%}

.fondy form {margin-bottom:1em; padding:10px; border-radius:5px; background:#da191a}
/*.fondy form div {float:left}*/
.fondy form label {display:inline-block; width:21%; margin-right:5px; vertical-align:bottom; line-height:1.1; color:#fff; font-weight:700}
.fondy form label:first-child, .fondy label[for="isin"] {margin-left:0}
.fondy form select, .fondy form input[type="text"] {display:block; width:100%; height:1.8em; padding-top:0.2em; border:1px solid black}
.fondy form input[type="submit"] {margin-left:1px}

.fondy table th {background:#CCC}
.fondy table td, .fondy table th {height:2.4em; line-height:120%; padding:0.25em 1em}
.fondy table {border-collapse:collapse}
.fondy .vycet {margin-top:1em}
.fondy .vycet table {width:100%}


.fondy table td.number {width:5em; text-align:right}
.fondy .vycet table th {position:relative; padding-right:2em; height:2em}

.fondy .vycet .with-isin + td {text-align:center}

.fondy .sorter {position:absolute; right:0.5em; top:1em; z-index:4; transition:margin 0.5s ease-out 0s}
.fondy .sorter a {display:block; border:0.5em solid transparent; margin:1px; transition:border-width 0.5s ease-out 0s}
.fondy .sorter .up {border-bottom:0.5em solid black; border-top:0px; margin-top:-1px}
.fondy .sorter .down {border-top:0.5em solid black; border-bottom:0px}
.fondy .sorter:hover {margin-top:-0.2em; margin-right:-0.4em}
.fondy .sorter:hover a {border-left-width:0.8em; border-right-width:0.8em}
.fondy .sorter:hover .up {border-bottom-width:0.8em; border-bottom-color:black !important}
.fondy .sorter:hover .down {border-top-width:0.8em; border-top-color:black !important}
.fondy .sorter .up:hover {border-bottom-color:red !important}
.fondy .sorter .down:hover {border-top-color:red !important}
.fondy .sorter.nazev {right:auto; left:4em}

.fondy .razeni-nazev-up .sorter.nazev .up {border-bottom-color:red}
.fondy .razeni-nazev-down .sorter.nazev .down {border-top-color:red}
.fondy .razeni-denominace-up .sorter.denominace .up {border-bottom-color:red}
.fondy .razeni-denominace-down .sorter.denominace .down {border-top-color:red}
.fondy .razeni-rocni-vykon-up .sorter.rocni .up {border-bottom-color:red}
.fondy .razeni-rocni-vykon-down .sorter.rocni .down {border-top-color:red}
.fondy .razeni-tydenni-vykon-up .sorter.tydenni .up {border-bottom-color:red}
.fondy .razeni-tydenni-vykon-down .sorter.tydenni .down {border-top-color:red}
.fondy .razeni-denni-vykon-up .sorter.denni .up {border-bottom-color:red}
.fondy .razeni-denni-vykon-down .sorter.denni .down {border-top-color:red}

.fondy .date {font-size:68.75%}

.finico a {display:block; width:140px; height:115px; margin:10px 5px; text-align:center; font-size:100%; line-height:1.2; font-weight:700; text-decoration:none; color:#1c3e79}
.finico a:hover {color:#bd242a}
.finico a:before {content:''; display:block; height:89px; width:89px; margin:0 auto 5px; border:2px solid #dcdcdc; border-radius:9999px; box-sizing:border-box}
.finico a:hover:before {border-color:#bd242a}
.finico a:before {background:#fff url("/o/fin/icons.png") no-repeat}
.finico li {list-style:none; float:left}

.finico-list a {position:relative; display:table-cell; width:200px; height:90px; padding-left:100px; vertical-align:middle; text-align:left}
.finico-list a:before {position:absolute; left:0; top:0}

.finico .nova, .finico .cokoli {width:116px}
.finico .nova:before {background-position:-8px -310px}
.finico .nova:hover:before {background-position:-108px -310px}
.finico .refin:before {background-position:-8px -109px}
.finico .refin:hover:before {background-position:-108px -109px}
.finico .cokoli:before {background-position:-8px -206px}
.finico .cokoli:hover:before {background-position:-108px -206px}
.finico .bezdol:before {background-position:-8px -7px}
.finico .bezdol:hover:before {background-position:-108px -7px}

.finico .sporucty, .finico .terminak, .finico .stavebko, .finico .nastari {width:90px}
.finico .sporucty, .finico .stavebko {margin-right:50px}
.finico .nastari span {display:inline-block; width:70px}
.finico .sporucty:before {background-position:-8px -1506px}
.finico .sporucty:hover:before {background-position:-108px -1506px}
.finico .terminak:before, .finico .terminaky:before {background-position:-8px -1607px}
.finico .terminak:hover:before, .finico .terminaky:hover:before {background-position:-108px -1607px}
.finico .stavebko:before {background-position:-8px -7px}
.finico .stavebko:hover:before {background-position:-108px -7px}
.finico .nastari:before {background-position:-8px -1307px}
.finico .nastari:hover:before {background-position:-108px -1307px}

.finico .zp-srovn, .finico .zp-kolik, .finico .zp-typy, .finico .zp-co {width:142px; margin:10px 4px}
.finico .zp-srovn:before {background-position:-8px -407px}
.finico .zp-srovn:hover:before {background-position:-108px -407px}
.finico .zp-kolik:before {background-position:-8px -508px}
.finico .zp-kolik:hover:before {background-position:-108px -508px}
.finico .zp-typy:before {background-position:-8px -606px}
.finico .zp-typy:hover:before {background-position:-108px -606px}
.finico .zp-deti:before {background-position:-8px -1408px}
.finico .zp-deti:hover:before {background-position:-108px -1408px}

.finico .zavazky:before {background-position:-8px -1708px}
.finico .zavazky:hover:before {background-position:-108px -1708px}
.finico .vydaje:before {background-position:-8px -1810px}
.finico .vydaje:hover:before {background-position:-108px -1810px}
.finico .bezpenez:before {background-position:-8px -1307px}
.finico .bezpenez:hover:before {background-position:-108px -1307px}

.finico .beznak:before {background-position:-8px -1907px}
.finico .beznak:hover:before {background-position:-108px -1907px}
.finico .sporici:before {background-position:-8px -1506px}
.finico .sporici:hover:before {background-position:-108px -1506px}
.finico .kreditky:before {background-position:-8px -2010px}
.finico .kreditky:hover:before {background-position:-108px -2010px}


.finico .cp-obchodni:before {background-position:-10px -908px}
.finico .cp-obchodni:hover:before {background-position:-110px -908px}
.finico .cp-evropa:before {background-position:-8px -1009px}
.finico .cp-evropa:hover:before {background-position:-108px -1009px}
.finico .cp-rodina:before {background-position:-8px -1105px}
.finico .cp-rodina:hover:before {background-position:-108px -1105px}
.finico .cp-aktivni:before {background-position:-8px -1209px}
.finico .cp-aktivni:hover:before {background-position:-108px -1209px}

.b-finmarket1 {position:relative; margin:0 0 22px; border:2px solid #E4E4E4; border-radius:5px; background:#E4E4E4}
.b-finmarket1 h2 {padding:5px 8px; border-radius:5px; font-size:20px; font-weight:700; color:#1C3E79; background:#FFF}
.b-finmarket1 h2 .uppercase {font-size:90%}
.b-finmarket1 ul {margin:10px}
.b-finmarket1 li {position:relative; list-style:none; margin:0px 0 5px; padding-left:13px; font-size:87.5%}
.b-finmarket1 li:before {content:''; display:block; position:absolute; left:0; top:5px; border:solid 4px transparent; border-left:solid 8px #1C3E79}
.b-finmarket1 li h4 {font-weight:700}

.b-box.b-finmarket {margin-bottom:30px}
.b-finmarket h2, .b-fin h2 a {color:#000}
.b-finmarket h2 + p {margin-top:.5em}
.b-finmarket .bttn {width:100%; padding:.7em 0; text-transform:uppercase; text-shadow:none; box-shadow:none; border:none; color:#1c3e79; background:#e4e4e4}

.b-finmarket2 a {color:#1c3e79; text-shadow:none; background:none}
.b-finmarket .bttn:hover, .b-finmarket2 a:hover {color:#dc3838}

.b-box .b-kalkulacka {padding-top:1em; font-size:75%}

.b-kalkulacka .bttn.blue {float:right; width:104px; /*height:38px; */ margin:5px 0; padding:0 .7em; line-height:38px; font-weight:normal; font-size:87.5%; text-transform:uppercase; cursor:pointer; border:none; border-radius:5px; color:#fff; background-color:#1c3e79}
.b-kalkulacka .error {display:block; padding:5px 0; color:#da191a; font-weight:700; line-height:1.2}

.b-kalkulacka label {display:inline-block; width:168px; margin-right:3px; vertical-align:middle; line-height:1.2}
.b-kalkulacka input[type=text], .b-kalkulacka select {width:75px; padding:2px 4px; height:27px; margin:5px 10px 5px 0; text-align:right; border:solid 2px #dcdcdc; border-radius:4px}
.b-kalkulacka select {width:75px; margin-left:-3px}
a.submit {text-decoration:none}
a.submit:hover {text-decoration:underline}
.b-kalkulacka strong {display:block; margin:0 0 15px; font-size:106.25%}
.b-kalkulacka [name=naklady-perioda] {display:block; margin-top:0}
.b-kalkulacka .fr {width:129px}

.b-kalkulacka.hypo {font-size:93.75%}
.b-kalkulacka.hypo strong {font-size:114%}
.b-kalkulacka.hypo input[type=text] {width:95px}
.b-kalkulacka.hypo .bttn {font-size:100%}

.bttn-list li {height:40px; margin:0 0 3px; padding:0 0.7em; list-style:none; font-size:100%; line-height:40px; border-radius:4px; background:#dfdfdf}
.bttn-list strong {float:right}
.bttn-list .dark {color:#fff; font-weight:700; background-color:#666}

.b-list {margin-top:15px}
.b-list li {padding-left:33px; list-style:none; font-size:100%; background:url("/o/fin/sprites.png") no-repeat 0 -88px}

.b-list.quest li {background-position:0 -59px}
.b-list.karty li {min-height:24px; padding-left:40px; background:url("/o/fin/karta.png") no-repeat}

.kalkulacky {margin-top:15px}
.kalkulacky li {min-height:43px; margin:0 0 5px; list-style:none; padding-left:46px; font-size:100%; font-weight:700; background:url("/o/fin/kalkulacka.png") no-repeat}
.kalkulacky a {text-decoration:none}
.kalkulacky a:hover {text-decoration:underline}
.kalkulacka h1, .kalkulacka h2, .kalkulacka h3 {color:#dc3838}

.fajfka {display:inline-block; width:28px; height:28px; background:url("/o/fin/sprites.png") no-repeat 0 0px}
.dark .fajfka {background-position:0 -28px}
.bttn-list .fajfka {float:right; margin:7px 0 0 15px}

.infostar {position:relative}
.infobox {position:absolute; bottom:5px; right:5px; display:none; width:200px; padding:8px; font-size:68.75%; border:solid 1px #ddd; box-shadow:rgba(0,0,0,.2) 2px 2px 2px; background:#fff}
.infostar:hover .infobox {display:block}