/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ zubnylekar specific - by ivosan; (C) ivo andrle ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #wrapper { position:relative; min-width: 720px; max-width: 1560px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; position:relative; background: white; border: none; -moz-box-shadow: 2px 2px 11px #333; -webkit-box-shadow: 2px 2px 11px #333; box-shadow: 2px 2px 11px #333; behavior: url("/etc/jq/ie/PIE.htc");background: white;} #topbar { position:absolute; min-width: 720px; height:277px; margin: 0 auto; background: #fff; z-index:111; top:0; left: 22px; right: 22px;box-shadow: 0 -9px 11px rgba(0,0,0,1);} #topbarin { position:relative; width: 100%; min-width: 720px; max-width: 1560px; margin: 0 auto; height: 222px;} #wrapper.widefull, #topbar.widefull, #topbar.widefull #topbarin, #topbar.widefull #menubar, #wrapper.widefull #middlein {max-width: 3333px;} #menubar, #menubarin, #content, #sideLeft, ul#gn-menu, .gn-trigger, .gn-trigger::before, #headerin a#csflogo, #headerin p {transition: all .33s ease-in-out; -moz-transition: all .33s ease-in-out; -webkit-transition: all .33s ease-in-out;} #headerin { width:100%;min-width:720px;height:222px;background: #f8fcfe url('/img/zlk_topbg.jpg') center right no-repeat; background-size:auto 100%;} #headerin a#logo { display:block;width:399px;height:222px;top:0;left:111px;background: transparent url('/img/zlk_topmask.png') top right no-repeat;} #headerin a#logo img { width:333px;margin:44px 0 0 0;} #headerin a#szkl { width:88px;top:40px;left:11px;} #headerin a.toplogo { position: absolute;z-index:1; display:block;} #headerin a.toplogo img { opacity:1; -khtml-opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;} #headerin a.toplogo:hover img {opacity:0.88; -khtml-opacity:0.88; -moz-opacity:0.88; -ms-filter:"alpha(opacity=88)"; filter:alpha(opacity=88); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)";} #headerin a p { font-size:22px;font-weight:bold;color:#000;z-index:11;position:absolute;top:133px;left:16px;} #menubar { z-index: 1111;position:absolute; top: 156px;width: 100%; min-width: 720px; max-width: 1560px; margin: 0 auto; height: 55px;background:#E74217;box-shadow:0 2px 5px rgba(0,0,0,.44);} #menubar { top:222px;} #menubarin { position:absolute;top:0;left:0;right:0;} @media (min-width: 1600px) { #wrapper, #topbar, #topbarin, #menubar, #vmnu{width: 1560px;} #wrapper.widefull, #topbar.widefull, #topbar.widefull #topbarin, #topbar.widefull #vmnu {width: auto;} #topbar.widefull #menubar {width: 100%;} } /* debilni IE jinak neudela margin: 0 auto */ #middle { width: auto; padding: 211px 11px 133px 11px;} #middle { padding-top:288px;} #middle:after { content: ''; clear: both; display: table;} #middlein { margin:0 auto;max-width:1244px;} #container { width: 100%; float: left; margin-bottom: 0;} #content { padding-left: 222px; margin-right: 11px;} #contentrgt { padding-right: 222px; padding-left: 0;} #contentfull { padding-right: 0; padding-left: 0; width: 100%;} #content3cols { padding-right: 222px; padding-left: 222px;} #wrapper.widefull #middlein { margin:0 0;max-width:100%;} #sideRight { float: left; width: 196px; margin: 22px 0 0 -196px; position: relative;} #sideLeft { float: left; width: 190px; margin: 0 -199px 0 0; position: relative;} #footer { border-top: 6px solid #E74217;} @media (max-width: 980px) { body { padding:0;background:#fff;} #wrapper { -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #content { padding-left: 0;} #content3cols { padding-left: 0;} #middlein { margin:0 11px;} #sideLeft { opacity:0;transform:translate(-999px);} #topbar { left:0;right:0;box-shadow:none} #footer { box-shadow:none;} #headerin a#csflogo { width: 266px; height:99px;top:11px;left:18px;} #headerin p { font-size:14px;top:99px;left:22px;width:444px;} #menubarin { right:40px;} } /* Headroom animace, POZOR, vyzaduje upraveny headroom_aip.js ------------------------------------------------------------------------ */ #topbar.headroom.headroom--top { position: absolute;top:0;} #topbar.headroom.headroom--not-top { position: fixed;top:-222px;} #topbar.headroom.headroom--pinned { top:-222px;} #topbar.headroom.headroom--unpinned { top:-333px;} #topbar.headroom.headroom--top.headroom.headroom--unpinned {top:0;} #topbar.headroom.headroom--top.headroom.headroom--pinned {top:0;} /* TopMenu ----------------------------------------------------------------------- */ #vmnu{ height:55px;min-width:688px;;max-width: 1560px;font-family:Hind,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:16px;font-weight:600;width:100%;position:relative;z-index:999;} #vmnu>ul{ position:relative;z-index:999;width:100%;min-height:55px;float:left;} #vmnu>ul>li{ float:left;min-height:55px;line-height:55px;} #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:#005f80;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>a{ min-height:52px;text-align:center;float:left;padding-left:11px;padding-right:11px} #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;} #topbar.widefull #vmnu { max-width: 3333px;} #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} @keyframes sm-anim{ 0%{opacity:0;transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;transform:scale(1,1)}} @-moz-keyframes sm-anim{ 0%{opacity:0;-moz-transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;-moz-transform:scale(1,1)}} @-webkit-keyframes sm-anim{ 0%{opacity:0;-webkit-transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;-webkit-transform:scale(1,1)}} @-o-keyframes sm-anim{ 0%{opacity:0;-o-transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;-o-transform:scale(1,1)}} @-ms-keyframes sm-anim{ 0%{opacity:0;-ms-transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;-ms-transform:scale(1,1)}} #vmnu>ul>li i.solmnu{ float:right;margin:15px 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.mags li ul,#vmnu ul li .sdd.smnu li:hover>a,#vmnu ul li .sdd.mags li:hover>a,#vmnu ul li .sdd.wide li:hover>a,#vmnu ul li .sdd.mags li:hover{ background:#E74217;} #vmnu>ul>li>a { color:#fff} #vmnu ul li .sdd.mags li ul li:hover a{ color:#fff} #vmnu hr{ height:1px; border: none; margin:6px 20px; color: #28211f; background-color: #ec1c23;} #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.mags:first-of-type,#vmnu>ul>li>.sdd.wide:first-of-type,#vmnu>ul>li>.sdd.logn:first-of-type,#vmnu>ul>li>.sdd.bask:first-of-type{ border-top:none} #vmnu ul li .sdd.smnu, #vmnu ul li .sdd.mags, #vmnu ul li .sdd.wide, #vmnu ul li .sdd.logn, #vmnu ul li .sdd.bask{ position:absolute;width:222px;background:#fff;float:left;top:50px;-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.mags 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.mags 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,#vmnu ul li .sdd.mags li:hover>a{ color:#fff;font-weight:bold;background:#005f80} #vmnu ul li .sdd.smnu li ul,#vmnu ul li .sdd.mags 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:#ec1c23;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:#005f80;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 #005f80;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.flags{ float:right;width: 44px;position: relative;} #vmnu>ul>li.flags:hover{ background: none;} #vmnu ul li.srch{ float:right;width: auto;position: relative;} #vmnu ul li.srch:hover { background: none;} #vmnu ul li.srch form{ height:52px; 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: 55px; margin: 0; padding-right: 33px; width: 0; position: absolute; top: 0; right: 6px; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;font-size:15px;font-weight: normal; color: #fff; 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::placeholder { opacity:0.9;-khtml-opacity:0.9; -moz-opacity:0.9; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90);} #vmnu ul li.srch input#q:focus { width: 188px; z-index: 1; border-bottom: 1px dotted #666; cursor: text; margin-right: 25px;} #vmnu ul li.srch input#q:focus:hover { border-bottom: 1px dotted #333;} #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: 16px 0 0 0; background: transparent url("/img/sol_mnu.png") no-repeat left top !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,#ec1c23 44px,#fff 0); background:-moz-linear-gradient(left,#ec1c23 44px,#fff 0); background:-o-linear-gradient(left,#ec1c23 44px,#fff 0); background:linear-gradient(left,#ec1c23 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;font-family:Hind,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:16px;} #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:500; font-family: Hind, Tahoma, "Lucida Grande CE", lucida, sans-serif; background: #ec1c23 !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 #ec1c23;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: #ec1c23 !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;} #vmnu ul li.langs { float:right;margin-right:6px;} #vmnu ul li.langs a { opacity:0.88;padding-left:6px;padding-right:6px;min-height:30px;} #vmnu ul li.langs a:hover,#vmnu ul li.langs a:active { opacity:1;} #vmnu ul li.langs span.flag { display:none;width:0 !important;} #vmnu ul li.langs span.lntxt { display:inline-block;} .lmacc { margin: 0 auto 11px auto;} .lmacc nav li.lev2 a { color: #666;} .lmacc nav li.lev2 a:hover { color: #005f80;} .lmacc label, .lmacc a.oneit { font-family: Hind,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif; font-size: 11pt;border-top: 1px solid #ec1c23; color: #005f80;} .lmacc input:checked + label, .lmacc input:checked + label:hover{color: #005f80;background: #f5fafe; background: -moz-linear-gradient(top, #e7f3fc 1%, #f5fafe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7f3fc), color-stop(100%,#f5fafe)); background: -webkit-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: -o-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: -ms-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f3fc', endColorstr='#f5fafe',GradientType=0);} .lmacc div nav { min-height:177px;} /* gn-menu ------------------------------------------------------------------------ */ ul#gn-menu{ position:absolute;top:9px;right:11px;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 2px;-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;margin-left:3px;vertical-align:-4px;width:0;height:3px;background:#eeeeee;box-shadow:0 3px #ec1c23, 0 -6px #eeeeee, 0 -9px #ec1c23, 0 -12px #eeeeee;content: '';} .gn-trigger:hover::before, .gn-trigger.gn-selected::before {background: white;box-shadow: 0 3px #ec1c23, 0 -6px white, 0 -9px #ec1c23, 0 -12px white;} .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:42px;right:0;overflow:hidden;width:0;font-family:'Open Sans',Calibri,Candara,Segoe,'Segoe UI',Optima,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: 980px) { #vmnu ul li.srch { display:none;} 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;} } @media screen and (max-width: 460px) { .gn-wrapper.gn-open-all {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);width: 100%;} .gn-wrapper.gn-open-all .gn-scroller {width: 130%} } /* etc ------------------------------------------------------------------------ */ div.visarchive { text-align:center;} div.visarchive > div { height:288px;} div.visarchive > div.visvolin { height:288px;} div.visarchive div.visvolin span.visvolno {top:266px;color:#00ABC9;} div#archvolissue { border: 1px solid #ccc;padding: 6px !important;} div#archvolissue img.archvolissue {height: 266px; width: 188px;margin:11px;} @keyframes vzoomin{ from {transform:scale(1);} to {transform:scale(1.15);}} @keyframes vzoomout{ from {transform:scale(1.15);} to {transform:scale(1);}} div.visvol a:hover div.visvolin { animation-name:vzoomin;animation-duration:0.77s;} div.visvol a div.visvolin { animation-name:vzoomout;animation-duration:0.44s;} P, LI, DT, DD, BLOCKQUOTE, UL, OL, PRE, ADDRESS {margin: 0.3em 0 0.5em 0;} DD, BLOCKQUOTE { margin-left: 0;} H1, H2, H3, H4, H5, H6 { margin:1.4em 11px 0.5em 0;} HR { height:3px; color: #005f80; background-color: #005f80;} UL { margin-left: 4px;} UL LI { margin-left: 11px;}