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:290px; height:auto}
#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:142%; 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:700px; 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}

/*gery-box*/
.grey-box {width:300px; margin:0 0 22px}
.grey-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 {content:""; position:absolute; left:30px; top:100%; border:solid 10px transparent; border-top:solid 10px #000}
.grey-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 {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}



/*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-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 {display:block; overflow:hidden}
.art .img 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 {width:160px; height:120px}
.art .img.sp5 img {width:160px; height:auto}
.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 {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 .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}
.art-info .brisk, .brisk {display:inline-block; line-height:18px; margin-right:.6em; padding:0 .5em; font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFF; background:#007f3e; white-space:nowrap }
.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}

/*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}

/*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}
.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}

/*.mark-video span {position:absolute; bottom:6px; right:6px; z-index:2; width:90px; height:67px; background:url("/o/sph/ico_play_big.png") no-repeat}*/

/*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}

/*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 {margin-bottom:20px}

.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-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:560px; 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}

/* obrazky OLD
.imagelist {zoom:1; margin:0 0 1em}
.imagelist .cell {float:left; margin-left:10px}
.imagelist .cell-first {margin-left:0 !important}
.text .imagelist p, .complete .imagelist p, .imagelist p {display:block; clear:both; margin:0; padding:.3em 0 0; line-height:1.33; font-size:12px; color:#666}
.imagelist-mecl5 .cell {width:560px; margin-left:0}
.imagelist-mesph .cell {width:264px; margin-left:26px}
.imagelist-mesp5 .cell, .imagelist-sp5 .cell {width:172px; margin-left:22px}
.imagelist-mep135 .cell {width:135px; margin-left:6px}
.complete .imagelist-mecl5 .cell {width:540px; overflow:hidden}
.complete .imagelist-mesph .cell {margin-left:12px}
.complete .imagelist-mesp5 .cell, .complete .imagelist-sp5 .cell {margin-left:12px}
.complete .imagelist-mep135 .cell {margin-left:0}
.complete-dual-l .imagelist-mep135 .cell {margin-left:10px}
.cell img {vertical-align:middle}
.imagelist-fl {float:left; margin-right:15px}
.imagelist-fr {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 {max-width:230px; width:auto; height:auto}
.text .imagelist-mecl6 .cell, .text .imagelist-mecl6h .cell {max-width:560px; overflow:hidden; margin-left:0}
*/

/* obrazky */ 
.imagelist, .imagelist.imagelist {clear:both; display:flex; gap:1rem; margin:0 0 1em}
.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%}


/* 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-top:10px; background:url("/u/n3/art_dots.gif") repeat-x}
#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:#007B00}
.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; /*background:#000 url('/u/ico/default-social.png') no-repeat;*/ /*border-radius:3px;*/}
/*.logo-facebook {background-position:0 0; background-color:#3B5998}
.logo-kindle {background-position:0 -150px}
.logo-twitter {background-position:0 -25px; background-color:#32AADC}
.logo-gplus {background-position:0 -50px; background-color:#D0462A}*/

.logo-facebook {background:url(/o/metro/facebook.svg)}
.logo-twitter {background:url(/o/metro/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)}

/*.img-print, .img-share, .img-face, .img-tip {width:25px; height:33px; background-image:url("/u/n4/art-add.png"); _background-image:url("/u/n4/art-add.gif")}
.img-print {background-position:0 0}
.img-share {background-position:-50px 0}
.img-face {background-position:-25px 0}
.img-tip {background-position:-75px 0}*/

/* 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}

/*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}

/*-----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}

/*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}*/

/*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 .box-in {/*overflow:hidden; - stin*/}
#b-fotogalery .list-foto {width:110%; 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: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}

/*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:88px; 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:#F3F3F3}
.q-js .content .equip-tv {padding:0; background:none}
.content .equip-tv .equip {margin-bottom:0}
.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:20px 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")}