body { background: url("/o/metro/bg/bg-top.gif") repeat-x, #2C2C2C url("/o/metro/bg/bg.gif") repeat }
#main { min-width: 1000px; text-align: center }
.counters { position: absolute; top: -5000px; left: -5000px; z-index: 1 }

#content, .w1000, #foot { width: 1000px; margin: 0 auto; text-align: left }
.m-bg-4 { width: 1030px; margin: 0 auto; padding-bottom: 30px; text-align: left }

a { color: #007437; text-decoration: none }
a:hover { color: #004421; text-decoration: underline }

/*bg obaly*/
#portal { position: relative; width: 100%; text-align: left; min-height: 166px; _height: 166px; padding: 0; background: #fff }
#portal #emblem { position: relative; float: left; margin-right: 20px }
#portal #emblem .emblem-1 img { display: block; width: auto; height: 85px }
#p-menu { position: relative; width: 100%; height: 44px; border-top: solid 1px #007437; border-bottom: solid 1px #007437 }
#p-menu li { position: relative; float: left; height: 43px; padding: 2px 0 0 2px; list-style: none }
#p-menu li:first-child, p-menu li.first { padding: 2px 0 0; background: none }
#p-menu a { display: inline-block; float: left; padding: 0 14px; height: 44px; line-height: 44px; font-size: 134%; font-weight: bold; text-decoration: none; font-family: Arial, sans-serif }
#p-menu li:hover a, #p-menu .act a { color: #000 }
#p-menu li:hover a { text-decoration: underline }
#p-menu .act:before { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -10px; border: solid 10px transparent; border-bottom: solid 10px #000 }
#p-menu .act:after { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -9px; border: solid 9px transparent; border-bottom: solid 9px #fff }

#loglink { position: absolute; right: 20px; height: 42px; padding-top: 3px; line-height: 44px; font-size: 142%; font-weight: bold; z-index: 1 }

#p-box { float: right; width: 620px; margin: 20px 20px 0 0 }
.p-weather { float: left; /*width: 390px;*/ height: 63px }
.p-weather h3 { margin: 0 0 10px; font-weight: bold; color: #444 }
.p-weather p { color: #999; font-size: 90% }
.p-search { float: right; margin-bottom: 10px }
.p-search .inp { float: left; width: 190px; height: 22px; line-height: 22px; padding: 1px 5px; border: solid 1px #ccc }
.p-search .sub { float: right; height: 26px; margin: 0; padding: 1px 10px; border: none; color: #fff; font-weight: bold; line-height: 26px; text-transform: uppercase; text-align: center; background: #007f3e }

.date { clear: right; width: 271px; margin: 0px 0 auto auto; color: #666; font-size: 84% }

#metro_londyn-2012 a, #metro_londyn-2012 a:hover { color: #DDC710 }

/*content*/
.m-bg-1 { padding: 7px 0 0; position: relative; z-index: 2 }
.m-bg-4 { min-height: 400px; _height: 400px; background: #FFF }

/*h1*/
#denik h1, #hlidac h1, #denik.art-full h1, .list-art h1, .art-archiv h2, #kontakt h1, .tit, .list-tit { margin: 0 0 5px; font-size: 150%; font-weight: bold }

/*grey-box*/
.grey-box, .b-box { width: 300px; margin: 0 0 22px }
.grey-box h2, .b-box h2 { position: relative; padding: 10px 0; font-family: Arial, sans-serif; font-size: 142%; font-weight: bold; border-bottom: solid 1px #007437 }
.grey-box h2:before, .b-box h2:before { content: ""; position: absolute; left: 30px; top: 100%; border: solid 10px transparent; border-top: solid 10px #000 }
.grey-box h2:after, .b-box h2:after { content: ""; position: absolute; left: 31px; top: 100%; border: solid 9px transparent; border-top: solid 9px #fff }
.grey-box h2 span { display: block }
.grey-box .box-in, .b-box .box-in { padding: 20px 0 }

/*grey-box2*/
.grey-box2 { width: 300px; margin: 0 0 22px; background: #EEE url("/o/metro/bg/box-edge.png") no-repeat -684px 100%; _background: #EEE }
.grey-box2 h2 { background: #01682E url("/o/metro/bg/box-header-bg.gif") }
.grey-box2 h2 span { display: block }
.grey-box2 .bg-grad { min-height: 48px; _height: 48px; background: url("/o/metro/bg/box-header-grad.gif") repeat-x }
.grey-box2 .bg-top { padding: 12px 0 0 20px; font-family: GeoSlb712MdBT-Bold, Arial, sans-serif; font-size: 142%; color: #FFF; text-shadow: 1px 1px 1px #024C20; background: url("/o/metro/bg/box-edge.png") no-repeat -384px 0; _background: none }
.grey-box2 .box-in { position: relative; width: 260px; padding: 15px 20px 1px; background: url("/o/metro/bg/box-nib.gif") no-repeat 30px 0 }
.grey-box2 .bg-bot { position: absolute; z-index: 1; left: 0; bottom: 0; _display: none; width: 100%; height: 5px; background: url("/o/metro/bg/box-edge.png") no-repeat -684px 100% }
.grey-box2 .dart { position: absolute; z-index: 1; top: 0; left: 30px; display: block; width: 20px; height: 10px; background: url("/o/metro/bg/box-nib.gif") no-repeat }

.grey-box-tipy p { padding: 10px 0px 10px 40px; line-height: 1.5; border-bottom: solid 1px #eee; background: no-repeat left 10px; background-size: 22px 22px }
.grey-box-tipy .domicil { text-transform: uppercase; color: #aaa; font-weight: bold }
.grey-box-tipy .kultura { background-image: url("/o/metro/ico-kultura.svg") }
.grey-box-tipy .sport { background-image: url("/o/metro/ico-sport.svg") }
.grey-box-tipy .hudba { background-image: url("/o/metro/ico-hudba.svg") }

.grey-box-tipy .technika { background-image: url("/o/metro/ico-technika.svg") }
.grey-box-tipy .vzdelavani { background-image: url("/o/metro/ico-vzdelavani.svg") }
.grey-box-tipy .zabava { background-image: url("/o/metro/ico-zabava.svg") }
.grey-box-tipy .zdravi { background-image: url("/o/metro/ico-zdravi.svg") }
.grey-box-tipy .finance { background-image: url("/o/metro/ico-finance.svg") }
.grey-box-tipy .gastronomie { background-image: url("/o/metro/ico-gastronomie.svg") }
.grey-box-tipy .historie { background-image: url("/o/metro/ico-historie.svg") }
.grey-box-tipy .priroda { background-image: url("/o/metro/ico-priroda.svg") }
.grey-box-tipy .rodina { background-image: url("/o/metro/ico-rodina.svg") }
.grey-box-tipy .divadlo { background-image: url("/o/metro/ico-kultura.svg") }

.grey-box-nejnovejsi ul { list-style-type: none }
.grey-box-nejnovejsi li { display: table; margin-bottom: 10px }
.grey-box-nejnovejsi .time { display: table-cell; width: 60px; color: #555 }
.grey-box-nejnovejsi a { display: table-cell; line-height: 1.5 }

.b-box .tit-div { list-style: none }
.b-box .tit-div a { display: flex }
.b-box .tit-div h3 { order: 2; margin-left: 10px }

/*col-a*/
.grey-box-cola { width: 100%; background-position: -2744px 100% }
.grey-box-cola .bg-top { background-position: -2104px 0 }

/*grey-box-full*/
.grey-box-full { position: relative; width: 300px; margin: 0 0 32px; background: #01682E url("/o/metro/bg/box-header-bg.gif") }
.grey-box-full a { color: #F6D200 }
.grey-box-full h2 { min-height: 48px; _height: 48px; background: url("/o/metro/bg/box-header-grad.gif") repeat-x }
.grey-box-full h2 span { display: block }
.grey-box-full .bg-top { padding: 14px 0 0 20px; font-family: GeoSlb712MdBT-Bold, Arial, sans-serif; font-size: 142%; color: #FFF; text-shadow: 1px 1px 1px #024C20; color: #FFF; background: url("/o/metro/bg/box-edge.png") no-repeat -384px 0; _background: none }
.grey-box-full .box-in { padding: 0 20px 1px; color: #FFF; background: url("/o/metro/bg/box-edge.png") no-repeat -684px 100%; _background: none }
.grey-box-full .dart { position: absolute; left: 30px; bottom: -10px; _bottom: -15px; display: block; width: 20px; height: 10px; background: url("/o/metro/bg/box-nib.gif") no-repeat }

/*bttn*/
.bttn { display: block; cursor: pointer; padding: 0; margin: 0; text-decoration: none; text-align: center; border: none }
.bttn span { line-height: 30px }
.bttn .bg-l { background-position: 0 0; background-repeat: no-repeat }
.bttn .bg-r { padding: 4px 3px; background-position: 100% -120px; background-repeat: no-repeat }
.bttn .bg { cursor: pointer; text-align: center; color: #FFF; text-transform: uppercase; font-size: 12px; font-weight: bold; background-position: 0 -60px }
.bttn:hover { background: #333 }

/*button green, button yellow*/
.bttn-green, .bttn-yellow { color: #fff; background: #007437 }

/*button grey*/
.bttn-grey { background: #ccc }

/*button black*/
.bttn-black span { display: block; background: #000 }
.bttn-black .bg { color: #FFF }

/*img buttn*/
.bttn-writeto img { width: 135px; height: 35px; background: url("/o/metro/button/napiste-nam.gif") no-repeat }
.bttn-writeto:hover img { background-position: 0 -35px }

/*sirky pro buttony*/
.w6m { width: 6em }
.w7m { width: 7em }
.w8m { width: 8em }
.w9m { width: 9em }
.w10m { width: 10em }
.w11m { width: 11em }
.w12m { width: 12em }
.w13m { width: 13em }

/*col*/
.col-ab { width: 100% }
.col-a { float: left; width: 640px; display: inline }
.col-b { float: right; width: 300px; display: inline; margin: 0 10px 0 0 }

.q-js .arts-1, .q-js .arts-2, .q-js .arts-3, .q-js .arts-4, .q-js .arts-5, .q-js .arts-6, .q-js .arts-7, .q-js .arts-8, .q-js .arts-9, .q-js .arts-10, .q-js .arts-11, .q-js .arts-12, .q-js .arts-13, .q-js .arts-14, .q-js .arts-15 { display: none }
.q-js .prep-1 .arts-1, .q-js .prep-2 .arts-2, .q-js .prep-3 .arts-3, .q-js .prep-4 .arts-4, .q-js .prep-5 .arts-5, .q-js .prep-6 .arts-6, .q-js .prep-7 .arts-7, .q-js .prep-8 .arts-8, .q-js .prep-9 .arts-9, .q-js .prep-10 .arts-10, .q-js .prep-11 .arts-11, .q-js .prep-12 .arts-12, .q-js .prep-13 .arts-13, .q-js .prep-14 .arts-14, .q-js .prep-15 .arts-15 { display: block }
.q-js .prep-1 .nava-1, .q-js .prep-2 .nava-2, .q-js .prep-3 .nava-3, .q-js .prep-4 .nava-4, .q-js .prep-5 .nava-5, .q-js .prep-6 .nava-6, .q-js .prep-7 .nava-7, .q-js .prep-8 .nava-8, .q-js .prep-9 .nava-9, .q-js .prep-10 .nava-10, .q-js .prep-11 .nava-11, .q-js .prep-12 .nava-12, .q-js .prep-13 .nava-13, .q-js .prep-14 .nava-14, .q-js .prep-15 .nava-15 { color: inherit; text-decoration: none }

/* ikonky odkazu */
.content .ico, .content .ico-r, .eyes-ico { font-size: 12px }
.ico { text-align: left }
.ico-r { text-align: right }
.ico-r-inline { clear: both }
.ico-r-inline li { display: inline; list-style: none; margin-left: 1.5em }
.ico-r-inline li a { position: relative; display: inline-block; padding: 0 25px 0 0 }
.ico-r-inline li a span { position: absolute; right: 0; top: 0 }
.ico a, .ico-r a { display: inline-block; height: 26px; line-height: 26px; font-size: 100%; font-weight: bold; /*text-transform:uppercase;*/ }
.ico a span { background-image: url("/u/ico/default-ico.png") }
.ico a span, .ico-r a span { float: left; width: 21px; height: 21px; margin: 2px 8px 0 0; _margin-right: 5px; border-radius: 3p; background-color: #016C2F; background-image: url(/u/ico/default-ico.png); background-repeat: no-repeat; text-decoration: none; font-size: 0; cursor: pointer }
.ico a:hover span, .ico-r a:hover span { text-decoration: underline }
.ico-r a span { float: right; margin: 2px 0 0 8px; _margin-left: 5px }

.browse-foto a.img-next, .browse-foto a.img-prev, .ico-close span, a.ico-close span .ico-right span, a.ico-right span, .ico-next span, a.ico-next span, .nav-n4 .ico-right i, .art a.more:after { width: 23px; height: 23px; border-radius: 50%; background: url(/o/metro/arr-right-in-circle.svg); background-size: cover }
.browse-foto a.img-prev, .ico-left span, a.ico-left span, .ico-prev span, .nav-n4 .ico-left i { background: url(/o/metro/arr-left-in-circle.svg); background-size: contain }

.browse-foto a.img-next:hover, .ico-right:hover span, .ico-next:hover span, .nav-n4 .ico-right:hover i, .art a.more:hover:after { background-image: url(/o/metro/arr-right-in-fullcircle.svg) }
.browse-foto a.img-prev:hover, .ico-left:hover span, .ico-prev:hover span, .nav-n4 .ico-left:hover i { background-image: url(/o/metro/arr-left-in-fullcircle.svg) }

.art a.more:after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 5px; vertical-align: middle; cursor: pointer; border-radius: 50%; /* border:solid 1px #016C2F;*/ }

.ico-close span, a.ico-close span { background: url(/o/metro/close.svg) }

.ico-down span { background-position: 0 -50px }
.ico-top span { background-position: 0 -75px }
.ico-min span { background-position: 0 -100px }
.ico-max span { background-position: 0 -125px }
.ico-doc span { background-position: 0 -150px }
.ico-ok span { background-position: 0 -175px }
/*.ico-close span {background-position:0 -200px}*/
.ico-globe span { background-position: 0 -225px }
.ico-send span { background-position: 0 -250px }
.ico-back span { background-position: 0 -275px }
.ico-moot span { background-position: 0 -300px }
.ico-audio span, .ico-voice span { background-position: 0 -325px }
.ico-help span { background-position: 0 -350px }
.ico-tip span { background-position: 0 -375px }
.ico-mail span { background-position: 0 -400px }
.ico-print span { background-position: 0 -425px }
.ico-libra span { background-position: 0 -450px }
.ico-zoom span { background-position: 0 -475px }
.ico-des span { background-position: 0 -500px }
.ico-asc span { background-position: 0 -525px }
.ico-first span { background-position: 0 -550px }
.ico-last span { background-position: 0 -575px }
.ico-blog span { background-position: 0 -600px }
.ico-rss span { background-position: 0 -625px }
.ico-list span { background-position: 0 -650px }
.ico-refresh span { background-position: 0 -675px }
.ico-info span { background-position: 0 -700px }
.ico-facebook span, .ico-google span, .ico-jagg span, .ico-linkuj span, .ico-smesk span, .ico-twitter span { width: 17px !important; height: 17px !important; line-height: 16px !important; margin-top: 5px !important; background: url("/u/ico/communi.png") !important; _background: url("/u/ico/communi.gif") !important }
.ico-facebook span { background-position: 0 0 !important }
.ico-google span { background-position: 0 -17px !important }
.ico-jagg span { background-position: 0 -34px !important }
.ico-linkuj span { background-position: 0 -51px !important }
.ico-smesk span { background-position: 0 -68px !important }
/*/*.ico-twitter span {background-position:0 -85px !important}*/ */ .ico-down, .ico-left, .ico-prev, .ico-right, .ico-next, .ico-top, .ico-min, .ico-max, .ico-doc, .ico-ok, .ico-close, .ico-globe, .ico-send, .ico-back, .ico-moot, .ico-audio, .ico-voice, .ico-help, .ico-tip, .ico-mail, .ico-print, .ico-libra, .ico-zoom, .ico-des, .ico-asc, .ico-first, .ico-last, .ico-blog, .ico-rss, .ico-list, .ico-refresh, .ico-info, .ico-facebook, .ico-google, .ico-jagg, .ico-linkuj, .ico-smesk, .ico-twitter { display: inline-block }
/*.ico a:hover span, .ico-r a:hover span {color:#269459; background-color:#269459; background-color:#555; border-color:#555; filter:none}*/

/* PREMIUM */
.premlab, .premlab:hover, #topeject .premlab, #najdete li .premlab { display: inline-block; margin: 0 1em .2em 0; padding: .08em .4em; border-radius: 2px; font: italic 600 81.25%/1.15 'Fira Sans', sans-serif; color: #FFF !important; background: linear-gradient(#DAA520 0%, #E8B332 100%) !important; text-decoration: none !important; text-shadow: 0 1px 1px rgba(0,0,0,.5) !important; }
.art-info .premlab { margin-left: .5em; font-size: 100% }
.art .premlab { margin-bottom: .5em }

/* vypis clanku */
.list-art { clear: both; margin: 0 }
.list-art .list-art { margin: 0 }

.list-art-menu { list-style: none }
.list-art-menu li:first-child { margin-bottom: 5px; font-size: 150%; font-weight: bold }
.list-art-menu #rctitle { margin-bottom: 1rem; font-size: 1.25rem; font-weight: bold }

.related-list { margin-bottom: 2rem }
.related-list h3 { margin-bottom: 5px; font-size: 1rem }
.related-list h3:before { content: "\25ba"; padding-right: 5px; color: #ddd; font-size: 15px; }
.list-search .inp { float: left; width: 250px; height: 16px; padding: 6px 5px; margin: 1px 10px 0 0; border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF }
.list-search .bttn { float: left }

.list-count { margin: 0 0 10px; color: #949494 }

/*art*/
.art { position: relative; min-height: 130px; _height: 130px; margin: 0 0 30px; padding: 0 0 0 187px }
.art h3 { margin-bottom: .3em; font-size: 150% }
.art h3 a { display: block; zoom: 1 }
.art .img, .art-img, .art .mark-video { display: block; overflow: hidden }
.art img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.art:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.art .img.r6, .art .img.vidw { width: 630px; height: 354px }
.art-img.sp5, .art .img.sp5 { width: 160px; height: 120px }
.art-img.sp5 img, .art .img.sp5 img { width: 160px; height: auto }
.art-img.w230 { width: 160px; height: 90px }
.art-img u { display: block; width: 100%; height: 100%; background: no-repeat center }
.art-img.w230 img { width: 160px; height: auto }
.art-img, .art .img, .art .mark-video { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; box-shadow: 0px 2px 2px 0px #ccc }

.mark-victimnews { position: relative }
/*.mark-victimnews .mvn {position:absolute; top:0; left:0; z-index:1; width:100px; height:100px; margin:-2px; background:url(//1gr.cz/o/metro/bg/napsali-jste-nam.png) no-repeat}*/
.mark-victimnews .mvn {display:block; position: absolute; top: 26px; left: -27px; z-index: 1; width: 142px; height: 26px; margin: -2px; line-height: 23px; font-size: 11px; font-weight: bold; font-style: normal; text-align: center; color: #000; text-decoration: none; transform: rotate(-42deg); background: url(//1gr.cz/o/metro/bg/stuha.png) no-repeat; }

.art.opener .art-img { position: relative }
.art.opener .img { position: static }
.art.opener img { display: block }
.art .perex { font-size: 117%; line-height: 1.5 }
.art a.more { white-space: nowrap; text-transform: uppercase; font-size: 76%; text-decoration: underline }
.art-info { line-height: 18px; margin: 0 0 5px }
.art-info .authors { padding-right: 1em; /*font-size:11px;*/ }
.art-info .authors a { text-decoration: underline; color: #000 }
.art-info .authors a:hover { text-decoration: none }
.art-info .time, .time { /*font-size:11px;*/ color: #979797 }
/*.art-full .art-info .time:after { content: "|"; display: inline-block; padding: 0 2px }*/
.brisk {display: inline-block; line-height: 18px; font-size: 12px; font-weight: bold;  color: #000;  text-transform: uppercase; color: #000; white-space: nowrap }
.art-info .brisk { margin-right: .6em; padding: 0 .5em; background:#F6CF00; }

.art-info .commercial, .commercial { padding: 0; color: #000; background: none }
.art-info .commercial2, .commercial2 { line-height: 18px; font-size: 12px; font-weight: bold; text-transform: uppercase }
.domicil { font-weight: bold }

.art:before { content: ""; border-top: solid 2px #ccc; padding-top: 5px; display: block }
.art.opener:before { display: none }

.list-art .art p.b { margin-top: .5em }

.list-art .r-main { margin-bottom: 30px }
.list-art .r-main .art { margin-bottom: 0 }
.r-main .art > a { display: block; text-decoration: none }
.r-main .art > a:hover h3 { text-decoration: underline }
.r-main .art > a .perex { color: #000 }

.art-full .art-info { font-size: 109%; line-height: 23px }

.artmeta { display: flex; width: 100%; margin: 0 0 1em; justify-content: space-between; align-items: center }
.artmeta .cell { flex: 1 1 auto }
.artmeta .authors { margin: 0; padding: .5rem 0 0; text-align: left; font-size: 87.5% }
.artmeta .authorbox-foto { position: relative; z-index: 2; width: 3rem; height: 3rem; margin-top: -.5rem; border-width: 3px; filter: grayscale(100%) }
.artmeta .authorbox-foto + .authorbox-foto { z-index: 1; margin-left: -1.5em }
.artmeta .art-info { margin: 0; white-space: nowrap }


.authorbox { margin: 0 0 2em; padding: 1.5rem; border-radius: .5rem; box-shadow: 0 .5rem 1rem 0 rgba(128,128,128,.16) }
.authorbox-foto { float: left; position: relative; overflow: hidden; width: 7rem; height: 7rem; margin: 0 1em 0 0; border: 4px solid #FFF; border-radius: 14%; box-shadow: 0 0 .625rem 0 #CFD8DC; box-sizing: border-box; }
.authorbox-foto samp { position: absolute; top: 0; left: 50%; width: 300%; height: 100%; margin: 0 0 0 -150% }
.authorbox-foto img { display: block; width: auto; height: 100%; margin: auto }
.authorbox h1 { font-weight: 700; font-size: 162.5%; line-height: 1.2 }
.authorbox h3 { font-weight: 700; font-size: 100%; line-height: 1.375; font-family: inherit }
.authorbox .art-social { float: none; margin: .75em 0 0 }
.authorbox p { clear: both; padding: 1em 0 0; font-size: 87.5% }
.authorbox-ex > * { opacity: .6; filter: alpha(opacity=60) }

/*art-social*/
.art-social { margin: 0 0 10px }
.art-full .art-social { float: right; position: relative; margin: 0 0 -22px }
.art-social ul { position: relative; list-style: none }
.art-social li { float: right; line-height: 21px; margin: 0 0 0 10px }
.art-social a { display: inline-block; border-radius: 3px; cursor: pointer }
.art-social a span { display: inline-block }
.art-social .num { position: relative; display: inline-block; min-width: 1em; height: 21px; padding: 0 5px; margin: 0 0 0 5px; font-size: 11px; color: #666; background: #EDEDED; border-radius: 3px }
.art-social .num span { position: absolute; top: 0; left: -4px; width: 4px; height: 21px; background: url("/o/revue_n3/arrow.png") }
.art-social .fb .i-bg, .art-social .tweet .i-bg, .art-social .gplus .i-bg, .art-social .shortener-link .i-bg { float: left; width: 21px; height: 21px; background-image: url("/u/ico/default-social.png"); background-repeat: no-repeat; background-color: #C3C3C3; border-radius: 3px }
.art-social .fb .i-bg { background-position: 0 0 }
.art-social .fb:hover, .art-social .fb:hover .i-bg { color: #FFF; background-color: #3B5998 }
.art-social .tweet .i-bg { background-position: 0 -25px }
.art-social .tweet:hover, .art-social .tweet:hover .i-bg { color: #FFF; background-color: #32AADC }
.art-social .gplus .i-bg { background-position: 0 -50px }
.art-social .gplus:hover, .art-social .gplus:hover .i-bg { color: #FFF; background-color: #D0462A }
.art-social .shortener-link .i-bg { background-position: 0 -75px }
.art-social .shortener-link:hover, .art-social .shortener-link:hover .i-bg { color: #FFF; background-color: #000 }
.wrap-social .art-social { float: left; /*margin-left:70px;*/ }
.wrap-social .authors { float: right; margin-left: 0 }

#linkbox { position: absolute; top: -5px; right: 92px; z-index: 1; padding: .5em; border: 1px solid #CCC; border-radius: .4em; background: #EEE }
#linkbox:before { content: 'Odkaz:' }
#linkbox input { width: 10em; border: 1px solid #CCC; background: #FFF }
#linkbox input:focus { border-color: #666 }

/*vyjimka pro kalendar tipu*/
.time-black { color: #000; font-weight: bold }

/*.archiv-art .art {clear:both; float:left; width:100%; min-height:60px; _height:60px; padding:0}*/
.art div.fl { margin-right: 15px }
.art div.fl img, .art div.fl .mark-video { position: relative; margin: 0 }
.art div.cell { display: table-cell; =display:inline-block }

.list-art-nimg .art { min-height: 1em; padding-left: 0 }
.list-art-nimg .art .img { display: none }

.art-video h1 { margin: 1rem 0; font-size: 217%; line-height: 1.2; font-weight: bold; }
.art-video .art-info { margin-bottom: 1rem }
.art-video .perex { margin-bottom: 1rem; font-size: 1rem; }
.art-video .authors { float: left }
.art-video .art-social li a { width: 22px; height: 22px; overflow: hidden }


/*sme art*/
.art-sme .perex { min-height: 50px }
.art-sme .highlight { color: #C00 }

/* mapa */
#map_canvas { width: 630px; height: 392px; margin: 0 0 22px; border: 1px solid #D1D1D1 }
.map-info { position: absolute; margin: 0px 0 36px -36px; min-width: 20em; cursor: default }
.map-info .mapi-box { position: relative; width: 100%; min-height: 20px; _height: 20px }
.map-info .mapi-border { border: 1px solid #B2B2B2; border-radius: 5px; background: #FFF }
.map-info .mapi-bg { position: absolute; z-index: 1; left: 25px; bottom: -20px; display: block; width: 29px; height: 21px; background: url("/o/metro/gmap-bot.png") no-repeat }
.map-info .mapi-in { padding: 10px }

/*gmap-art*/
.gmap-art h3 { margin-bottom: .3em; font-size: 150% }
.gmap-art .time { font-size: 92%; font-weight: bold; color: #000 }

/*ctete-metro-prilohy*/
.ctete-metro-prilohy .art { float: left; width: 172px; min-height: 40px; _height: 40px; padding: 0; margin: 0 30px 30px 0 }
.ctete-metro-prilohy img { position: inherit }

.list-art-static .art, .no-img { min-height: 1em; height: auto; padding: 0 }
/*.list-art-static .art img, .list-art-static .art .mark-video, .no-img img, .no-img .mark-video, .archiv-art .art img {position:relative; float:left; margin-right:15px}*/
.list-art-static .art p { font-size: 117% }

/*.list-art .mark-video {position:relative; float:left; margin:0 10px 0 0}
.list-art .mark-video img {float:none; margin:0}*/

.opener { width: 630px; padding: 0 }
.opener h3 { margin-top: .3em; font-size: 217%; font-weight: bold }
.opener img { position: static; box-shadow: 0px 2px 2px 0px #ccc }
.opener img.r6, .opener img.vidw { display: block; margin: 0 0 .5em }
.opener .mark-video { position: relative; margin: 0 0 .5em }
.opener .perex { line-height: 1.5; font-size: 134% }

.over-mep135 { display: block; width: 100%; overflow: hidden; margin: 0 0 .5em }
.over-mep135 span { display: block; margin-right: -30px; =width:660px }
.over-mep135 img { float: left; margin: 0 30px 0 0 }

.extra-box { width: 980px; margin: 0 auto 30px; padding: 10px; background: #E1E1E1 }
.extra-box h3 { margin: 0 0 .1em; font-size: 242% }

.extra-art-box { padding: 0 0 1px }
.extra-art-box .extra-img img { display: block; margin: 0 0 4px }
.extra-art-box h3 { font-family: GeoSlb712MdBT-Bold, Arial, sans-serif; font-weight: normal; font-size: 200% }
.extra-art-box .perex { /*width:610px; padding:0 10px 6px; line-height:1.4; font-size:125%;*/ }
.extra-art-box .extra-img a.more:hover { color: #B9151C; text-decoration: underline }
.extra-art-box .related { margin: 0 0 -.8em; font-size: 125% }
.extra-art-box .related ul li { margin-left: 0 }
.extra-art-box .art-info .brisk { margin: 0 }

.related { clear: both }
.related h2, .related h3 { font-size: 122%; font-weight: bold; margin: 0 0 .4em }
.related ul, .related li { display: block; list-style: none; margin: 0 0 -.8em }
.related ul li { display: table; margin: 0 0 .8em; /*padding-left:14px;*/ font-size: 107%; =zoom:1 }
.related li:before { content: "\25ba"; display: table-cell; padding-right: 5px; color: #ddd; font-size: 15px }
.related li strong { font-weight: normal }

.mark-video { position: relative; width: 630px; margin: 0 0 10px }
.mark-video a, a.mark-video { display: block; text-decoration: none; cursor: pointer }
.mark-video img, .mark-video img.gal { margin: 0; float: none; display: block }
.mark-video span { position: absolute; bottom: 6px; right: 6px; z-index: 2; width: 60px; height: 45px; background: url("/o/sph/ico_play_sp5.png") no-repeat; background-size: contain; }
.mark-video .write { position: absolute; z-index: 1; top: -3px; left: -4px; width: 100px; height: 100px; background: url("/o/metro/bg/napsali-jste-nam.png") }
.midi { width: 80px; height: 60px }
.mep135 { width: 135px; height: 101px }
.midi span, .mep135 span { width: 41px; height: 31px; bottom: 1px; right: 1px; background: url("/o/sph/ico_play_midi.png") no-repeat }
.mesp5 { width: 172px; height: 129px }
.sph { width: 215px; height: 161px }
.mesp5 span, .sph span { width: 60px; height: 45px; bottom: 1px; right: 1px; background: url("/o/sph/ico_play_sp5.png") no-repeat }

.mark-video-text { display: inline-block; width: 15px; height: 11px; margin-left: 4px; =vertical-align:middle; line-height: 1.33; background: url("/o/sph/ico_play_sph_mini.gif") no-repeat 0 50% }

.alone-video span { float: left; display: block; width: 41px; height: 31px; margin-right: 5px; cursor: pointer; background: url("/o/sph/ico_play_midi.png") no-repeat }
.alone-video { line-height: 2.21em }



/*nav*/
.nav { clear: both; height: 26px; line-height: 26px; font-weight: bold; text-align: center }
.col-a .nav { margin-left: 10px; margin-bottom: 12px }
.col-a .list-art .nav { margin-left: 0 }
.nav .ico, .nav .ico-r { width: 11em }
.nav .ico { float: left }
.nav .ico-r { float: right }

/*top-stript*/
/*/*#top-stript {margin-bottom:10px}*/ */
/*#top-stript .date {float:right; width:310px; color:#848484; font-size:83%}*/
/*list-art-hp*/
#list-art-hp { margin: 0 0 22px 10px }
#list-art-hp .art-box { margin: 0 0 25px }
#list-art-hp .next-art { padding: 15px 0 0; text-align: right; font-weight: bold; background: url("/o/metro/bg/b-box-line.gif") repeat-x }


.next-art .btn-more { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 2.5rem; padding: 0 .75rem; border: 1px solid #007437; border-radius: .25rem; text-align: center; text-decoration: none; font-weight: 700; font-size: 87.5%; line-height: 1.286; overflow: hidden; color: var(--tgl-pri80); background: var(--tgl-pri05); box-sizing: border-box }
.next-art .btn-more:hover { }


/*extra-box*/
#extra-box { padding: 10px; margin: 0 0 22px }

/*flash-box-b*/
#flash-box-b { position: relative; width: 350px; height: 354px; line-height: 1.25; padding: 0 0 0 630px; background: #FFF; font-family: Georgia, "Times New Roman", Times, serif }
#flash-box-b ul { padding-top: 5px }
#flash-box-b img { display: block }
#flash-box-b li { clear: both; display: block; height: 65px; padding: 0; overflow: hidden; font-size: 125%; list-style: none }
#flash-box-b li .text { font-size: 100%; line-height: 1.25 }
#flash-box-b .text { display: block; padding: 0 5px 0 10px }
#flash-box-b .img-sm { float: right; width: 80px; height: 60px; margin: 0; padding: 0 5px }
#flash-box-b .img-big { position: absolute; top: 0; left: -5000px; z-index: 0; width: 630px; height: 355px; overflow: hidden }
#flash-box-b .img-big img { -ms-interpolation-mode: bicubic }
#flash-box-b, #flash-box-b * { zoom: 1; overflow: hidden }
#flash-box-b.active-1 li.thumb-1, #flash-box-b.active-2 li.thumb-2, #flash-box-b.active-3 li.thumb-3, #flash-box-b.active-4 li.thumb-4, #flash-box-b.active-5 li.thumb-5 { height: 89px }
#flash-box-b.active-1 li.thumb-1 .text, #flash-box-b.active-2 li.thumb-2 .text, #flash-box-b.active-3 li.thumb-3 .text, #flash-box-b.active-4 li.thumb-4 .text, #flash-box-b.active-5 li.thumb-5 .text { position: absolute; z-index: 4; width: 440px; height: 74px; padding-top: 10px; line-height: 32px; margin-left: -110px; overflow: hidden; background: #01682E url("/o/metro/bg/box-header-bg.gif"); font-size: 20px; font-weight: bold }
#flash-box-b.active-1 li.thumb-1 .midi span, #flash-box-b.active-2 li.thumb-2 .midi span, #flash-box-b.active-3 li.thumb-3 .midi span, #flash-box-b.active-4 li.thumb-4 .midi span, #flash-box-b.active-5 li.thumb-5 .midi span { display: none }
#flash-box-b.active-1 li.thumb-1 .img-sm, #flash-box-b.active-2 li.thumb-2 .img-sm, #flash-box-b.active-3 li.thumb-3 .img-sm, #flash-box-b.active-4 li.thumb-4 .img-sm, #flash-box-b.active-5 li.thumb-5 .img-sm { position: absolute; z-index: 5; display: block; width: 58px; height: 66px; margin: 0 0 0 -164px; padding: 0; background: url("/o/metro/bg/slider-arrow.png") no-repeat }
#flash-box-b.active-1 li.thumb-1 .img-sm img, #flash-box-b.active-2 li.thumb-2 .img-sm img, #flash-box-b.active-3 li.thumb-3 .img-sm img, #flash-box-b.active-4 li.thumb-4 .img-sm img, #flash-box-b.active-5 li.thumb-5 .img-sm img { display: none }
#flash-box-b.active-1 li.thumb-1 .img-big, #flash-box-b.active-2 li.thumb-2 .img-big, #flash-box-b.active-3 li.thumb-3 .img-big, #flash-box-b.active-4 li.thumb-4 .img-big, #flash-box-b.active-5 li.thumb-5 .img-big { left: 0 }
#flash-box-b.active-1 li.thumb-1 a, #flash-box-b.active-2 li.thumb-2 a, #flash-box-b.active-3 li.thumb-3 a, #flash-box-b.active-4 li.thumb-4 a, #flash-box-b.active-5 li.thumb-5 a { color: #F6D200 }

/*hp-art*/
.hp-art { width: 296px }
.hp-art .img { margin: 0 0 5px }
.hp-art img { vertical-align: middle }
.hp-art h3 { margin-bottom: 7px; font-family: GeoSlb712MdBT-Bold, Arial, sans-serif; font-size: 142% }
.hp-art h3 a { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1) }
.hp-art .more { white-space: nowrap }
.hp-art .mark-video { width: 296px }
.hp-art .perex a { white-space: nowrap }

/*first-hp-art*/
.first-hp-art { position: relative; width: 100%; min-height: 100px; _height: 100px; margin: 0 0 25px }
.first-hp-art h3 { margin: 0 0 7px; color: #F6D200 }
.first-hp-art .perex { font-size: 134%; color: #FFF }
.first-hp-art img { margin: 0 }
.first-hp-art .more { color: #F6D200 }
.first-hp-art .more:hover { color: #FFF; text-decoration: none }
.first-hp-art .mark-video { width: 630px }
.first-hp-art .play { position: absolute; bottom: 6px; right: 6px; z-index: 2; width: 90px; height: 67px; background: url("/o/sph/ico_play_big.png") no-repeat }
.first-hp-art .shadow-sail { position: absolute; z-index: 2; bottom: 0; left: 0; width: 610px; padding: 10px; background: url("/u/fog70.png") }

/*hp-slider*/
#hp-slider { position: relative; width: 630px; margin: 0 0 22px 0 }
.js #hp-slider { height: 400px }
#hp-slider .nav { position: absolute; z-index: 2; top: 0; left: 50%; display: block; width: 99px; height: 23px; padding: 9px 0 0 10px; margin: 0 0 0 -54px; background: url("/o/metro/hp-slider-img.png") no-repeat -4px -4px }
#hp-slider .nav li, #hp-slider .nav a { float: left; display: block; width: 12px; height: 13px }
#hp-slider .nav li { margin: 0 7px 0 0 }
#hp-slider .nav a { overflow: hidden; background: url("/o/metro/hp-slider-img.png") no-repeat -21px -39px }
#hp-slider .nav a:hover { background-position: -38px -39px }
#hp-slider .nav span { position: absolute; top: -3000px; left: -3000px }
#hp-slider .first-hp-art { width: 630px; height: 400px; margin: 0 }
#hp-slider .img-center { position: relative; overflow: hidden; width: 630px; height: 400px }
#hp-slider .img-center-in { position: absolute; left: 50%; top: 50%; _top: 0; width: 2000px; height: 2000px; _height: 400px; line-height: 2000px; _line-height: 400px; margin: -1000px 0 0 -1000px; _margin: 0 0 0 -1000px; text-align: center }
#hp-slider .img-center img { display: inline; _height: 100%; vertical-align: middle; margin: 0 auto; -ms-interpolation-mode: bicubic }
#hp-slider.prep-1 #hp-slider-a1, #hp-slider.prep-2 #hp-slider-a2, #hp-slider.prep-3 #hp-slider-a3, #hp-slider.prep-4 #hp-slider-a4, #hp-slider.prep-5 #hp-slider-a5, #hp-slider.prep-6 #hp-slider-a6 { background-position: -4px -39px }

/*opener*/
.hp-opener h3 { font-size: 233% }
.hp-opener h3 a { color: #F6D200; text-decoration: none; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1) }
.hp-opener h3 a:hover { color: #FFF; text-decoration: none }

/*fotka dne*/
.fotka-dne { position: relative; clear: both; margin: 30px 0; padding-bottom: 20px; box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); width: 630px }
.fotka-dne h2 { position: absolute; width: 90px; padding: 5px; text-transform: uppercase; text-align: center; color: #fff; background: #007437; line-height: 30px; font-weight: bold }
.fotka-dne h3 { margin: 10px 20px 0px; font-size: 150% }
.fotka-dne img { margin-bottom: 3px; display: block }
.fotka-dne .autor { margin: 5px 5px 0 auto; color: #666; text-align: right }
.fotka-dne .perex { margin: 10px 20px 0; color: #555; line-height: 1.5 }

/*list-calendar*/
#hp-kalendar { list-style: none }
#hp-kalendar .box-in { padding: 15px 20px 10px }
#hp-kalendar img { float: left; margin: 0 10px 0 0 }
#hp-kalendar li { clear: both; float: left; width: 100%; margin: 0 0 15px; line-height: 1.5; list-style: none }
#hp-kalendar li span, #hp-kalendar li a { display: block }
#hp-kalendar li span { margin: 0 0 2px; font-weight: bold }

/*anketa*/
#hp-anketa { margin: 0 }
#hp-anketa .border-line { position: relative; margin: 0 -20px 10px }
#hp-anketa h3 { padding: 0 20px 12px; font-weight: bold; background: url("/o/metro/bg/b-box-line.gif") repeat-x left bottom }
#hp-anketa .vote .vote { margin: 0 0 18px }

/*komercni-sdeleni*/
#komercni-sdeleni { margin: 0 0 22px }
.art-full #komercni-sdeleni { margin-left: -10px }
#komercni-sdeleni .top { padding: 10px 0 0 75px; min-height: 44px; margin: 0 0 10px; background: url("/o/vice/kom-sdel/icko.gif") no-repeat 10px 0 }
#komercni-sdeleni .top h3 { line-height: 1.6em; font-size: 150%; font-weight: 700 }
#komercni-sdeleni .top p { font-size: 117% }
#komercni-sdeleni .box { padding: 0 0 0 75px }
#komercni-sdeleni .box p, #komercni-sdeleni .box a { color: #666 }
#komercni-sdeleni .box p { margin: 0 0 1em }
#komercni-sdeleni img { float: left; margin: 0 10px 10px 0 }
.q-js #komercni-sdeleni .box { display: none }
.q-js #komercni-sdeleni.visible .box { display: block }
.q-js #komercni-sdeleni.visible .open { display: none }

.preamble { margin: 0 0 1.6em }
.art-full { width: 630px; margin: 0 0 30px 10px }
.art-full h1 { margin: 0 0 20px; font-size: 217%; font-weight: bold }
.art-full .text h1 { font-size: 163% }
.art-full .opener { width: auto; margin: 20px 0; line-height: 1.6; font-size: 134%; font-weight: bold; border-left: solid 2px #007437; padding: 20px 0 20px 20px }
.art-full .art-legend { /*margin:0 0 .5em 70px;*/ margin: 0 0 .5em 0; font-size: 11px; color: #666 }
.art-legend a { color: #666; text-decoration: none }
.art-legend a:hover { text-decoration: underline }
.art-full .text { min-height: 142px; margin-bottom: 10px }
.art-full .text-full, #inc .art-full .text { width: 630px; margin-left: 0 }

#fb-metro-like { padding: 0 0 0 280px }

/*nejnovejsi*/
#nejnovejsi h2 { margin-left: 10px }

/*listovani fota*/
.browse-foto { position: relative; width: 100% }
.browse-foto h1 { padding: 0 208px 20px 0 }
.browse-foto .bf-navigation { position: absolute; z-index: 1; top: 0; right: 0; width: 186px; margin-top: 7px; line-height: 30px; text-align: center; color: #999; font-size: 92% }
.browse-foto .bf-navigation a { font-size: 134%; font-weight: bold; text-decoration: none }
.browse-foto .bf-navigation a:hover { text-decoration: underline }
.browse-foto a.img-prev, .browse-foto a.img-prev-h { float: left }
.browse-foto a.img-next, .browse-foto a.img-next-h { float: right }
.browse-foto .art-full .text { min-height: 1em }
.browse-foto .art-full img { max-width: 1000px; box-shadow: 0px 2px 2px 0px #ccc }
.browse-foto a.img-next, .browse-foto a.img-prev { width: 30px; height: 30px }

.opener-gallery { width: 630px; overflow: hidden }
.opener-gallery .box-in { width: 660px }
.opener-gallery img { float: left; margin: 0 30px 24px 0 }

.text { line-height: 1.6; font-size: 134% }
.text .text { margin: 0; font-size: 100% }
.text .bbtext { position: relative; width: 100% }
.text h3 { font-weight: bold }
.text h3.tit { margin: 1em 0 .4em; font-size: 113% }
.text h3.subtit { margin: 0 0 .4em; font-size: 107% }
.text p, .text table, .text ul, .text ol { margin-bottom: 1em }
.text table table, .text ul ul, .text ol ul, .text ul ol, .text ol ol { margin-bottom: 0 }
.text li { margin: 0 0 0 2em }
.text ul li, .text li li { list-style: none; margin: 0 0 0 1em; padding-left: 1em; background: url("/o/zpr/li_sqr_a.gif") no-repeat 0 0.55em; =zoom:1 }
.text li li { background: url("/o/zpr/li_sqr_b.gif") no-repeat 0 0.55em }
.text td, .text th { padding: 2px .5em }
.text .rajce-album td, .rajce-album td, .text #opener-img td { padding: 0 }

.content .equip, .content .equip-fl { width: auto; margin-bottom: 1em; font-size: 12px }
.content .equip-fl { float: left; margin: 4px 10px 1em 0; _margin-right: 7px }
.content .equip-fr { float: right; margin: 4px 0 1em 10px; _margin-left: 7px }
.content .equip table, .content .equip-fl table, .content .equip-fr table { border-collapse: collapse; margin: 0 }
.content .equip td, .content .equip-fl td, .content .equip-fr td { padding: 0; border: 0 }
.equip ul, .equip li, .equip-fl ul, .equip-fl li, .equip-fr ul, .equip-fr li { display: block; list-style: none }

.equip td.equ-info { padding: 8px 0; color: #666 }
td.equ-info a { color: #666; text-decoration: none }
td.equ-info a:hover { color: #B9151C; text-decoration: underline }
.equip td.equ-trim { width: 570px /*IE*/; padding: 4px 0; vertical-align: middle; font-size: 125% }
.equip td.equ-trim-label { width: 48px; padding: 0 22px 0 0; text-align: right; vertical-align: middle; font-size: 92%; color: #666; background: url("/u/n4/alone-equip.gif") no-repeat 100% 50% }
.equip td.equ-trim-label a { text-decoration: none }
.equip td.equ-trim-label a:hover { text-decoration: underline }
.equip a.equ-gal { float: left; text-decoration: none }
.equip a.equ-gal img { float: left; margin: 0 8px 0 0 }
a.equ-rel { position: relative; display: block; text-decoration: none; box-shadow: 0px 2px 2px 0px #ccc }
a.equ-rel img { display: block }
a.equ-rel .more-gal { position: absolute; bottom: 0px; right: 0px; line-height: 40px; padding: 0px 10px; color: #FFF; background: #007437; text-transform: uppercase; cursor: pointer }
a.equ-rel .more-gal:after { content: "\276f"; display: inline-block; padding-left: 10px; font-size: 18px; vertical-align: bottom }
a.equ-rel:hover .more-gal { background: #333 }
a.equ-rel .write { position: absolute; z-index: 1; top: -3px; left: -4px; width: 100px; height: 100px; background: url("/o/metro/bg/napsali-jste-nam.png") }

#opener-img { width: 100%; margin-bottom: 20px }
#opener-img img { width: 100%; height: auto }

.opener-foto, .opener-flv-player { margin-bottom: 1em; font-size: small }
.opener-foto a.relative { position: relative; display: block; text-decoration: none }
.opener-foto a.relative .more-gal { position: absolute; bottom: 10px; right: 10px; width: 287px; height: 45px; line-height: 45px; padding: 0 53px 0 0; color: #FFF; background: url('/u/n4/right-gal.png') 100% 0 no-repeat; font-size: 20px; font-weight: bold; text-align: right; overflow: hidden; cursor: pointer }
.opener-foto a.relative:hover .more-gal { background-position: 100% 100% }
.opener-foto p.opener-foto-info { padding: 6px 0; color: #666; font-size: 90% }
p.opener-foto-info a { color: #666; text-decoration: none }
p.opener-foto-info a:hover { color: #B9151C; text-decoration: underline }

.opener-foto-info-box { position: absolute; left: 0px; bottom: 0px; right: 0px; z-index: 10; display: table; font-size: .875rem; line-height: 1.286; color: #FFF; background: rgba(30, 30, 30, .8); }
.opener-foto-info-box.ofib-visible { max-width: 100% }
.opener-foto-info-box .ofib-link { display: table-cell; width: 1.125rem; height: 1.125rem; border: .375rem solid transparent; vertical-align: bottom; background: url('/u/icon/fff/info.svg') no-repeat 50% 100% }
.opener-foto-info-box.ofib-visible .ofib-link { background-image: url('/u/icon/fff/info-i.svg') }
.opener-foto-info-box.opener-foto-info-box.opener-foto-info-box p { display: none; padding: .375rem .75rem .375rem .125rem; color: inherit; font-size: inherit; line-height: inherit }
.opener-foto-info-box.opener-foto-info-box.opener-foto-info-box.ofib-visible p { display: block }
.opener-foto-info-box a { color: inherit; text-decoration: underline }

.opener-flv-player { position: relative; padding: 0 0 1px }
.opener-flv-player h2, .opener-flv-player strong { position: absolute; z-index: 1; padding: 1em; color: #FFF; background: url("/u/fog80.png") }
.opener-flv-player h2 { max-width: 460px; _width: 460px; top: 1em; left: 1em; font-size: 142%; font-weight: bold }
.opener-flv-player strong { max-width: 460px; _width: 460px; right: 1em; bottom: 1em }
.opener-flv-player img.block { margin: 0 0 2px }

.related { width: 560px; /*margin-left:70px;*/ padding: 0 0 1px; line-height: 1.5; font-size: 125% }



/* ART-ADD */
.art-add { margin: 0 0 20px }
.art-add ul, .art-add li { float: left; list-style: none; background: #EEE }
.art-add ul { clear: both; width: 100%; min-height: 26px; _height: 26px }
.art-add li { padding: 0 10px }
.art-add a { float: left }
.art-add li.to-top { float: right; background: #CCC; padding: 0 }
.art-add li.to-top a.ico-top { padding: 0 10px }
.art-add li.to-top a.ico-top span { margin: 5px 0 0 }
.art-add .link { display: none }

.art-add-2 { position: relative; z-index: 50; width: 100%; height: 0; margin: 0 0 3em }
.art-add-2 ul.absolute { position: absolute; bottom: .3em; left: -5px; z-index: 1; width: 60px }
.art-add-2 .add-disc { font-size: 125%; font-weight: bold }
.art-add-2 li.add-li { position: relative; display: block; line-height: 1; margin: 12px auto 0; padding: 0; list-style: none; background: none }
.art-add-2 a.add-link { display: block; color: #666; text-decoration: none; text-align: center; font-size: 92% }
.art-add-2 a.add-link img { display: block; margin: 0 auto; background-color: #999 }
.art-add-2 a.add-link:hover { color: #003974; text-decoration: underline }
.art-add-2 a.add-link:hover img { background-color: #003974 }
#sdileni, #tip-redakci, #sdileni-facebook { position: absolute; /*top:-16px;*/ left: -80px; z-index: 1 }
#sdileni-facebook iframe { width: 560px; height: 2em }
/* ART-ADD - END */

div.authors { margin: 0 0 0 0; padding-top: .8em; text-align: right; font-size: 108% }
div.authors, div.authors a { color: #777 }

img.fl { margin-right: 15px }
img.fr { margin-left: 15px }

/* styl tabulek */
table .c0, .table-in-art table th { color: #333; background: #CCC }
table .c1, table.c1 { background: #EEE }
table .c2, table.c2 { background: #E0E0E0 }
table .c3 { background: #FFF }

.table-in-art table { width: 100%; font-size: 12px; border-collapse: separate }
.table-in-art table td, .table-in-art table th { padding: 2px .5em; border: 0 solid #FFF }
.table-in-art table caption { display: table-caption; padding: 2px .5em; border-bottom: 0; text-align: left; font-size: 133%; font-weight: bold; color: #FFF; background: #007B00 }
.table-in-art table th { font-size: 125%; font-weight: bold }
.table-in-art table td { font-size: 117% }
.table-in-art table .foot td { border-top: 3px solid #CCC; font-size: 125%; font-weight: bold }

/* doplneni clanku */
.content .complete, .complete { position: relative; width: 630px; margin: 0 0 1em; padding: 0; border: 0; border-top: solid 2px #555; border-collapse: collapse; font-size: 12px; line-height: 1.33; background: #f5f5f5; /*background:#FBF4CA url("/o/metro/bg/box-edge.png") -984px 0 no-repeat; _background-image:url("/o/metro/bg/box-edge.png");*/ }
.content .complete .complete, .complete .complete { clear: both; margin: 0 }
.content .complete-half-r, .complete-half-r { float: right; width: 192px; margin: 0 0 1em 10px }
.content .complete-half-l, .complete-half-l { float: left; width: 192px; margin: 0 15px 1em 0px }
.content .complete-dual-r, .complete-dual-r { float: right; width: 300px; margin: 0 0 1em 10px }
.content .complete-dual-l, .complete-dual-l { float: left; width: 300px; margin: 0 15px 1em 0px }
.content .complete td, .complete td { padding: 10px; /*background:url("/o/metro/bg/box-edge.png") -1544px 100% no-repeat; _background-image:url("/o/metro/bg/box-edge.png");*/ }
.content .complete-half-r, .complete-half-r, .content .complete-half-l, .complete-half-l { background-position: 0 0 }
.content .complete-half-r td, .complete-half-r td, .content .complete-half-l td, .complete-half-l td { background-position: -192px 100% }
.content .complete-dual-l, .complete-dual-l, .content .complete-dual-r, .complete-dual-r { background-position: -384px 0 }
.content .complete-dual-l td, .complete-dual-l td, .content .complete-dual-r td, .complete-dual-r td { background-position: -684px 100% }
.content .complete table td, .complete table td { background: #FFF; border: 0; padding: 2px 4px }
.content .complete h3, .complete h3 { margin: 0 0 10px; font-size: 167%; font-weight: bold; white-space: normal }
.content .complete h3.tit, .complete h3.tit { margin: 1em 0 0.4em; color: #666; font-size: 150% }
.content .complete h3.ico span span, .complete h3.ico span span, .content .complete h3.ico a span, .complete h3.ico a span { display: none }
.content .complete a, .complete h3.ico a { display: inline; line-height: inherit; height: auto }
.content .complete p, .complete p { font-size: 117%; margin: 0 0 0.5em }
.content .complete ul li, .complete ul li { margin: 0; list-style: none; padding-left: 1em; font-size: 117%; background: url("/o/zpr/li_sqr_a.gif") 0 .45em no-repeat }
.content .complete ol li, .complete ol li { font-size: 117% }
.content .complete li li, .complete li li, .content .complete li p, .complete li p { font-size: 100% }
.content .complete .title, .complete .title { font-size: 134%; font-weight: bold; color: #464646 }
.content .complete .only-text { font-size: 100%; padding-bottom: 8px; margin: 0 }


.q-js .complete-hidden, .complete-prep-0, .complete-visible .complete-prep-1, .complete-prep { display: none }
.complete-visible .complete-hidden, .complete-visible .complete-prep-0, .q-js .complete-prep { display: block }
.complete-visible tbody.complete-hidden { display: table-row-group }
.complete-prep { margin: .5rem 0; padding: .5rem 0 0; border-top: 1px solid #CFD8DC; font-size: 87.5%; line-height: 1.571 }
.complete-prep-0, .complete-prep-1 { color: var(--tgl-pri80); cursor: pointer }
.complete-prep-0:hover, .complete-prep-1:hover { text-decoration: underline }
.complete-prep-0:after, .complete-prep-1:after { content: ''; display: inline-block; vertical-align: top; width: .75rem; height: 1.571em; margin: 0 0 0 .5rem; background: no-repeat 50% 50% / .75rem .75rem; cursor: pointer }
.complete-prep-0:after { background-image: url('/u/icon/000/arrow-up.svg') }
.complete-prep-1:after { background-image: url('/u/icon/000/arrow-down.svg') }
.complete-prep-links { list-style: none; display: flex; justify-content: end; flex-wrap: wrap; gap: 0 1em }


/* poutani clanku ve clanku */
.complete a.aside.aside { display: flex; gap: 1rem; text-decoration: none; }
.q-ie .complete a.aside.aside { max-width: 515px }
.complete .aside-tit { flex: 1 1 auto }
.complete .aside:hover h3 { text-decoration: underline }
.complete .aside-img { flex: 0 0 110px; margin: 0 0 1rem }
.complete .aside-img img { display: block; width: 100%; height: auto }

/* obrazky */
.imagelist, .imagelist.imagelist { clear: both; display: flex; gap: 1rem; margin: 0 0 1rem }
.imagelist + .imagelist-desc { margin-top: -1em }
.imagelist > .fc0 { display: none }
.imagelist .cell { flex: 1; position: relative; display: block }
.imagelist .cell > a { display: block }
.imagelist .cell p a { display: inline }
.imagelist.imagelist p, .imagelist p { display: block; clear: both; margin: 0; padding: .462em 0 0; font-size: .8125rem; line-height: 1.3846; color: #546E7A }
.imagelist.imagelist p ~ p { border: 0 }
.imagelist img { width: 100%; height: auto; vertical-align: middle }
.imagelist-fl, .text .imagelist-fl { clear: left; float: left; margin-right: 15px }
.imagelist-fr, .text .imagelist-fr { clear: right; float: right; margin-left: 15px }
.imagelist-fl.imagelist-fl, .imagelist-fr.imagelist-fr { display: table; width: 1em }
.imagelist-fl.imagelist-fl img, .imagelist-fr.imagelist-fr img, .imagelist-fl.imagelist-fl .cell, .imagelist-fr.imagelist-fr .cell { max-width: 230px; width: auto; height: auto }

.imagelist-flex.imagelist-fl, .imagelist-flex.imagelist-fr { width: 230px }
.imagelist-flex img { width: 100%; height: auto }
.imagelist-flex .imagespace { position: relative; overflow: hidden; display: block; width: 100%; height: 0; padding: 50% 0 0 }
.imagelist-16ku9 .imagespace { padding-top: 56.25% }
.imagelist-4ku3 .imagespace { padding-top: 75% }
.imagelist-1ku1 .imagespace { padding-top: 100% }
.imagelist-4ku5 .imagespace { padding-top: 125% }
.imagelist-flex.imagelist-flex .imagespace img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% }

.imagelist.imagelist-fotogal1 { gap: 0; position: relative; width: 100%; overflow: hidden }
.complete-half-r .imagelist-fotogal1 { width: 269px; margin-bottom: 1rem }
.imagelist-fotogal1 .more-gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; align-items: flex-end; text-align: center; color: #FFF; background: linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,.8) 100%); text-decoration: none; box-sizing: border-box }
.imagelist-fotogal1 .more-gallery:hover { background: linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,1) 100%) }
.imagelist-fotogal1 .more-gallery .cell { float: none; padding: 0 0 1em }
.imagelist-fotogal1 .more-gallery h3 { margin: 0 auto .2em; font-size: 1.25rem; line-height: 1.2 }
.imagelist-fotogal1 .more-gallery h3:before { content: ''; display: inline-block; width: .8em; height: .8em; vertical-align: top; margin: .2em .4em 0 0; background: url('/u/icon/fff/gallery.svg') no-repeat 50% 50% / contain }
.imagelist-fotogal1 .more-gallery span { display: inline-block; line-height: 1.7em; padding: 0 .85em; border: 1px solid #FFF; font-size: .875rem; line-height: 1.6 }
.imagelist-fotogal1 .more-gallery b { font-weight: 800 }
.imagelist.imagelist-fotogal4 { gap: 0; margin: 0 0 1rem }
.imagelist-fotogal4 .cell ~ .cell { margin-left: 1px }
.imagelist-fotogal4 .more-gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; align-items: center; text-align: center; color: #FFF; background: rgba(0, 116, 55, .9); }
.imagelist-fotogal4 .more-gallery:hover { background-color: rgba(0, 116, 55, 1); }
.imagelist-fotogal4 .more-gallery .cell { flex: 1; margin: 0 }
.imagelist-fotogal4 .more-gallery .cell span { display: inline-block; margin: 4px auto 0; padding: 24px 0 0; font-size: .8125rem; line-height: 1.385; background: url('/u/icon/fff/gallery.svg') no-repeat 50% 0 / 20px 20px }
.imagelist-fotogal4 .more-gallery b { font-weight: 800 }
.imagelist + .imagelist.imagelist-fotogal4 { position: relative; margin: -1rem 0 1.5rem; border-top: 1px solid transparent }



.embed-social { clear: both; width: 100%; max-width: 630px; margin: 0 0 1.5rem; background: #f5f5f5; box-sizing: border-box; }
.embed-social .es-box { padding: 0.75rem 1.5rem; }
.embed-social .es-box:before { content: ''; float: right; width: 1.5em; height: 1.5em; margin: 1em 0 0.5em; background: no-repeat 50% 50% / 100% 100%; }
.embed-social-facebook .es-box:before { background-image: url('/u/icon/org/social-facebook.svg') }
.embed-social-instagram .es-box:before { background-image: url('/u/icon/org/social-instagram.svg') }
.embed-social-twitter .es-box:before { background-image: url('/u/icon/org/social-twitter.svg') }
.embed-social-tiktok .es-box:before { background-image: url('/u/icon/org/social-tiktok.svg') }
.embed-social p { margin: 0 0 .5em; word-wrap: break-word }
.embed-social p img { max-width: 100%; height: auto; vertical-align: middle }
.embed-social .es-name, .embed-social .es-perex { display: block }

.embed-social .es-top { position: relative; display: table-cell; vertical-align: middle; height: 40px; line-height: 1.2; padding: .5em 1.5em .5em 58px }
.embed-social .es-top img { position: absolute; z-index: 1; top: 4px; left: 0; width: 48px; height: 48px; border-radius: 100% }
.embed-social .es-name, .embed-social .es-perex { display: block }
.embed-social .es-name a { text-decoration: none; color: inherit }
.embed-social .es-name a:hover { text-decoration: underline }


.embed-social .es-perex, .embed-social .es-date { font-size: 81.25% }
.embed-social .es-perex a { text-decoration: none; }
.embed-social .es-perex a:hover { text-decoration: underline }
.embed-social .es-perex span { color: #000 }

.embed-social .es-mid { clear: both; padding: .5em 0 }
.embed-social .es-mid p { font-size: 100% }
.embed-social .es-date { clear: both; margin: 0 0 .3em; color: #546E7A }
.embed-social .es-bot { padding: .5em 0; border-top: 1px solid #CFDCF1; font-size: 81.25% }
.embed-social .es-bot a { float: left; margin: 0 2em 0 0; text-decoration: none }
.embed-social.embed-social-more .es-box .es-bot { text-align: center }
.embed-social.embed-social-more .es-box .es-bot a { float: none }


.ico-social { padding-left: 1.4em; background: no-repeat 0 50%; background-size: 1em 1em }
.ico-social:before { display: none }
.ico-social-popular { background-image: url('/u/icon/000/popular.svg') }
.ico-social-retweet { background-image: url('/u/icon/000/retweet.svg') }
.ico-social-reply { background-image: url('/u/icon/000/reply.svg') }
.ico-social-like { background-image: url('/u/icon/000/like.svg') }
.ico-social-share { background-image: url('/u/icon/000/share.svg') }
.ico-social-save { background-image: url('/u/icon/000/favorite.svg') }

.catchbox-l, .catchbox-r, .catchbox-dual-l { position: relative; float: right; width: 192px; margin: 0.5em 0 0.5em 1.5em; font-size: 1rem; line-height: 1.33; color: #000; background: #f5f5f5; }


/* citacni box */
.blockquote-box, .blockquote-box-sm { position: relative; margin: 1em auto 1.5em; padding: 1.5rem; text-align: center; color: #263238; background: #f5f5f5 }
.blockquote-box { padding: 1.5rem 1.5rem .75rem }
.blockquote-box blockquote { position: relative; margin: 0 0 .75rem; padding: 0 0 3.5rem; font-size: 137.5%; line-height: 1.36 }
.blockquote-box blockquote:before { content: ''; position: absolute; bottom: 1.25rem; left: 50%; width: 314px; height: 1px; margin: 0 0 0 -157px; background: #007437 }
.blockquote-box blockquote:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 2.5rem; height: 2.5rem; margin: -1.25rem 0 0 -1.25rem; border-radius: 100%; background: #007437 url('/u/icon/fff/quotes-down.svg') no-repeat 50% 50% / 60% 60% }
.blockquote-box h3 { margin: 0 auto .75rem; font-weight: 700; font-size: 112.5%; line-height: 1.6; font-family: inherit }
.blockquote-box h3 small { display: block; font-weight: 400; font-size: 88.88%; color: #546E7A }
.blockquote-box-sm { text-align: left }
.blockquote-box-sm blockquote { margin: 0 0 1em; font-size: 100%; line-height: 1.6 }
.blockquote-box-sm h3 { position: relative; min-height: 2.5rem; padding: 0 0 0 3.25rem; font-weight: 700; font-size: 100%; line-height: 1.25; font-family: inherit }
.blockquote-box-sm h3:before { content: ''; position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: #007437 url('/u/icon/fff/quotes-down.svg') no-repeat 50% 50% / 60% 60% }
.blockquote-box-sm h3 small { display: block; font-weight: 400; font-size: 87.5%; color: #546E7A }

.equip-map { margin: 0 0 1.5rem; padding: 1.5rem 1.5rem 1.25rem; color: #000; background: #f5f5f5; }


.survey { position: relative; clear: both; width: 100%; margin: 0 0 1.5rem; padding: 10px; line-height: 1.25; background: #f5f5f5; box-sizing: border-box; font-feature-settings: "lnum" }
#wrapper .survey { padding: 1rem 1rem .5rem }
.survey-sec, #wrapper .survey-sec, .survey-sec .survey, #wrapper .survey-sec .survey { padding: 0; background: none }
/* q - Question */
.survey-q, .survey-q.survey-q.survey-q { margin: 0 0 1rem; font-weight: 700; font-size: 137.5%; line-height: 1.2 }
#wrapper .survey-q { font-size: 125% }
.survey-sm .survey-q.survey-q, #wrapper .survey-sm .survey-q { margin: 0 0 .5rem; font-size: 112.5% }
/* s - Statistic */
.survey-s { margin: 0 0 1rem; font-size: 112.5%; line-height: 1.6 }
.survey-q + .survey-s { margin-top: -.75rem }
.survey-s b { font-weight: 800 }
.survey-sm .survey-s { margin: 0 0 .5rem; font-size: 87.5% }
.survey-sm .survey-s + .survey-s { margin-top: -.25rem }
/* w - Warning */
.survey-w { margin: 0 0 1rem; padding: .5rem 0 0; border-top: 1px solid #f5f5f5; font-size: 81.25%; line-height: 1.4 }
.survey-w b { display: block; padding: 0 0 0 1.2em; font-weight: 700; font-size: 107.7%; line-height: 1.6; text-transform: uppercase; background: url('/u/icon/000/info.svg') no-repeat 0 50% / .86em .86em }
/* inputy + i - nahrada za Inputu */
.survey input[type="submit"] { display: block; width: 100%; margin: 0 0 1em; padding: .75em; border: 0; font-weight: 700; font-size: 100%; line-height: 1.5; text-align: center; color: #fff; background: #007437; box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-appearance: none }
.survey input[type="submit"]:hover { background-color: #007437 }
.survey input[disabled], .survey input[disabled]:hover { background-color: #999; box-shadow: none; cursor: default }
.survey .inactive.inactive.inactive { background-color: var(--tgl-neutral20); box-shadow: none; cursor: default }
.survey .item { flex: 0 0 100%; position: relative; display: flex }
.survey-sm .survey .item { font-size: 87.5% }
.survey-c input { position: absolute; left: -9999em }
.survey-c input[type="radio"] + .survey-l .survey-i { background-image: url('/u/icon/bbc/form-radio-unselected.svg') }
.survey-c input[type="radio"]:checked + .survey-l .survey-i { background-image: url('/u/icon/000/form-radio.svg') }
.survey-c input[type="checkbox"] + .survey-l .survey-i { background-image: url('/u/icon/bbc/form-checkbox-unselected.svg') }
.survey-c input[type="checkbox"]:checked + .survey-l .survey-i { background-image: url('/u/icon/000/form-checkbox.svg') }
.survey-c input[disabled] + .survey-l .survey-i { display: none }
.survey-c input[type="checkbox"][disabled] + .survey-l .survey-i { display: block }
.survey-i { flex: 0 0 1.25em; display: block; width: 1.25em; height: 1.25em; background: no-repeat 50% 50% / contain; cursor: pointer }
/* c - Column */
.survey-c { display: flex; flex-wrap: wrap; gap: .25rem; margin: 0 0 1rem; padding: 0 }
/* l - Label */
.survey-l { flex: 0 0 100%; display: flex; align-content: start; padding: 1em; border: 1px solid transparent; box-sizing: border-box }
.survey-l:hover { background-color: var(--tgl-white) }
.survey-sm .survey-l { padding: .5rem }
input[disabled] + .survey-l:hover { background-color: transparent }
.survey-c input:checked + .survey-l { }
.survey-c1 .survey-l { gap: .75rem }
.survey-c2 .survey-l, .survey-c2 .item { flex-basis: calc(50% - 0.125rem); flex-wrap: wrap; gap: .5em .75em }
.survey-c2 .item .survey-l { flex-basis: 100% }
/* tnz - Text, Number, Zizalka */
.survey-tnz { flex: 1 }
.survey-t { margin: 0 0 .25em }
.survey-n { clear: both; margin: 0 0 .125em }
.survey-n b { margin-right: .5em; font-weight: 800 }
.survey-z { clear: both; height: 1em; font-size: 37.5%; background: #ddd }
.survey-z u { float: left; height: 100%; background: #007437 }
#wrapper .survey-t, #wrapper .survey-n { font-size: 87.5% }
#wrapper .survey-z { font-size: 25% }
/* p - Picture */
.survey-c1 .survey-p { order: 1; flex: 0 0 20% }
.survey-c2 .survey-p { order: -1; flex: 0 0 100%; width: 100%; box-sizing: border-box }
.survey-c2 input:not([disabled]) + .survey-l .survey-p,
.survey-c2 input[type="checkbox"][disabled] + .survey-l .survey-p { padding-left: 2em }
.survey-p span { position: relative; display: block; width: 100%; height: 0; padding: 75% 0 0; background: no-repeat 50% 50% / cover }
.survey-16ku9 span { padding: 56.25% 0 0 }
.survey-4ku3 span { padding: 75% 0 0 }
.survey-1ku1 span { padding: 100% 0 0 }
.survey-icogal span:before { content: ''; position: absolute; left: .25em; bottom: .25em; width: 1em; height: 1em; background: url('/u/icon/eef/zoom-in.svg') no-repeat 50% 50% / contain; box-shadow: 0 0 .25rem rgba(0,0,0,.5); }
.survey-icoart span:before { content: ''; position: absolute; top: 0; right: 0; width: 1.25em; height: 100%; background: #CFDCF1 url('/u/icon/137/info-i.svg') no-repeat 50% calc(50% + 1.2em) / .625em .625em }
.survey-icoart span:after { content: 'info'; position: absolute; top: 50%; right: 0; width: 3em; margin: -.9em -.7em 0 0; font-size: 75%; line-height: 1.6; transform: rotate(90deg); text-align: center; color: #007437 }


.art-tags, .art-community { display: none }


.review h3 { margin: 0 0 .75rem; font-size: 137.5%; line-height: 1.182; white-space: normal }
.review.review p { margin: 0 0 .25rem }
.review-star { display: block; width: 5em; height: 1em; background: url('/u/icon/bbc/star2.svg') repeat-x 0 50% / 1em 1em }
.review-star u { display: block; height: 100%; background: url('/u/icon/eb3/star.svg') repeat-x 0 50% / 1em 1em }
.review-rating { display: flex; flex-wrap: wrap; gap: 0 .5rem; align-items: center; min-height: 2.5rem; margin: 0 0 .5rem; padding: 0 0 0 3.25rem; font-weight: 800; font-size: 1.625rem; line-height: 1.154; background: no-repeat 0 50% / 2.5rem 2.5rem }
.review-rating:before { content: 'HODNOCEN\cd '; flex: 0 0 100%; display: block; font-weight: 400; font-size: .625rem; line-height: 1.2 }
.review-rating-default { min-height: 0; padding: 0; background: none }
.review-rating-theater { background-image: url('/u/icon/233/review-theatre.svg') }
.review-rating-album { background-image: url('/u/icon/233/review-album.svg') }
.review-rating-movie { background-image: url('/u/icon/233/review-movie.svg') }
.review-rating-book { background-image: url('/u/icon/233/review-book.svg') }
.review-rating-concert { background-image: url('/u/icon/233/review-concert.svg') }
.review-rating-tv { background-image: url('/u/icon/233/review-television.svg') }
.review-rating-exhibition { background-image: url('/u/icon/233/review-exhibition.svg') }
.review-rating-fashion { background-image: url('/u/icon/233/review-fashion.svg') }


/* on-line ve clanku */
.on-line-in-art-wrapper { margin: 0 0 1em }
.on-line-in-art-wrapper table, .on-line-in-art-wrapper td { margin: 0; padding: 0; border-collapse: collapse }
#on-line-top { padding: 5px 7px; font-weight: bold; color: #FFF; background: #939393 }
#on-line-in-art #on-line-top { width: 546px; margin: 0 }
#on-line-in-art { padding: 10px; background: #f5f5f5 }
#on-line-in-art .ico-r { padding-bottom: 10px; background: url("/u/n3/art_dots.gif") repeat-x 0 100%; =zoom:1 }
#on-line-in-art h3 { font-size: 122% }
#on-line-in-art .on-line-data { position: relative; left: -10px; width: 560px; margin: 0 -10px 1em 0; padding: 0 0 0 10px; background: url("/o/zpr/online/online-first.gif") no-repeat 0 8px; font-size: 12px }
.on-line-data .c1, .on-line-data .c2, .on-line-data .c3 { float: left; clear: both; width: 100% }
.on-line-data .c1 { background: #FFF }
.on-line-data .c2 { background: #EFEFEF }
.on-line-data .c3 { color: #FFF; background: #939393 }
.on-line-data .time { float: left; width: 52px; margin-right: -1px; padding: 6px 0; border-right: 1px solid #FFF; text-align: center; color: #000; font-size: 117%; font-weight: bold }
.on-line-data .c3 .time { color: #FFF }
.on-line-data .event { float: left; padding: 6px 10px; border-left: 1px solid #FFF; font-size: 117% }
.on-line-data .event img { position: static }
.art .on-line-data .event { width: 368px }
.opener .on-line-data .event { width: 556px }
#on-line-in-art .on-line-data .event { width: 484px }

/* kroky - cislovane boxiky */
.stepping-box { clear: both; position: relative; width: 100%; margin: 0 0 .2em; font-weight: bold; background: #F5F5F5 }
.stepping-box .bg-t, .stepping-box .bg-b { _display: none; position: absolute; top: 0; left: 0; width: 560px; height: 10px; background: url("/o/metro/bg/box-edge.png") -984px 0 no-repeat }
.stepping-box .bg-b { top: auto; bottom: 0; background-position: -1544px 0 }
.stepping-box .fl { padding: .3em 1em; color: #FFF; background: #007437; }
.stepping-box .cell { display: table-cell; padding: .3em 1em }

/* BUBBLE BOX - sdeleni, tip redakci */
body.bubble-frame, .bubble-frame { background: #F5F5F5 }
.bubble-box { position: relative; width: 622px; text-align: left; box-shadow: 0px 1px 6px 1px rgba(0,0,0,.9); border-radius: 5px; background: #f8f8f8 }
.bubble-frame .bubble-box { width: 570px; background: #F5F5F5 }
.bubble-box h2.bubble-tit, .content .bubble-box h2.bubble-tit, .content .bubble-box h1 { min-height: 22px; _height: 22px; margin: 0; padding: 18px 20px 10px 30px; font-weight: normal; font-size: 175% }
.bubble-box .box-in { width: 100%; padding: 0 12px 0 12px; box-sizing: border-box }
.bubble-box .box-bot { height: 20px; overflow: hidden }
.bubble-box iframe { width: 100% }
.bubble-box form, .bb-iframe form { display: block; width: 99%; margin: 10px 0 0; padding: 12px 0 0; border-top: 1px solid #999 }
.bubble-box h2, .content .bubble-box h2, .bb-iframe h2 { margin: 0 0 12px; font-size: 134%; font-weight: bold }
.bubble-box label, .bb-iframe label { display: block; height: 1.4em; text-transform: uppercase; font-size: 92% }
.bubble-box .checkboxes label, .bb-iframe .checkboxes label { display: inline; text-transform: none; font-size: 100% }
.bubble-box .half-l, .bb-iframe .half-l { float: left; width: 49% }
.bubble-box .half-r, .bb-iframe .half-r { float: right; width: 49% }
.bubble-box .inp, .bubble-box .de-area, .bb-iframe .inp, .bb-iframe .de-area { width: 100%; _width: 99%; margin: 0 0 1em; padding: 1px; border: 1px solid #CCC; color: #000; background: #FFF }
.bubble-box .de-area, .bb-iframe .de-area { height: 99px; resize: none }
.bubble-box .cnfimg { position: relative; left: 40px }
.bubble-box .bt-out, .bb-iframe .bt-out { float: right; margin-top: -6px }
.bubble-box .checkboxes { line-height: 20px; font-size: 92% }
.bubble-box .checkboxes input { display: inline; margin: 0 3px 0 0; vertical-align: middle }
.bubble-box .checkboxes p { line-height: 21px }
.bubble-box #d-editor-status, .bubble-box .comment, .bb-iframe #d-editor-status { position: absolute; top: 0; right: 0; z-index: 1; text-align: right; padding-left: .5em; font-size: 92% }
.bubble-box #d-editor-status.forms-textlimit-warning, .bb-iframe #d-editor-status.forms-textlimit-warning { width: 100%; padding: 0; color: #C03; background: #F5F5F5 }
.bubble-box .close { position: absolute; top: 14px; right: 20px; z-index: 1; /*width:6em;*/ }
.bubble-box .social-list-bubble { float: left; width: 100%; margin: 0 0 10px }
.bubble-box .social-list-bubble li { list-style: none; float: left; width: 95px; margin: 10px 20px 0 0; font-size: 92%; text-align: center }
/*.bubble-box .social-list-bubble li:nth-of-type(2), .bubble-box .social-list-bubble li:nth-of-type(3), .bubble-box .social-list-bubble li:nth-of-type(4) {display:none}*/
.bubble-box .social-list-bubble li a { display: block }
.bubble-box .social-list-bubble li img { display: inline-block; margin: 0px 5px 3px; vertical-align: middle }
.bubble-box .error-box { margin: 0 0 1em; padding: 1em; color: #FFF; background: #C03 }
.bubble-box .true-box, .bb-iframe .true-box { font-weight: bold; margin: 1em 0; padding: 1em; color: #FFF; background: #090 }

#sdileni .bubble-box { width: 500px }
#link-div .bubble-box { box-shadow: none; width: 100% }

.logo-facebook, .logo-google, .logo-linkuj, .logo-kindle, .logo-twitter, .logo-smesk, .logo-emailem, .logo-qr, .logo-link, .logo-gplus, .img-share, .img-print, .img-tip { display: block; width: 21px; height: 21px; margin: 0 auto 3px; }
.logo-facebook { background: url('/u/icon/org/social-facebook.svg') }
.logo-twitter { background: url(/u/icon/org/social-twitter.svg) }
.logo-gplus { background: url(/o/metro/google-plus.svg) }
.img-share { background: url(/o/metro/share.svg) }
.img-print { background: url(/o/metro/printer.svg) }
.img-tip { background: url(/o/metro/tip-redakci.svg) }
.logo-emailem { background: url(/o/metro/email.svg) }
.logo-qr { background: url(/o/metro/qr-code.svg) }
.logo-link { background: url(/o/metro/link.svg) }


/* rozdeleny clanek */
.divide-switch { float: right; width: 163px }
.divide-switch .ico-prev, .divide-switch .ico-next { float: left; display: block; width: 80px; height: 42px; text-align: center }
.divide-switch .ico-next { float: right }
.divide-switch .ico-prev span, .divide-switch .ico-next span { width: 100%; height: 100%; margin: 0; background-image: none }
.divide-switch .ico-prev span:before, .divide-switch .ico-next span:before { content: ''; display: block; width: 50px; height: 100%; margin: 0 auto; background: url('/o/expres/ico-galerie.png') no-repeat }
.divide-switch .ico-prev span:before { background-position: 0 -3px }
.divide-switch .ico-next span:before { background-position: -50px -3px }
.divide-switch a.pasive { cursor: default }
.divide-switch a.pasive span, .divide-switch a.pasive:hover span { background: #CCC; cursor: inherit }
.divide-top, .divide-bot { overflow: hidden; width: 560px; margin: 0 0 30px 50px; background: url('/u/n3/art_dots.gif') repeat-x }
.divide-top { padding: 0 0 10px; background-position: 0 100% }
.divide-top > .tal { float: left; line-height: 42px; font-size: 175% }
.divide-bot { padding: 10px 0 0 }
.divide-heading { margin: 0 0 30px; font-size: 225%; font-weight: 800; color: #666 }
.divide-top ~ .text h3.stepping-box { overflow: hidden; line-height: 1.2; margin: 0 0 1em; padding: 0; font-size: 175%; font-weight: 700 }
.divide-nav { margin: 0 20px 20px 50px; text-align: center }
.divide-nav li { display: inline-block; margin: 0 .2em .2em }
.divide-nav a { overflow: hidden; display: block; width: 1em; height: 1em; line-height: 1em; border-radius: 100%; text-indent: -99em; color: #FFF; background: #CCC; text-align: center; text-decoration: none }
.divide-nav a:hover, .divide-nav a.act { color: #FFF; background: #007B00 }
/* servis pack 1 */
.divide-number { float: right; margin: 0 0 0 1em; padding: .5em 0; text-align: right; font-size: 134% }
h1.divide { color: #CCC }
.space-a h1.divide { margin: 0 }
.divide-shunt { clear: both; overflow: hidden; margin: 0 20px 1em 50px; text-align: center }
.divide-shunt .ico-prev, .divide-shunt .ico-next { display: inline-block; width: 10em; height: 2.8em; line-height: 2.8em; text-transform: uppercase; font-size: medium }
.divide-shunt .ico-prev span, .divide-shunt .ico-next span { width: 100%; height: 100%; margin: 0; border-radius: .2em; font-size: medium; color: #FFF; background: #007F3E; text-decoration: none }
.divide-shunt a:hover span { background: #333; text-decoration: none }
.divide-shunt .ico-prev span:before, .divide-shunt .ico-next span:after { content: ''; display: inline-block; vertical-align: middle; width: .6em; height: .6em; margin: -.2em .2em 0; border: 1px solid #FFF; transform: rotate(45deg) }
.divide-shunt .ico-prev span:before { border-width: 0 0 .2em .2em }
.divide-shunt .ico-next span:after { border-width: .2em .2em 0 0 }
.divide-shunt .ico-prev span:after, .divide-shunt .ico-next span:before { }
.divide-shunt .ico-prev span:after { content: 'p\159 edchoz\ed ' }
.divide-shunt .ico-next span:before { content: 'dal\161 \ed ' }
.divide-shunt a.pasive { cursor: default; text-decoration: none }
.divide-shunt a.pasive span, .divide-shunt a.pasive:hover span { background: #CCC; cursor: inherit }

.bb-iframe { background: #F5F5F5; padding: 0 0 300px /* nahrazuje sede body */ }
.n3-iframe { padding: 10px 10px 300px }
.n3-iframe .close { right: 10px }
#mailem-div.h, #kindle-div.h, #qr-div.h { display: block; position: absolute; left: -10000px }

/* OLD z n3 */
.overimg-1, .overimg-2, .overimg-3, .overimg-5 { width: 460px; overflow: hidden; margin: 0 0 1em; line-height: 1 }
.overimg-1 p, .overimg-2 p, .overimg-3 p, .overimg-5 p { clear: both; line-height: 17px; margin: 0; padding: 0 4px; border-top: 1px solid #FFF; font-size: 11px; color: #000; background: #F2F2F2 }
.complete .overimg-1, .complete .overimg-2, .complete .overimg-3, .complete .overimg-5 { width: 450px; padding: 0 }
.complete-half-r .overimg-1, .complete-half-r .overimg-2, .complete-half-r .overimg-3, .complete-half-r .overimg-5,
.complete-half-l .overimg-1, .complete-half-l .overimg-2, .complete-half-l .overimg-3, .complete-half-l .overimg-5 { width: 172px !important }
.overimg-1 span, .overimg-2 span, .overimg-3 span, .overimg-5 span { display: block; width: 500px }
.overimg-1 img, .overimg-2 img, .overimg-3 img, .overimg-5 img { float: left; margin: 0 }
.complete-half-r .overimg-1 span, .complete-half-l .overimg-1 span, .complete-half-r .overimg-2 span, .complete-half-l .overimg-2 span { width: 200px }
.overimg-2 .half-l { float: left; width: 215px }
.overimg-2 .half-r { float: right; width: 215px }
.overimg-2 .half-l img, .overimg-2 .half-r img { margin-right: 0 }
.overimg-2 img { width: 215px; height: 161px; margin-right: 30px }
.overimg-3 img { width: 135px; height: 101px; margin-right: 28px }
.overimg-5 img { margin-right: 15px }
.complete .overimg-2 img { margin-right: 20px }
.complete .overimg-3 img { margin-right: 22px }
.complete .overimg-5 img { margin-right: 12px }
.complete .overimg-2 div img, .complete .overimg-3 div img, .complete .overimg-5 div img { margin: 0 }
.complete-half-r .overimg-2 img, .complete-half-l .overimg-2 img { margin-right: 12px }
div.vertimg-fl { float: left; padding: 5px 10px 0 0 }
div.vertimg-fr { float: right; padding: 5px 0 0 10px }
div.vertimg-fl img, div.vertimg-fr img { float: none; display: block; margin: 0 0 10px }

.art-archiv { margin: 0 0 22px; padding: 0 10px }
.art-archiv .warning h2 { height: auto; line-height: 1.25em }
.art-archiv .inputs { float: left; margin-bottom: 12px }
.art-archiv .inputs input, .art-archiv .inputs select { width: 11em; border: 1px solid #CCC; background: #EEE; margin-right: 12px }
.art-archiv .bt { margin-top: 1.1em; width: 7em }
.art-archiv label { display: block; font-size: 92% }
.art-archiv label.calendar-wrapper { display: inline }

.art-author { margin: 0 0 1em; padding-bottom: 1em }
.art-author img { float: left; margin-right: 14px }
.art-author h1 { font-size: 200% }
.art-author h3 { margin: 0 0 1em }
.art-author p { font-size: 117% }

/* vkladane stranky - tip redakci, vzkaz autorovi atd. */
.list-with-form { margin: 10px; position: relative; line-height: 1.25; text-align: left }
.list-with-form h2 { color: #666; margin: 0 0 0.6em; padding: 0; line-height: 26px; font-size: 150%; font-weight: bold; font-family: Tahoma,Arial,sans-serif; text-transform: uppercase }
.list-with-form p { margin: 0 0 1em }
.list-with-form label { display: block; font-size: 92%; text-transform: uppercase }
.list-with-form .relative { position: relative; width: 100%; min-height: 1.33em; _height: 1.33em }
.list-with-form ol li { margin: 0 0 0.5em 2.5em }
.list-with-form #d-editor-status, .list-with-form .comment { position: absolute; top: 0; right: 0; z-index: 1; text-align: right; padding-left: 0.5em; font-size: 92% }
.list-with-form #d-editor-status.forms-textlimit-warning { width: 100%; color: #C00; background: #FFF }
.list-with-form .inputs input, .list-with-form .inputs .de-area { border: 1px solid #CCC; color: #000; background: #EEE; width: 100%; margin: 0 0 1em }
.list-with-form .inputs .half-l { float: left; width: 49%; _width: 48% }
.list-with-form .inputs .half-r { float: right; width: 49%; _width: 48% }
.list-with-form .inputs .de-area { height: 100px; overflow: auto; padding: 0 }
.list-with-form .inputs .checkboxes { margin: 0 0 1em }
.list-with-form .inputs .checkboxes p { margin: 0; line-height: 150% }
.list-with-form .inputs .checkboxes input { width: auto; margin: 0 3px 0 0; background: none; border: 0; vertical-align: middle }
.list-with-form .inputs .checkboxes label { display: inline; text-transform: none }
.list-with-form .full .captcha { width: 100%; text-align: center }
.list-with-form .full .captcha .half-l { width: 49%; float: left; text-align: left }
.list-with-form .captcha input { width: 100% }
.list-with-form form.bonz p { font-size: 125%; font-weight: bold }
/* formular na vzkaz novinari */
.inside-div { margin: 0 0 24px; border: 3px solid #CCC; line-height: 1.25; text-align: left }

.content .warning, .warning { margin: 0 0 1em; padding: 4px 10px 8px; border: 0; background: #EEE; =zoom:1 }
.content .warning h2, .content .warning h3 { color: #000; font-family: Tahoma,Arial,sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; margin: 0pt 0pt 6px; padding: 0pt; text-transform: uppercase }
.warning h2 span, .warning h3 span { float: left; width: 21px; height: 21px; line-height: 16px; margin: 3px 8px 0 0; _margin: 3px 5px 0 0; border-radius: 3px; color: #B9151C; background-color: #B9151C; background-image: url("/u/ico/default-ico.png"); font-size: 0 }
.warning ul { clear: both; padding-left: 1.5em; margin: 0; color: #B9151C }
.content .warning p { margin: 0 }
.warning p a { height: auto; line-height: 1.25 }
.close { display: block; position: absolute; top: 0; right: 0; z-index: 1; width: 6em; text-align: right; font-weight: bold }
.list-with-form .close { display: none }
.inside-page-document .list-with-form .close { display: block }
.inside-page { margin: 10px 0; border: 3px solid #CCC }
.inside-page iframe { display: block; width: 100%; margin: 0; padding: 0 }

.uni-form label { display: block; font-size: 92%; text-transform: uppercase }
.uni-form .half-l { float: left; width: 46% }
.uni-form .inputs input, .uni-form .inputs .de-area { border: 1px solid #CCC; color: #000; background: #EEE; width: 100%; margin: 0 0 1em }

#zooming, .js-kam-dal { display: none }
/* OLD z n3 end */

/*end clanek*/

/*vote*/
.vote { padding-bottom: 1px; position: relative }
.vote .vote { width: 100%; margin-bottom: 12px; padding-bottom: 0 }
.vote .vote a, .vote .vote .vcl { display: block; padding-right: 4em }
.vote .vote .rate { position: absolute; top: 0; right: 0 }
.vote .vote .eb { height: 10px; font-size: 2px; line-height: 10px; margin: 2px 0 0; padding: 0; border: 0; background: #BDBDBD url("/o/metro/bg/poll-gray.gif") repeat-x }
.vote .vote .vb { height: 10px; font-size: 2px }
.vote .c1 { color: #000 }
.vote .c1 .vb, .vote .vb, .vote .c3 .vb { background: #01803C url("/o/metro/bg/poll-green.gif") repeat-x }
.vote .c2 { color: #000 }
.vote .c2 .vb, .vote .c4 .vb { background: #D1BD1A url("/o/metro/bg/poll-yellow.gif") repeat-x }

#anketa-in-art h2 a { color: #000; font-weight: bold; text-decoration: none }
#anketa-in-art h2 a:hover { text-decoration: none; cursor: default }

/*kalendar*/
.calendar-wrapper { position: relative; display: inline; font-size: 100%; margin: 0; font-family: Tahoma }
.calendar-box { width: 15em; overflow: hidden; position: absolute; font-size: 100%; border: 1px solid #CBCBCB; float: left; left: 50%; top: 100%; margin-left: 0; left: 0; _top: 1.7em; background: #FFF; display: none }
.calendar-box ul, .calendar-box li { width: auto; list-style: none; padding: 0; margin: 0 }
.calendar-days { clear: both }
.calendar-days table { width: 100%; border-collapse: collapse; table-layout: fixed; background: #EDEDED }
.calendar-days td { text-align: center; vertical-align: middle; padding: 0 }
.calendar-days th { text-align: center; font-size: 90%; line-height: 1.8em }
.calendar-days .calendar-weeks { border-bottom: 1px solid #CBCBCB }
.calendar-days .calendar-bookmark { table-layout: auto }
.calendar-days a { padding: 0.25em 0; background: #FFF; color: #2B65B0; display: block; width: 100%; height: 100%; text-decoration: none }
.calendar-days a:link:hover, .calendar-days a:visited:hover { background: #7292B5; color: #FFF }
.calendar-days .calendar-overflow a { background: #EDEDED }
.calendar-days .calendar-disabled a { color: #8C8C8C; cursor: default }
.calendar-months, .calendar-years { line-height: 18px; clear: both; width: 100%; overflow: hidden }
.calendar-prev { float: left }
.calendar-next { float: right }
.calendar-prev a, .calendar-next a { display: block; width: 17px; height: 17px; margin: 1px }
.calendar-prev a img, .calendar-next a img { border: 0; background: #555 }
.calendar-prev a:hover, .calendar-next a:hover { filter: none }
.calendar-prev a:hover img, .calendar-next a:hover img { background: #B9151C }
.calendar-prev { float: left }
.calendar-next { float: right }
.calendar-months li, .calendar-years li { text-align: center }
.calendar-years { background: #A4A4A4; color: #FFF; font-weight: bold }
.calendar-years .calendar-prev a img, .calendar-years .calendar-next a img { background: #A4A4A4 }
.calendar-years .calendar-prev a:hover img, .calendar-years .calendar-next a:hover img { background: #B9151C }
.calendar-invalid input { color: #B9151C }
.calendar-selected a { background: #B9151C !important; color: #FFF !important }
.calendar-dayoff { font-weight: bold }

/* n4 navigace // musi byt za predpisy pro ico */
#content table.nav-n4 { /*float:right;*/ /*width: auto; margin: -10px 0 0px auto*/ }
table.nav-n4 td { vertical-align: middle; white-space: nowrap; font-size: 16px }
table.nav-n4 .tal { text-align: left }
table.nav-n4 .tar { text-align: right }
table.nav-n4 .tac { padding: 0 10px; line-height: 26px }
.nav-n4 a:hover span { /*color:#FFF;*/ }
.nav-n4 a.ico-left, .nav-n4 a.ico-right { display: block; text-decoration: none }
.nav-n4 a.ico-right { float: left }
.nav-n4 a.ico-left:hover, .nav-n4 a.ico-right:hover { text-decoration: underline }
.nav-n4 .ico-left span, .nav-n4 .ico-right span { width: auto; height: 26px; margin: 0; font-size: 75%; border: none; background: none; text-transform: uppercase; white-space: nowrap; zoom: 1 }
.nav-n4 .ico-left:hover span, .nav-n4 .ico-right:hover span { background: none }
.nav-n4 .ico-left span { float: left; padding-right: .8em }
.nav-n4 .ico-right span {=width:4em; =overflow:hidden; float: right; padding-left: .8em }
.nav-n4 .ico-left i, .nav-n4 .ico-right i { width: 21px; height: 21px; /*border-radius:50%; border:solid 1px #016C2F;*/ /*background:url('/u/ico/default-ico.png') 100% -25px no-repeat;*/ }
.nav-n4 .ico-left i { float: left; margin: 2px 3px 0 0 }
.nav-n4 .ico-right i { float: right; margin: 2px 0 0 3px }
.nav-n4 .ico-left:hover i { /*background-color:#555; border-color:#555;*/ }
.nav-n4 .ico-right:hover i { /*background-color:#555; border-color:#555;*/ }
.nav-n4 .tac a span, .nav-n4 .tac b span { float: none; display: inline-block; width: auto; height: 26px; margin: 0; padding: 0 .5em; font-size: 14px; text-align: center }
.nav-n4 .tac b span { background-color: #EEE; text-decoration: none }
.nav-n4 .tac span { background-image: none; background-color: transparent; /*text-decoration:underline;*/ }
.nav-n4 .tac a:hover span { text-decoration: none }

.nacitacidiv {margin-bottom:1rem}
.nacitacidiv .nav-n4 { margin: 1rem auto 0 }


/*doplnek*/
/*.nav-n4.ico-r .ico-right {float:right}*/

/* poutani selfik-box */
#selfik-box { clear: both; width: 100%; min-height: 193px; _height: 193px; margin-bottom: 22px }
#selfik-box .selfik-box-nav { position: relative; width: 100%; background: #01682E url("/o/metro/bg/box-header-bg.gif") repeat }
#selfik-box .selfik-box-nav .bg { background: url("/o/metro/bg/box-header-grad.gif") repeat-x }
#selfik-box-nav { width: 100%; list-style: none }
#selfik-box-nav li { float: left; padding: 2px 0 0 2px; list-style: none; background: url("/o/metro/bg/menu-separator.png") repeat-y }
#selfik-box-nav li:first-child, #selfik-box-nav #jobdnes { padding: 2px 0 0; background: none }
#selfik-box-nav a { position: relative; display: inline-block; width: auto; height: 44px; line-height: 44px; padding: 0 20px; font-family: GeoSlb712MdBT-Bold, Arial, sans-serif; font-size: 142%; text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #024C20 }
#selfik-box-nav a span { background-color: #01682E }
#selfik-box-nav a:hover, #selfik-box-nav a:hover span { background: #01521F }
.selfik-box-nav .bg-top { position: absolute; top: 0; left: 0; display: block; _display: none; width: 100%; height: 5px; background: url("/o/metro/bg/box-edge.png") no-repeat -2104px 0 }
#selfik-box.prep-1 #selfik-box-a1 span,
#selfik-box.prep-2 #selfik-box-a2 span,
#selfik-box.prep-3 #selfik-box-a3 span,
#selfik-box.prep-4 #selfik-box-a4 span,
#selfik-box.prep-5 #selfik-box-a5 span { position: absolute; z-index: 1; bottom: -10px; _bottom: -16px; left: 50%; display: block; width: 20px; height: 10px; margin: 0 0 0 -10px; background-image: url("/o/metro/bg/box-nib-inverse.png"); _background: url("/o/metro/bg/box-nib.gif") no-repeat }
#selfik-box .arts-1, #selfik-box .arts-2, #selfik-box .arts-3, #selfik-box .arts-4, #selfik-box .arts-5 { padding: 20px 10px 10px; background: #EEE url("/o/metro/bg/box-edge.png") no-repeat -2744px 100% }
#selfik-box .self-in { position: relative; min-height: 123px; _height: 123px; margin: 0 0 4px 182px; padding: 0 0 6px; border-bottom: 1px solid #CCC; line-height: 1.25 }
#selfik-box .self-in h3 { margin: 0 0 10px; font-size: 175%; font-weight: bold }
#selfik-box .self-in p { font-size: 117% }
#selfik-box .self-in .imgabs img { position: absolute; top: 0; left: -182px; z-index: 1; width: 172px; height: 129px; background-position: 50% 50%; background-repeat: no-repeat }
#selfik-box .self-in .logo-sme { float: right; margin: 0 0 0 10px }
#selfik-box .self-in .price { color: #3463B1; font-weight: bold }
#selfik-box .propety { float: left; margin: 0; padding: 2px 0 0; list-style: none; overflow: hidden }
#selfik-box .propety li { float: left; list-style: none; margin: 0 8px 0 -8px; padding: 1px 8px; border-left: 1px solid #CCC }
#selfik-box .propety a { text-decoration: none }
#selfik-box .more { float: right; font-size: 117%; font-weight: bold }
#selfik-box .more a { color: #C00 }
#selfik-box .more a:hover { color: #000 }
/* TOPKontakt */
#selfik-box-prep-3 sup { font-size: 100%; vertical-align: baseline }
/* clanek */
#selfik-box-prep-3 .tk-1 .imgabs { display: block; padding: 13px 0 0; background: url('/o/poutani/topkontakt/selfbox-tk-art2.gif') no-repeat }
#selfik-box-prep-3 .tk-1 .imgabs .over-sp5 { position: absolute; top: 0; left: -182px; z-index: 1; width: 172px; height: 129px; overflow: hidden }
#selfik-box-prep-3 .tk-1 .imgabs img { position: static; width: 172px; height: auto }
/* sleva */
#selfik-box-prep-3 .tk-2 .sale { font-size: 12px; font-weight: bold }
#selfik-box-prep-3 .tk-2 .percent { font-size: 22px; color: #C00; margin: 0 1em 0 .3em }
#selfik-box-prep-3 .tk-2 p a { text-decoration: none }
#selfik-box-prep-3 .tk-2 p a:hover { text-decoration: underline }
/* firma */
#selfik-box-prep-3 .tk-3 .imgabs { display: block }
#selfik-box-prep-3 .tk-3 .imgabs .over-sp5 { position: absolute; top: 0; left: -182px; z-index: 1; width: 172px; height: 129px; overflow: hidden }
#selfik-box-prep-3 .tk-3 .imgabs img { position: static; width: 172px; height: auto }
#selfik-box-prep-3 .tk-3 .self-in h3 { font-size: 150%; margin: 0 0 3px }
#selfik-box-prep-3 .tk-3 .next-info { margin: .5em 0 0 }
#selfik-box-prep-3 .tk-3 .next-info b { font-size: 12px }
#selfik-box .logo-sme { display: none }

/* jobDnes v2 */
#selfik-box-prep-1 .self-job { line-height: 1.5 }
#selfik-box-prep-1 .self-job .w2-a { float: left; width: 372px }
#selfik-box-prep-1 .self-job .w2-b { float: right; width: 236px; padding: 0 0 0 10px }
#selfik-box-prep-1 .self-job .top { background: url("/o/jobdnes_v3/selfpromo/1x1.gif") repeat-y 371px 0 }
#selfik-box-prep-1 .self-job .top .w2-a { position: relative; width: 180px; min-height: 129px; _height: 129px; padding: 0 10px 0 182px }
#selfik-box-prep-1 .self-job h3, #selfik-box-prep-1 .self-job h4 { font-size: 117%; font-weight: bold; text-transform: uppercase }
#selfik-box-prep-1 .self-job h3 { margin: 0 0 1em }
#selfik-box-prep-1 .self-job h3 img { position: absolute; top: 0; left: 0; z-index: 1; width: 172px; height: 129px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover }
#selfik-box-prep-1 .self-job p span { font-weight: bold; /*text-decoration:underline;*/ color: #C00 }
#selfik-box-prep-1 .bot { line-height: 21px; padding: 5px 0 0; font-size: 117%; font-weight: bold; border-top: 1px solid #D2D2D2 }
#selfik-box-prep-1 .bot img { vertical-align: middle }
#selfik-box-prep-1 .bot a { color: #C00 }
#selfik-box-prep-1 .bot a.fr { padding-right: 10px; border-right: 1px solid #D2D2D2 }

/* dovolena v2 */
#selfik-box-prep-2 .self-holiday { line-height: 1.5 }
#selfik-box-prep-2 .self-holiday .w2-a { float: left; width: 388px }
#selfik-box-prep-2 .self-holiday .w2-b { float: right; width: 220px; padding: 0 0 0 10px }
#selfik-box-prep-2 .self-holiday .top { background: url("/o/jobdnes_v3/selfpromo/1x1.gif") repeat-y 387px 0 }
#selfik-box-prep-2 .self-holiday .top .w2-a { position: relative; width: 180px; min-height: 129px; _height: 129px; padding: 0 10px 0 182px }
#selfik-box-prep-2 .self-holiday h3 { font-size: 150%; font-weight: bold }
#selfik-box-prep-2 .self-holiday h3 img { position: absolute; top: 0; left: 0; z-index: 1; width: 172px; height: 129px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover }
#selfik-box-prep-2 .self-holiday .w2-a p { line-height: 1.5; margin: 0 0 1em }
#selfik-box-prep-2 .self-holiday .price { font-size: 117% }
#selfik-box-prep-2 .self-holiday p span { font-weight: bold; /*text-decoration:underline;*/ color: #286BCC }
#selfik-box-prep-2 .self-holiday .w2-b { text-align: right }
#selfik-box-prep-2 .self-holiday h4 { margin: 0 0 5px; font-weight: bold }
#selfik-box-prep-2 .self-holiday h4 img { float: right; margin: 0 0 0 10px }
#selfik-box-prep-2 .bot { line-height: 21px; padding: 5px 0 0; /*font-size:117%; */ font-weight: bold; border-top: 1px solid #D2D2D2 }
#selfik-box-prep-2 .bot img { vertical-align: middle }
#selfik-box-prep-2 .bot a { color: #C00 }

/* dreality v2 */
#selfik-box-prep-4 .self-reality { line-height: 1.5 }
#selfik-box-prep-4 .self-reality .w2-a { float: left; width: 458px }
#selfik-box-prep-4 .self-reality .w2-b { float: right; width: 150px; padding: 0 0 0 10px }
#selfik-box-prep-4 .self-reality .top { width: 100%; background: url("/o/jobdnes_v3/selfpromo/1x1.gif") repeat-y 457px 0 }
#selfik-box-prep-4 .self-reality .top .w2-a { position: relative; width: 252px; min-height: 129px; _height: 129px; padding: 0 10px 0 182px }
#selfik-box-prep-4 .self-reality h3 { margin: 0 0 .5em; font-size: 150%; font-weight: bold }
#selfik-box-prep-4 .self-reality h3 img { position: absolute; top: 0; left: 0; z-index: 1; width: 172px; height: 129px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover }
#selfik-box-prep-4 .self-reality .w2-a p { line-height: 1.5; margin: 0 0 .5em }
#selfik-box-prep-4 .self-reality .price { font-size: 117% }
#selfik-box-prep-4 .self-reality p span { font-weight: bold; /*text-decoration:underline;*/ color: #286BCC }
#selfik-box-prep-4 .self-reality ul { list-style: none; font-size: 134%; font-weight: bold }
#selfik-box-prep-4 .self-reality li { margin: 0 0 5px }
#selfik-box-prep-4 .bot { position: relative; width: 618px; line-height: 21px; padding: 5px 10px 1px; margin: 0 0 -6px -10px; font-size: 117%; font-weight: bold; background: #F4F4F4; border-radius: 0 0 5px 5px }
#selfik-box-prep-4 .bot img { vertical-align: middle }
#selfik-box-prep-4 .bot a { color: #C00 }
#selfik-box-prep-4 .bot .w2-b { padding: 7px 0 0 }

/* dovolena v2 */
#selfik-box-prep-5 .self-holiday { line-height: 1.5 }
#selfik-box-prep-5 .self-holiday .w2-a { float: left; width: 388px }
#selfik-box-prep-5 .self-holiday .w2-b { float: right; width: 220px; padding: 0 0 0 10px }
#selfik-box-prep-5 .self-holiday .top { background: url("/o/jobdnes_v3/selfpromo/1x1.gif") repeat-y 387px 0 }
#selfik-box-prep-5 .self-holiday .top .w2-a { position: relative; width: 180px; min-height: 129px; _height: 129px; padding: 0 10px 0 182px }
#selfik-box-prep-5 .self-holiday h3 { font-size: 150%; font-weight: bold }
#selfik-box-prep-5 .self-holiday h3 img { position: absolute; top: 0; left: 0; z-index: 1; width: 172px; height: 129px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover }
#selfik-box-prep-5 .self-holiday .w2-a p { line-height: 1.5; margin: 0 0 1em }
#selfik-box-prep-5 .self-holiday .price { font-size: 117% }
#selfik-box-prep-5 .self-holiday p span { font-weight: bold; /*text-decoration:underline;*/ color: #286BCC }
#selfik-box-prep-5 .self-holiday .w2-b { text-align: right }
#selfik-box-prep-5 .self-holiday h4 { margin: 0 0 5px; font-weight: bold }
#selfik-box-prep-5 .self-holiday h4 img { float: right; margin: 0 0 0 10px }
#selfik-box-prep-5 .bot { line-height: 21px; padding: 5px 0 0; /*font-size:117%; */ font-weight: bold; border-top: 1px solid #D2D2D2 }
#selfik-box-prep-5 .bot img { vertical-align: middle }
#selfik-box-prep-5 .bot a { color: #C00 }

/* dovolena v3 */
#selfik-box-prep-5 .self-holiday .top2 { min-height: 120px }
#selfik-box-prep-5 .self-holiday .top2 .fl, #selfik-box-prep-5 .self-holiday .top2 .fr { position: relative; width: 146px; min-height: 70px; _height: 70px; padding: 0 10px 39px 145px }
#selfik-box-prep-5 .self-holiday .top2 h3 { margin: 0 0 5px; font-size: 117% }
#selfik-box-prep-5 .self-holiday .top2 h3 img { width: 135px; height: 101px }
#selfik-box-prep-5 .self-holiday .top2 p { font-size: 100% }
#selfik-box-prep-5 .self-holiday .top2 .price { position: absolute; z-index: 1; right: 0; bottom: 0; display: block; width: 100px; line-height: 1.33; font-size: 92%; text-align: right }
#selfik-box-prep-5 .self-holiday .top2 .price span { font-size: 127% }


/*diskuse art*/
#diskuse-art .box-in { padding: 15px 0 10px }
#diskuse-art h3 { padding: 0 20px 12px; margin: 0 0 12px; font-size: 134%; font-weight: bold; /*background:url("/o/metro/bg/b-box-line.gif") repeat-x left bottom*/ }
#diskuse-art .subj, #diskuse-art .perex { padding: 0 20px; padding: 0 20px 5px 0 }
#diskuse-art .subj { font-weight: bold }
#diskuse-art .perex { margin: 0 0 12px }
#diskuse-art form { border-top: solid 1px #007437; /*background:url("/o/metro/bg/b-box-line.gif") repeat-x*/ }
#diskuse-art .info { float: left; margin: 15px 0 0; color: #979797 }
#diskuse-art .info span { font-weight: bold }
#diskuse-art .bttn { float: right }
#diskuse-art p.disc-void { padding: 0 20px; margin: 0 0 10px; font-size: 117% }
#diskuse-art p.disc-void span { /*position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:url("/u/n4/disc-void.gif") 50% 50% no-repeat;*/ }

/*http-404*/
#http-404 h2 { margin: 0 0 20px }
#http-404 p { margin: 0 0 1em; font-size: 117% }
#http-404 .url { font-size: 134% }
#http-404 .type { padding: 80px 0 0 }

/*kolotoc*/
/* nový kolotoč, nahrazuje #eyes i .baby-eyes */
.kolotoc { overflow: hidden; position: relative }
.kolotoc ul { clear: both; width: 1000%; min-height: 1em; margin-top: 13px; list-style: none; overflow: hidden; border-top: solid 1px #ccc; padding-top: 10px }
.kolotoc li { width: 172px; margin-right: 30px; float: left; _overflow: hidden; display: block }
.kolotoc li.h { display: none }
.kolotoc li a { display: block; text-align: left }
.kolotoc li u { display: block; width: 100%; height: 0; padding-top: 75%; background: transparent 50% 0 no-repeat; background-size: cover; margin-bottom: 0.55em; cursor: pointer; overflow: hidden; box-shadow: 0px 2px 2px 0px #ccc }
.kolotoc h3 { font-size: 128% }
.kolotoc h3 a { text-decoration: none }
.kolotoc h3 a:hover { text-decoration: underline }
.kolotoc-maly { margin: 0 auto; width: 300px }
.kolotoc-maly li { margin: 0 25px 10px 0; width: 80px }
.kolotoc-maly li a { font-size: 92% }
.kolotoc-maly li u { height: 1px; background-color: #FFF; background-size: contain; margin-bottom: 8px }
.kolotoc-maly li a:hover u { border-bottom: 4px solid #B9151C; margin-bottom: 4px }
.kolotoc-maly h3 { margin-bottom: 2px }
.kolotoc-maly .ico, .kolotoc-maly .ico-r { width: 50%; display: none }
.kolotoc-maly .ico { float: left }
.kolotoc-maly .ico-r { float: right }
.q-js .kolotoc-maly .ico, .q-js .kolotoc-maly .ico-r { display: inline }
.q-js .kolotoc-odklad u { background-image: none !important }

#najdete { position: relative; clear: both; width: 980px; margin: 30px auto 20px; /*padding-top:10px;*/ overflow: hidden; line-height: 1.33; /*border-top:solid 1px #ddd*/ }
#najdete h2 { display: none; margin: 0 0 1.2em; font-size: 150%; font-weight: bold }
#najdete h3 { white-space: nowrap; overflow: hidden; font-family: Tahoma,Arial,sans-serif }
#najdete li a { font-size: 117% }
#najdete li a span { font-weight: bold }
#najdete h3 a { padding: 7px 0; text-decoration: none }
#najdete h3 a:hover { text-decoration: underline }
#najdete li .premlab { position: absolute; z-index: 5; margin: 2px }
#najdete .eyes-ico { visibility: hidden; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 2; width: 220px; padding: 0 0 0 20px; text-transform: uppercase; background: #fff }
.q-js #najdete .eyes-ico { visibility: visible }
#najdete .eyes-ico .fr { text-align: right }
#najdete .eyes-ico .fr a span { float: right; margin: 2px 0 0 8px; _margin: 2px 0 0 5px }

/*-----stranky col-a-----*/

/*form-a*/
.form-a .label { float: left; width: 224px; padding: 5px 0 0; margin: 0 0 10px; font-size: 117% }
.form-a .label .red { color: #F00 }
.form-a .label .info { color: #888 }
.form-a .inp, .form-a .inp2 { float: right; width: 386px; height: 16px; padding: 6px 5px; margin: 0 0 18px; border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF }
.form-a .inp2 { width: 176px }
.form-a .texta1 { float: right; width: 386px; height: 150px; padding: 6px 5px; margin: 0 0 18px; border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF }
.form-a .file { margin-bottom: 18px }
.form-a .file .fr { width: 396px }
.form-a .file input { width: 90%; margin: 0 0 15px }
.form-a .f-captcha { margin: 0 0 18px }
.form-a .captcha { float: right; width: 396px }
.form-a .captcha img { float: left }
.form-a .captcha .inp2 { margin: 0 }
.form-a .captcha .voice { float: right; width: 186px; margin: 17px 0 18px }

/*hlidac*/
#hlidac { margin: 0 0 22px 10px }
#hlidac a { font-weight: bold }
#hlidac .add-file { padding: 0 0 0 12px; background: url("/o/metro/bg/plus.gif") no-repeat left center }
#hlidac p { margin: 0 0 1em; font-size: 117% }

/*denik*/
#denik { margin: 0 0 0 10px }
#denik .date { margin: 0 0 10px; color: #949494 }

#denik.art-full { margin: 0 0 22px 10px }
#denik.art-full h1 { font-size: 183%; font-weight: normal }
#denik #art-text, #denik #art-related { margin-left: 0 }
#denik #art-text { width: 630px; margin: 0 0 14px }

.regvyber { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: solid 1px #eee }

.regvyber-breadcrumb { display: flex; margin-bottom: 1rem; list-style: none }
.regvyber-breadcrumb li { display: flex; align-items: center; font-weight: bold; font-size: 1rem }
.regvyber-breadcrumb li + li:before { content: ''; display: block; width: 0.5em; height: 0.5em; margin: 0 0.25em; background: url(/u/icon/233/arrow1-right.svg) no-repeat 50% 50% / contain; }
.regvyber-breadcrumb a { color: #000; }

.regvyber-mapa { margin-bottom: 2rem }
.regvyber-mapa.mapa-okresy svg { display: block; max-height: 250px; margin: auto }
.regvyber-mapa .st0 { stroke: #007437 }
.regvyber-mapa .reg { fill: #ddd; }
.regvyber-mapa.mapa-okresy .reg { stroke: #aaa }
.regvyber-mapa .reg:hover, .regvyber-mapa .reg.act { fill: #007437 }
.regvyber-mapa .bublifukovina i { font-style: normal }

.regvyber-form { display: flex; gap: .5rem; font-size: .875rem }
.regvyber-form select { flex: 1 0 auto; min-height: 2.75em; padding: 0.75em; border: 1px solid #eceff1; border-radius: 0.25rem; line-height: 1.25; font-size: 100%; color: inherit; box-sizing: border-box; height: 2.75em; padding-right: 2.25em; -webkit-appearance: none; appearance: none; background: url(/u/icon/000/select.svg) no-repeat calc(100% - 0.75em) 50%; background-size: 0.75em; }
.regvyber-form select[value=""] { font-weight: bold }

.regvyber-form .reg0 option:not(.reg0),
.regvyber-form .reg1 option:not(.reg1),
.regvyber-form .reg2 option:not(.reg2),
.regvyber-form .reg3 option:not(.reg3),
.regvyber-form .reg4 option:not(.reg4),
.regvyber-form .reg5 option:not(.reg5),
.regvyber-form .reg6 option:not(.reg6),
.regvyber-form .reg7 option:not(.reg7),
.regvyber-form .reg8 option:not(.reg8),
.regvyber-form .reg9 option:not(.reg9),
.regvyber-form .reg10 option:not(.reg10),
.regvyber-form .reg11 option:not(.reg11),
.regvyber-form .reg12 option:not(.reg12),
.regvyber-form .reg13 option:not(.reg13) { display: none }

.regvyber-form #regform-okresy option[value=""] { display: block }

.regvyber-form input[type=submit] { min-height: 2.75em; padding: 0.25em 0.75em; line-height: 1.25; box-sizing: border-box; font-size: 100%; color: #fff; font-weight: 700; border-radius: 0.25rem; border: none; background-color: #007437; box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.12); }

/*-----end stranky col-a-----*/

/*-----b-boxy-----*/
/*.tit-img*/
.tit-img { float: left; width: 100%; margin-bottom: 0; =margin-bottom:10px; font-size: 108%; line-height: 1.33; list-style: none }
.tit-img a { display: block }
.tit-img li { clear: both; float: left; width: 100%; margin: 0 0 10px }
.tit-img img { float: right; margin-left: 10px }
.tit-img .mark-video, .tit-img .midi { float: right; margin: 0 0 0 10px; overflow: hidden }
.tit-img .mark-video img { margin: 0 }

/*anketa*/
#b-anketa .border-line { position: relative; margin: 0 -20px 10px }
#b-anketa h3 { padding: 0 20px 12px; font-weight: bold; background: url("/o/metro/bg/b-box-line.gif") repeat-x left bottom }

/*b-idos*/
#b-idos label { float: left; width: 55px; line-height: 2.5; font-weight: bold }
#b-idos input { float: right; width: 190px; height: 28px; line-height: 2.14; padding: 1px 5px; margin: 0 0 1em; font-size: 14px; border: none; background: url("/o/metro/bg/b-bbox-input.gif") }
#b-idos button { float: right; margin: 0 -2px 1em 0 }

/*b-hlidac*/
#b-hlidac p { margin: 0 0 1em; font-size: 117% }
#b-hlidac .thumb { margin: 0 0 10px; vertical-align: middle }
#b-hlidac .bttn-writeto img { margin: 0 0 10px }

/*b-fotogalery*/
#b-fotogalery .list-foto { overflow: hidden }
#b-fotogalery .foto { position: relative; float: left; width: 140px; height: 120px; margin: 0 20px 20px 0; overflow: hidden; text-decoration: none; box-shadow: 0px 2px 2px 0px #ccc }
#b-fotogalery .foto:nth-child(even) { margin-right: 0; }
#b-fotogalery .foto:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.64) 100%) }
#b-fotogalery .foto span { position: absolute; z-index: 1; bottom: 0; left: 0; display: block; width: 115px; min-height: 16px; _height: 16px; padding: 2px 0 2px 5px; color: #FFF }
#b-fotogalery img { width: 140px; height: 120px; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover }
#b-fotogalery .ico-r { position: relative; top: -10px }
.list-art #b-fotogalery .foto { margin: 0 50px 30px 0 }
#b-fotogalery p { margin: 0 0 1em; font-size: 117% }
#b-fotogalery .bttn { width: 100%; margin: 0 0 5px; padding: 3px 0 2px; text-align: center }
#b-videogalery h3 { line-height: 1.5 }
#b-videogalery .video:hover h3 { text-decoration: underline }

#b-videogalery .list-foto { display: flex; flex-wrap: wrap; }
#b-videogalery .video { position: relative; width: 140px; margin: 0 20px 20px 0; overflow: hidden; text-decoration: none; }
#b-videogalery .video:nth-child(even) { margin-right: 0; }
#b-videogalery .video:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
#b-videogalery img { width: 140px; height: 105px; }
#b-videogalery .mark-video { width: 100%; margin: 0 }
#b-videogalery .mark-video span { display: block; bottom: 6px; left: 6px; z-index: 2; width: 20px; height: 20px; background: url('https://1gr.cz/u/n4/play.svg') no-repeat }
#b-videogalery .ico-r { position: relative; top: -10px }
#b-videogalery p { margin: 0 0 1em; font-size: 117% }
#b-videogalery .bttn { width: 100%; margin: 0 0 5px; padding: 3px 0 2px; text-align: center }

/*calendar*/
.calendar { width: 302px; font-size: 12px; line-height: 30px; border-collapse: collapse }
.calendar caption { background: #D9D9D9 }
.calendar caption span { display: inline-block; width: 224px; padding: 2px 0 0; font-weight: bold }
.calendar img { width: 30px; height: 30px; vertical-align: middle; background: url("/o/metro/bg/sipky-kalendar.png") no-repeat }
.calendar .nav-l img { background-position: 10px 6px }
.calendar .nav-r img { background-position: -27px 6px }
.calendar :hover.nav-l img { background-position: 10px -40px }
.calendar :hover.nav-r img { background-position: -27px -40px }
.calendar td, .calendar th { width: 42px; height: 30px; text-align: center; border: 1px solid #D1D1D1 }
.calendar th { color: #848484; background: #FFF }
.calendar td a { display: block; width: 42px; height: 30px }
.calendar .today a { width: 34px; height: 22px; line-height: 22px; border: 4px solid #D1BD1A; background: #FFF }
.calendar td a:hover { background: #F8F8F8 }
.calendar .grey { background: #E1E1E1 }

/*b-kalendar*/
#b-kalendar { background: #EEE }
#b-kalendar .box-in { overflow: hidden; width: 100%; padding: 0 }
#b-kalendar .calendar { margin: 0 0 0 -1px }
#b-kalendar .dart { display: none }

/*b-kalendar-js*/
#b-kalendar-js { background: #EEE }
#b-kalendar-js .box-in { overflow: hidden; width: 100%; padding: 0 }
#b-kalendar-js .calendar-box { position: inherit; width: 302px; margin: 0 0 0 -1px; border: none }
#b-kalendar-js .calendar-weeks th, #b-kalendar-js .calendar-weeks td { height: 30px; line-height: 30px; border: 1px solid #D1D1D1 }
#b-kalendar-js th { color: #848484; background: #FFF }
#b-kalendar-js .calendar-days a { text-decoration: underline; color: #007437; background: none }
#b-kalendar-js .calendar-days a:hover { background: #F8F8F8 }
#b-kalendar-js .calendar-days .calendar-disabled a, #b-kalendar-js .calendar-days .calendar-overflow a { text-decoration: none; color: #000 }
#b-kalendar-js .calendar-days .calendar-disabled a:hover { background: none }
#b-kalendar-js .calendar-days .calendar-dayoff a { color: #666 }
#b-kalendar-js .calendar-days .calendar-dayoff a:hover { background: none }
#b-kalendar-js .calendar-days .calendar-overflow a { background: #E1E1E1 }
#b-kalendar-js .calendar-days .calendar-overflow a:hover { background: #E1E1E1 }

#b-kalendar-js .dart { display: none }

/*b-kalendar*/
#b-kalendar-tip { list-style: none }
#b-kalendar-tip .box-in { padding: 15px 20px 10px }
#b-kalendar-tip img { float: left; margin: 0 10px 0 0 }
#b-kalendar-tip li { clear: both; float: left; width: 100%; margin: 0 0 15px; line-height: 1.5; list-style: none }
#b-kalendar-tip li span, #b-kalendar-tip li a { display: block }
#b-kalendar-tip li span { margin: 0 0 2px; font-weight: bold }

/*rychla navigace*/
#b-fastnav .box-in { width: 100%; padding: 0 }
#b-fastnav ul { list-style: none }
#b-fastnav li { line-height: 3.3; padding: 2px 0 0; background: url("/o/metro/bg/b-box-line.gif") repeat-x }
#b-fastnav li.first { background: none }
#b-fastnav li a, #b-fastnav li span { display: block; padding: 0 20px }
#b-fastnav li a:hover { background: #E3E3E3 }

/*kontakt*/
#kontakt { margin: 0 0 1em 10px }
#kontakt .map { margin: 0 0 1em }
#kontakt h2 { padding: 4px 0 0; margin: 0 0 5px; font-family: GeoSlb712MdBT-Bold, Arial, sans-serif; font-size: 150%; border-top: 1px solid #D1D1D1 }
#kontakt h3 { margin: 0 0 4px; font-size: 117%; font-weight: bold }
#kontakt p { margin: 0 0 1em; font-size: 117% }
#kontakt p span { color: #878787; font-size: 85%; font-weight: bold }


/*footer*/
#foot { position: relative; padding: 40px 15px; color: #B9B9B9; background: #333 }
#foot:before { content: ""; position: absolute; left: 50%; top: -17px; margin-left: -10px; border: solid 9px transparent; border-bottom: solid 9px #333 }
/*#foot:after {content:""; position:absolute; left:50%; bottom:0; margin-left:-19px; border:solid 9px transparent; border-bottom:solid 9px #fff}*/

#f-emblem { clear: both; float: left; width: 200px; height: 50px; margin: 0 0 0 10px }
#f-emblem a { display: block; width: 127px; height: 26px; background: url("/o/metro/logo-footer.png") no-repeat 0 0; cursor: pointer }
#f-iservis { float: left; width: 550px; margin: 0 auto 20px; text-align: center }
#f-iservis li { list-style: none; display: inline-block; padding: 0 5px; text-transform: uppercase; line-height: 2.5 }
#f-iservis a { font-weight: bold; text-decoration: none; color: #fff }
#f-iservis a:hover { text-decoration: underline; color: #666 }

#foot .social { float: right; overflow: hidden }
#foot .social li { list-style: none; float: left; margin-left: 10px }
#foot .social a { display: block; width: 40px; height: 40px; font-size: 0; background: no-repeat }
#foot .facebook a { background-image: url("/o/metro/facebook-circular-grey.svg") }
#foot .twitter a { background-image: url("/o/metro/twitter-circular-grey.svg") }
#foot .instagram a { background-image: url("/o/metro/instagram-circular-grey.svg") }
#foot .rss a { background-image: url("/o/metro/rss-circular-grey.svg") }

#foot .facebook a:hover { background-image: url("/o/metro/facebook-circular-white.svg") }
#foot .twitter a:hover { background-image: url("/o/metro/twitter-circular-white.svg") }
#foot .instagram a:hover { background-image: url("/o/metro/instagram-circular-white.svg") }
#foot .rss a:hover { background-image: url("/o/metro/rss-circular-white.svg") }

#f-searcher-box { position: relative; z-index: 1; float: right; width: 320px; height: 45px }
#f-searcher-box form { position: relative; display: block; width: 100%; height: 45px }
#f-searcher-box .inp { width: 190px; height: 28px; line-height: 2.14; padding: 1px 5px; margin: 0 6px 0 0; font-size: 14px; border: none; color: #B9B9B9; background: url("/o/metro/bg/b-bbox-input-black.gif") }

#copyright { position: relative; margin: 0 auto 30px; padding: 40px 190px 0px; text-align: center; font-size: 84%; border-top: solid 1px #444 }
#copyright:before { content: ""; position: absolute; left: 50%; top: 0; margin-left: -10px; border: solid 10px transparent; border-top: solid 10px #444 }
#copyright:after { content: ""; position: absolute; left: 50%; top: -1px; margin-left: -9px; border: solid 9px transparent; border-top: solid 9px #333 }

#copyright a { color: #B9B9B9; text-decoration: none }
#copyright .copy { margin-top: 15px; color: #666 }

/*seo*/
#f-seo { padding: 22px 10px 0; font-size: 92% }
#f-seo h4 { float: left; margin: 0 13px 4px 0 }
#f-seo .fl, #f-seo .fr { width: 485px }
#f-seo h4 a { color: #000; text-decoration: none; font-weight: 700 }
#f-seo li { float: left; margin: 0 13px 4px 0; list-style: none }

/* k FLV videu:*/
.content .equip-tv { clear: both; min-height: 268px; _height: 268px; margin: 0 0 1em; padding: 0 10px; background: #f5f5f5 }
.content .equip-tv .equip { margin-bottom: 0 }

.art-full .equip-tv.equip-tv-archiv, .equip-tv-archiv { padding: 1.5rem 1.5rem 1rem; background: #f5f5f5 }
.equip-tv videoplayer + small { display: block; clear: both; margin: 0; padding: .462em 0 0; line-height: 1.3846; font-size: .8125rem; color: #546E7A }
.equip-tv-archiv h4 { display: table; line-height: 1.572; margin: 0 0 .857em; border-right: .4em solid #FFF; color: #37474F; background: #FFF; font-size: .875rem; font-weight: 400 }
.equip-tv-archiv h4:before { content: 'ARCHIVN\cd \20 VIDEO'; float: left; margin: 0 .4em 0 0; padding: 0 .4em; color: #FFF; background: #007B00; font-weight: 700 }
.equip-tv-archiv videoplayer + small { padding: .462em 0 0; color: #546E7A }


.video-archiv .video-flv { padding-top: 18px; background: url('/u/flv/video-flv-archiv.png') 100% 0 no-repeat; _background-image: url('/u/flv/video-flv-archiv.gif') }
.video-flv-in { height: 100%; width: 100% }
.video-flv embed { display: block }
.no-video-flv { background: #222; color: #FFF; font-size: 150%; font-weight: bold; text-align: center; =zoom:1 }
.no-video-flv span { padding-top: 3em; line-height: 1.5em; display: block; width: 100% }
.no-video-flv a { color: #F20; font-size: 120% }
.no-video-flv a:hover { color: #F64 }
.kotva-video { position: relative; top: -3em }
/* flashovy audioprehravac -- aby mel kulate rohy */
.equip-audio .complete-dual-l { background: none }
.equip-audio .complete-dual-l embed { display: block }
/* HTML video */
.video-html { position: relative }
.video-html-in video, .video-html-in span { width: 100%; height: 100%; display: block }
.video-html-in span { position: absolute }
.video-html-in b { width: 100%; height: 100%; background: url('/u/flv/big_firstplay_normal.png') no-repeat 50% 50%; position: absolute; left: 0; top: 0 }
.video-html-in b:hover { background-image: url('/u/flv/big_firstplay_over.png') }
/* primy prenos */
.video-wmv { margin: 0 0 1em }

/*ocima ctenaru*/
#ocima-cte { margin: 0 0 0 10px }

#ocima-cte .top { margin: 0 0 22px }
#ocima-cte .top p { float: left; line-height: 33px; font-size: 117% }
#ocima-cte .top .bttn { float: right }

#ocima-cte .hp-list { overflow: hidden; width: 100% }
#ocima-cte .hp-list .box-in { width: 110% }
#ocima-cte .hp-list a { float: left; position: relative; display: block; width: 135px; height: 101px; margin: 0 30px 30px 0 }
#ocima-cte .hp-list a:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.64) 100%) }
#ocima-cte .hp-list img { vertical-align: middle; box-shadow: 0px 2px 2px 0px #ccc }
#ocima-cte .hp-list span { position: absolute; width: 100% }
#ocima-cte .hp-list .date { z-index: 1; left: 0; bottom: 0; width: 130px; min-height: 22px; padding-left: 5px; line-height: 22px; font-size: 117%; color: #FFF; /*/*background:url("/u/fog70.png");*/ */ }
#ocima-cte .hp-list .play { z-index: 2; right: 5px; bottom: 3px; width: 20px; height: 15px; background: url("/o/ocima/play.png") no-repeat }

/*#ocima-cte .box-more {clear:both; width:610px; padding:10px 10px 1px; margin:0 0 30px; background:#F0F0F0; border-radius:5px}
#ocima-cte .box-more h3 {margin:0 0 7px; font-size:166%; font-weight:bold}
#ocima-cte .box-more p {margin:0 0 1em; font-size:117%}
#ocima-cte .box-more a {width:172px; height:129px; margin:0 0 10px 45px}
#ocima-cte .box-more .first {margin-left:0}
#ocima-cte .box-more .ico-r a {float:none; width:auto; height:26px}
#ocima-cte .box-more .ico-r span {position:inherit; width:21px}*/



#ocima-cte .bttn { display: inline-block; min-width: 6em; vertical-align: middle; margin: -2px 2px 0; padding: 0 10px; font-size: 12px; text-decoration: none; color: #fff; text-align: center; font-weight: bold; cursor: pointer; overflow: visible; border: none; background: #007f3e }
#ocima-cte .bttn:hover { box-shadow: 0 0 3px #999; border-color: #999 }
#ocima-cte .bttn span { line-height: 31px; text-transform: uppercase }
#ocima-cte .bttn[disabled] { color: #CCC; background: #666 }
#ocima-cte .bttn:hover[disabled] { cursor: default; box-shadow: none; border-color: #CCC }

/*#ocima-cte .but-plus {background-position:0 -96px}*/
/*#ocima-cte .webz-bg:hover .but-plus {background-position:-32px -96px}*/

#ocima-cte .directory { overflow: hidden; width: 100%; margin: 0 0 22px }
#ocima-cte .directory ul { width: 110%; list-style: none }
#ocima-cte .directory li { float: left; width: 138px; height: 120px; margin: 0 26px 0 0; text-align: center; background: url("/o/ocima/typy.png") no-repeat }
#ocima-cte .directory a { display: block; width: 138px; height: 108px; padding: 12px 0 0; font-size: 134%; font-weight: bold; text-decoration: none }
#ocima-cte .directory .www { }
#ocima-cte .directory .email { background-position: 0 -130px }
#ocima-cte .directory .mobil { background-position: 0 -260px }
#ocima-cte .directory .rajce { background-position: 0 -390px }

#ocima-cte .form { width: 520px; margin: 0 0 22px }
#ocima-cte .form label { float: left; line-height: 21px; font-size: 117% }
#ocima-cte label span { color: #B9151C }
#ocima-cte .inp, #ocima-cte .area { float: right; width: 300px; margin: 0 0 1em; padding: 2px; border: 1px solid #CCC; color: #000; background: #FFF }
#ocima-cte .area { min-height: 80px }
#ocima-cte .form p { float: left; line-height: 31px; font-size: 117% }
#ocima-cte .warning { margin: 0 0 22px }
#ocima-cte .box { margin: 0 0 3em }
#ocima-cte .box p { font-size: 117%; margin: 0 0 1em }
.plupload.html5 input, .plupload.flash input { cursor: pointer }


/*#ocima-cte .store {list-style:none}
#ocima-cte .store li {position:relative; float:left; margin:0 20px 1em 0; width:263px; height:90px}
#ocima-cte .store a {display:block; width:263px; height:90px; line-height:90px; text-align:center}
#ocima-cte .store span {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:url("/o/ocima/stahnout.png") no-repeat}
#ocima-cte .apple:hover span {background-position:0 -90px}
#ocima-cte .google span {background-position:0 -180px}
#ocima-cte .google:hover span {background-position:0 -270px}*/

#filelist { width: 466px; margin: 0 0 22px }
#filelist .line { margin: 0 0 1em; font-size: 117% }
#filelist .file { overflow: hidden; float: left; width: 40%; line-height: 25px; margin: 0 2% 0 0 }
#filelist .loader { float: left; display: inline-block; overflow: hidden; width: 30%; height: 23px; background: #FFF url("/u/portal/p-search-inp.gif") repeat-x; border: 1px solid #CCC; border-radius: 4px }
#filelist .l-in { display: block; width: 0; height: 100%; background: #3ECC45 }
#filelist .done { float: left; width: 30%; line-height: 25px; text-align: center; color: #3ECC45; font-weight: bold }
#filelist .fail { float: left; width: 30%; line-height: 25px; text-align: center; color: #B9151C; font-weight: bold }
#filelist .line .bttn { float: right; height: 23px; margin: 0 }
#filelist .line .bttn span { line-height: 23px }


/* branding metro */
.body-metro .m-bg-1 { margin: 0; padding: 10px 0 0; background: none }
.body-metro .m-bg-2 { margin: 0; padding: 0; background: none }
.body-metro .m-bg-3 { background: url("/o/metro/bg/body-mid.gif") repeat-y top center }
.body-metro .m-bg-4 { min-height: 400px; padding: 0; background: #FFF }
.body-metro #foot { padding: 10px 15px 0; cursor: default }
.body-metro #foot #f-iservis li { background: none }
/*.body-metro #foot #f-emblem a { background: url("/o/metro/logo-footer-black.png") }*/
.body-metro #f-searcher-box .inp { background-image: url("/o/metro/bg/b-bbox-input.gif") }
.body-metro #f-searcher-box span { background-image: url("/o/metro/bg/bttn-green.png") }

.body-metro [class*="s_nativ"] .r-body {min-height: 130px;}