/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Ksir app - main layout by ivosan; (C) ivo andrle ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @font-face {font-family: 'Geologica'; src: url('Geologica-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;} @font-face {font-family: 'Geologica'; src: url('Geologica-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;} @font-face {font-family: 'Geologica'; src: url('Geologica-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap;} @font-face {font-family: 'Geologica'; src: url('Geologica_Cursive-Bold.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap;} @font-face {font-family: 'Geologica'; src: url('Geologica_Cursive-Regular.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap;} html { height: 100%; color: #222;} body { height: 100%; padding: 11px 22px 22px 22px; background: #28211f; font-family: Geologica,Arial,sans-serif; font-weight: normal;color: #222;} #topbar { position:absolute; height:233px; background: #fff; z-index:111; top:0; left: 22px; right: 22px;border-bottom: 2px solid #fff;} #topbarin { position:relative; width: 100%; height:233px;background: white;} #wrapper { position:relative; min-height: 100%; height: auto !important; height: 100%;background: white; box-shadow: 0 0 11px rgba(0,0,0,1); behavior: url("/etc/jq/ie/PIE.htc");} #wrapper, #topbar, #topbarin, #vmnu, #menubar {min-width: 700px; max-width: 1920px; margin: 0 auto;} #wrapper.widefull, #topbar.widefull, #topbar.widefull #topbarin, #topbar.widefull #menubar, #topbar.widefull #vmnu {max-width: 3333px;} @media (min-width: 1920px) { #wrapper, #topbar, #topbarin, #vmnu{width: 1920px;} #wrapper.widefull, #topbar.widefull, #topbar.widefull #topbarin, #topbar.widefull #vmnu {width:auto;} } /* debilni IE jinak neudela margin: 0 auto */ #topbarin, #toplogo img, #headerin #topmap, #menubar, #menubarin, #content, ul#gn-menu, .gn-trigger, .gn-trigger::before {transition: all .33s ease-in-out; -moz-transition: all .33s ease-in-out; -webkit-transition: all .33s ease-in-out;} #headerin { position: relative; height:188px;} #headerin a#toplogo { position: absolute; z-index:1;display:block;height:166px;top:11px;left:11px;} #headerin a#toplogo img { height:166px;} #hdblock { position: absolute;height:122px;top:44px;left:311px;right:22px;} #hdblock H1 { font-size:32px;font-weight:bold;margin:0 0 11px 0;color:#000;} #hdblock P { font-size:18px;font-weight:normal;margin:0;color:#333;} #menubar { z-index:9999;position:absolute;top:188px;left:0;right:0;height:44px;background:#000;} #middle { width: auto; padding: 244px 11px 166px 11px;} #middle:after { content: ''; clear: both; display: table;} #container { float: left; width: 84%; margin: 0 8%;} #wrapper.widefull #container {width:100%;margin:0;} #content { padding-left: 233px; margin-right: 11px;} #contentrgt { padding-right: 222px; padding-left: 0;} #contentfull { padding-right: 0; padding-left: 0; width: 100%;} #sideRight { float: left; width: 196px; margin: 22px 0 0 -196px; position: relative;} #footer { position:absolute;width:100%;height:144px; bottom: 0; left: 0; padding: 2px; text-align: center; box-shadow: 0 -2px 2px 0 #dddddd; background: #fff;border-top: 6px solid #000;} #footerin { width:100%;min-width:700px;height:133px;margin: 6px 0;} #footerin table { width:80%;margin:0 10%;} #footerin table tr td { width:50%;vertical-align:middle;text-align:center;padding:0 22px;} #footerin td a { display:inline-block;width:80%;margin:auto;} #footerin td a img { width:100%;height:auto;} #footerin td.w266 a img { max-width:266px;} #footerin p { text-align:center;font-size:90%;color:#aaa;} #footerin p a { color:#aaa;} @media (max-width: 1600px) { #footerin table {width:80%;}} @media (max-width: 1400px) { #footerin table {width:90%;margin:0 5%;} #footerin table tr td {padding:0;}} @media (max-width: 1050px) { body{padding: 0;} #content {padding-left:0;} #topbar {left:0;right:0;} #footerin table {width:100%;margin:0;} #hdblock H1 {font-size:24px;} #hdblock P {font-size:14px;} } /* Headroom animace, POZOR, vyzaduje upraveny headroom_aip.js ------------------------------------------------------------------------ */ #topbar.headroom.headroom--top { position: absolute;top:0;} #topbar.headroom.headroom--not-top { position: fixed;top:-188px;} #topbar.headroom.headroom--pinned { top:-188px;} #topbar.headroom.headroom--unpinned { top:-233px;} #topbar.headroom.headroom--top.headroom.headroom--unpinned {top:0;} #topbar.headroom.headroom--top.headroom.headroom--pinned {top:0;} #topbar.headroom { -webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both} #topbar.headroom--pinned { -webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown} #topbar.headroom--unpinned { -webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp} /* iconfiles ------------------------------------------------------------------------ */ i.solmnu { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat;background-image: url("/etc/jq/img/sol_mnu.png");} i.smnu-srchb { background-position: 0 -20px;} i.smnu-srchw { background-position: 0 0;} i.smnu-lockb { background-position: -20px -20px;} i.smnu-lockw { background-position: -20px 0;} i.smnu-baskb { background-position: -40px -20px;} i.smnu-baskw { background-position: -40px 0;} i.smnu-rgtw { background-position: -60px -20px;} i.smnu-rgtb { background-position: -60px 0;} i.smnu-dnb { background-position: -80px -20px;} i.smnu-dnw { background-position: -80px 0;} i.smnu-upb { background-position: -100px -20px;} i.smnu-upw { background-position: -100px 0;} i.smnu-astb { background-position: -120px -20px;} i.smnu-astb { background-position: -120px 0;} i.smnu-unlb { background-position: -140px -20px;} i.smnu-unlw { background-position: -140px 0;} i.smnu-userb { background-position: -160px -20px;} i.smnu-userw { background-position: -160px 0;} /* TopMenu ------------------------------------------------------------------------ */ #vmnu{ height:44px;font-family:Geologica,Arial,sans-serif;font-size:16px;font-weight:normal;width:100%;position:relative;z-index:999} #vmnu>ul{ position:relative;z-index:999;width:100%;min-height:44px;float:left;} #vmnu>ul>li{ float:left;min-height:44px;line-height:44px;} #vmnu>ul>li>a{ color:#eee;min-height:40px;text-align:center;float:left;padding-left:11px;padding-right:11px} #vmnu>ul>li:hover>a{ color:#fff;text-shadow:none;transition:background .3s linear 0s;-ms-transition:background .3s linear 0s;-moz-transition:background .3s linear 0s;-webkit-transition:background .3s linear 0s;-o-transition:background .3s linear 0s} #vmnu>ul>li:hover{ background:#333;transition:background .3s linear 0s;-ms-transition:background .3s linear 0s;-moz-transition:background .3s linear 0s;-webkit-transition:background .3s linear 0s;-o-transition:background .3s linear 0s} #vmnu>ul>li.title:hover{ background: none;} #vmnu>ul>.title a{ -ms-filter:"alpha(opacity=85)"; filter:alpha(opacity=0.85); opacity: 0.85; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out;} #vmnu>ul>.title a:hover{ -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=1); opacity: 1;} #vmnu ul li .sm-anim{ display:none} #vmnu ul li:hover>.sm-anim, #vmnu ul li .sm-anim.showed {display:block;animation:sm-anim .3s linear 0s 1 forwards;-moz-animation:sm-anim .3s linear 0s 1 forwards;-webkit-animation:sm-anim .3s linear 0s 1 forwards;-o-animation:sm-anim .3s linear 0s 1 forwards;-ms-animation:sm-anim .3s linear 0s 1 forwards} #vmnu>ul>li i.solmnu{ float:right;margin:10px 0;} #vmnu>ul>li:hover i.solmnu.smnu-dnw{ background-position: -80px -20px;} #vmnu ul li i.solmnu.smnu-rgtb{ margin:8px 6px 0 0;} #vmnu>ul>li>ul.sdd>li:hover>i.solmnu.smnu-rgtb{ background-position: -60px 0;} #vmnu>ul>li>ul>li>ul.sdd>li:hover>i.solmnu.smnu-rgtb{ background-position: -60px 0;} #vmnu ul,#vmnu li,#vmnu a,#vmnu p{ margin:0;padding:0;list-style:none;text-decoration:none;display:block} #vmnu>ul,#vmnu ul li .sdd.smnu li:hover>a,#vmnu ul li .sdd.wide li:hover>a{ background:#000;} #vmnu hr{ height:1px;border:none;margin:6px 20px;color:#999;background-color:#999;} #vmnu h1{ margin:0;padding:7px 19px;color:#fff;font-size:18px} #vmnu p{ color:#fff;font-size:14px;float:left;width:100%;padding:10px 21px} #vmnu>ul>li>.sdd.smnu{ position:absolute} #vmnu ul li .sdd.smnu li .sdd.smnu{ left:100%;position:absolute;top:-1px;} #vmnu>ul>li>.sdd.smnu:first-of-type,#vmnu>ul>li>.sdd.wide:first-of-type,#vmnu>ul>li>.sdd.logn:first-of-type { border-top:none} #vmnu ul li .sdd.smnu, #vmnu ul li .sdd.wide, #vmnu ul li .sdd.logn{ position:absolute;width:222px;background:#fff;float:left;top:43px;-webkit-box-shadow:3px 3px 8px -4px rgba(0,0,0,0.77);box-shadow:3px 3px 8px -4px rgba(0,0,0,0.77);border:2px solid #efefef;} #vmnu ul li .sdd.smnu li,#vmnu ul li .sdd.wide li{ float:left;width:100%;line-height:22px;position:relative} #vmnu ul li .sdd.smnu li a,#vmnu ul li .sdd.wide li a{ color:#777;font-size:14px;padding:7px 20px} #vmnu ul li .sdd.smnu li:hover>a { color:#666;font-weight:bold} #vmnu ul li .sdd.smnu li ul,#vmnu ul li .sdd.wide li ul{left:100%;top:-2px} #vmnu ul li .sdd.wide{ position:absolute;left:0;width:100%;min-height:100px;padding-bottom:8px;padding-top:8px} #vmnu ul li .sdd.wide li{ margin:0;padding:0} #vmnu ul li .sdd.wide li:hover a{ color:#666;background:none} #vmnu ul li .sdd.wide li a{ margin:0;padding-left:0;padding-right:0} #vmnu ul li .sdd.wide .float-left{ float:left;width:23%;margin-top:0;margin-left:1.7%;margin-bottom:0} #vmnu ul li .sdd.wide h1{ color:#666;font-weight:bold;margin:0;padding:0 0 0 18px;padding-left:0;padding-right:0} #vmnu ul li .sdd.wide hr{ border:1px solid #dbdbdb;width:100%;float:left;padding-left:0;padding-right:0;margin-left:0} #vmnu ul li .sdd.wide img{ margin:0;padding:4px;float:left;width:100%;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.09);box-shadow:inset 0 0 0 2px rgba(0,0,0,.09)} #vmnu ul li .sdd.wide p{ color:gray;line-height:20px;margin:0;padding:0} #vmnu a.chosen-single span { margin-left: 6px;} #vmnu ul li.srch{ float:right;width: auto;position: relative;} #vmnu ul li.srch:hover { background: none;} #vmnu ul li.srch form{ height:40px; width: auto; margin: 2px 0 0 0;} #vmnu ul li.srch input { background: none;outline:none;border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} #vmnu ul li.srch input#q { display: block; height: 34px; margin: 3px 0 0 0; padding-right: 33px; width: 0; position: absolute; top: 0; right: 6px; font-family: Geologica, Arial, sans-serif;font-size:15px;font-weight: normal; color: #f8f8f8; z-index: 3; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000), margin-right .4s ease; cursor: pointer;} #vmnu ul li.srch input#q:focus { width: 211px; z-index: 1; border-bottom: 1px dotted #bbb; cursor: text; margin-right: 25px;} #vmnu ul li.srch input#q:focus:hover { border-bottom: 1px dotted #999;} #vmnu ul li.srch input[type="submit"] { display: block; z-index: 2; float: right; width: 20px; height: 20px; position: absolute; top: 0; right: 6px; margin: 11px 0 0 0; background: transparent url("/etc/jq/img/sol_mnu.png") no-repeat left bottom !important; text-indent: -11111px; border: none; opacity: 0.7; cursor: pointer; transition: opacity .4s ease;} #vmnu ul li.srch:hover input[type="submit"] { opacity: 1;} #vmnu ul li.logn{ float:right;width:55px;opacity: 0.7; cursor: pointer; transition: opacity .4s ease;} #vmnu ul li.logn:hover { background: none;opacity: 1;} #vmnu ul li.logn:hover i.solmnu.smnu-dnw{ background-position: -80px 0;} #vmnu>ul>li>.sdd.logn{ width:333px;float:right;right:0;z-index:99;min-height:146px;padding-bottom:8px;padding-top:8px} #vmnu>ul>li.logn>a{ padding-left:11px;padding-right:0;} .sdd.logn form{ margin-top:11px} .sdd.logn div{ margin:.5em 22px; position:relative;} .sdd.logn input { font-weight:600;padding:.6em .6em .6em 4em;width:100%;border:1px solid #ccc; background:#fff; background:-webkit-linear-gradient(left,#000 44px,#fff 0);background:-moz-linear-gradient(left,#000 44px,#fff 0); background:-o-linear-gradient(left,#000 44px,#fff 0); background:linear-gradient(left,#000 44px,#fff 0);} .sdd.logn input#entimg { border:0;background:none;width:1px;height:1px;padding:0;margin:0} .sdd.logn label { font-weight:600;padding:0;color:#333;display:block;line-height:1.3em;margin-bottom:.5em;} .sdd.logn label i { position:absolute; top:1.6em; left:11px; text-align:center; margin:.35em .45em .45em .5em} .sdd.logn a.sbtn#s { min-width: 0;max-width: none;padding:.6em;width:100%;height: 35px; margin: 11px 0;} #vmnu a.inh1 { display: inline-block;} #vmnu span.rcol { margin-top: 0;} a.sbtn { min-width: 133px;max-width: 222px;display: block; position: relative;z-index: 1;padding: 0.4em 2em;font-weight:600; font-family: Geologica, Arial, sans-serif; background: #000 !important;color: #fff !important;text-align: center;vertical-align: middle;background-image: none !important; border: none; -webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;} #vmnu a.sbtn { display: inline-block;float:right;font-size: 10pt; height: 28px; padding: 0.2em 2em;} a.sbtn:focus{ outline: none;} a.sbtn::before { content: '';border: 2px solid #000;position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: -1;border-radius:inherit;opacity: 0;-webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} a.sbtn:hover { background-color: #fff !important; color: #000 !important;} a.sbtn:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1;} #vmnu p.sminfo{ width:100%;height:99px;color:#999;text-align:center;margin:22px 0;padding:22px;} #vmnu p.sminfo span{ color:#666;} /* gn-menu ------------------------------------------------------------------------ */ ul#gn-menu{ position:absolute;top:4px;right:0;display:inline-block;width:0;height:28px;z-index:11111;} .gn-trigger { position:relative;display:inline-block;width:0;height:28px;margin:0;padding: 0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .gn-trigger::before { display:inline-block;text-align:center;line-height:1;speak:none;vertical-align:-4px;width:0;height:3px;background:#666;box-shadow:0 3px #fff, 0 -6px #666, 0 -8px #fff, 0 -12px #666;content: '';} .gn-trigger:hover::before, .gn-trigger.gn-selected::before {background: #647b73;box-shadow: 0 3px #fff, 0 -6px #647b73, 0 -8px #fff, 0 -12px #647b73;} .gn-trigger > a { padding:0;margin:0;z-index:1;position:absolute;top:0;right:0;width:0;height:28px;} .gn-wrapper { position:absolute;top:32px;right:0;overflow:hidden;width:0;font-family:Geologica, Arial, sans-serif;background:#fff;-webkit-transform:translateX(-11px);-moz-transform:translateX(-11px);transform:translateX(-11px);-webkit-transition:-webkit-transform 0.3s, width 0.3s;-moz-transition:-moz-transform 0.3s, width 0.3s;transition: transform 0.3s, width 0.3s;} .gn-scroller { overflow:visible;width:333px;height:auto;} .gn-scroller > ul { border-bottom:1px solid #efefef;text-align:left;padding:0;margin:0;font-size:11pt;text-transform: uppercase;} .gn-scroller > ul li { height:0;width:100%;display:block;padding:0;margin:0;list-style:none;text-decoration:none;line-height:33px;-webkit-transition:height 0.4s;-moz-transition:height 0.4s;transition:height 0.4s;text-align:left;} .gn-scroller > ul li ul > li { overflow:hidden;height:0;} .gn-scroller > ul > li { margin:0;} .gn-scroller > ul li a { margin:0;color:#333;display:block;width:100%;padding:3px 6px;} .gn-scroller > ul li a:hover { margin:0;color:#fff;background-color:#0A75EC;} .gn-wrapper.gn-open-all, .gn-wrapper.gn-open-part { -webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);box-shadow:0px 3px 11px -2px rgba(0,0,0,0.22);} .gn-wrapper.gn-open-all { width:222px} .gn-wrapper.gn-open-all .gn-scroller > ul li ul > li { height:38px} .gn-wrapper.gn-open-all .gn-scroller > ul > li { height:33px;} @media screen and (max-width: 1050px) { ul#gn-menu{ width:28px;} .gn-trigger { width:22px} .gn-trigger::before { width:22px;} .gn-trigger > a { width:28px;} .gn-scroller > ul { font-size:12pt;} } /* Typo ------------------------------------------------------------------------ */ H1, H2, H3, H4, H5, H6 { margin: 1em 11px 0.5em 11px; font-family: Geologica, Arial, sans-serif;} H1.low, H2.low, H3.low, H4.low, H5.low, H6.low { margin-top: 0.3em;} H1 { font-size: 140%; margin-bottom: 0.8em;font-weight:600;} H1.fst { margin-top: 0;} H2 { font-size: 130%; font-weight:600;} H3 { font-size: 120%; font-weight:600;} H4 { font-size: 110%; margin-bottom: 0.3em;} H5 { font-size: 105%; margin-bottom: 0.3em;} H6 { font-size: 100%; margin-bottom: 0;} #iTabCont H1, #iTabCont H2, #iTabCont H3 {margin-left: 0;} div.clanek P { text-align:justify} div.clanek P.ctr { text-align:center} HR { height:1px; border: none; color: #ccc; background-color: #ccc; width: 100%; margin: 1em 0;} HR.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden;} BR.bigbreak { line-height: 66px;} P, LI, DT, DD, BLOCKQUOTE, UL, OL, PRE, ADDRESS {margin: 0.3em 11px 0.5em 11px; line-height: 133%;} DD, BLOCKQUOTE { margin-left: 66px; font-style: italic; font-size: 90%;} DT { font-weight: bold;} DD { font-size: 90%; font-style: italic;} div.clanek UL { display: table;} div#container .chzn-container UL, div#container .chosen-container UL {display: block;} UL LI { list-style-image: url('/img/ksir_li.gif'); margin-left:44px;} LI { margin-bottom: 0.1em;} CENTER P { margin-left: 0;} IMG { border: none; vertical-align: middle;} STRONG { font-weight: bold;} EM { font-style: italic;} A { outline: none; cursor:pointer; text-decoration: none;} A.big { font-size: 130%; font-weight: bold;} span.cap { font-size: 105%;} /* vyhozeno, hlasilo chyby font: inherited; */ span.likeP { font-size: 77%; font-style: normal;} /* pouzito pro dlouha comba uvnitr H1 */ TABLE { margin-left: 55px; border-color: #e5e5e5; border-collapse: collapse; border-spacing:0;} TD, TH { padding: 6px; vertical-align: middle;} TD { vertical-align: top;} TD H2 { margin-left: 3px;} TD P, TD LI, TD DT, TD BLOCKQUOTE, TD H4, TD H3, TD H5 { margin-left: 6px;} TD H3, TD H2 { margin-top: 0;} TD.ctr H4 { margin: 3px 0; text-align: center; font-weight: bold;} TD.mid H4 { margin: 3px 0; font-weight: bold;} FORM TD H3, FORM TD H4, FORM TD H5 { margin-left: 0; margin-top: 4px; margin-bottom: 0;} div.report * { font-family: Arial, lucida, sans-serif;} form.rf label.ltp2 { width: 60% !important;} form.rf select.ltp2, form.rf .ltp2 .chosen-container, form.rf select.ltp2 + .chosen-container { width: 25% !important;} .masbox.mbxmid div.itag { height: 88px;} /* Colorize ------------------------------------------------------------------------ */ H1, H2 { color: #000;} H3, H4 { color: #666;} H5, H6 { color: #888;} div#warn em { color: #000; font-family: Geologica, Arial, sans-serif;font-weight:900;} A { color: #647b73;transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;} A:hover, td.cLight A:hover { color: #666;} A:hover H3.revstat, A:hover H4.revname, A:hover H4.revstat, A:hover H3.revname, A:hover H4.TOCname, A:hover p.TOCauthor, A:hover p.revauthor, A:hover p.TOCcomment, A:hover p.RevENName, A:hover p.revcomment, A:hover p.TOCENName, A:hover p.commentary { color: #666;} span.curjump { color: #000;font-size: 120%;font-weight:bold;}