/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Deturope app - main layout by ivosan; (C) ivo andrle ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html { height: 100%; color: #28211f;} body { height: 100%; padding: 0; background: #fff; font-family: Roboto,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif; font-weight: 400;color:#151515;} #topbar { position:fixed; height:111px; background: #272da8; z-index:111; top:0; left: 0; right: 0;} #topbarin { position:relative; width: 100%; height: 111px;} #menubar { z-index:2222;position:absolute;top:66px;width: 100%;min-width: 660px; max-width: 1560px;height:22px;margin: 0 auto;} #likevmnu { z-index:4444;position:absolute;top:18px;right:11px;height:22px;width:333px;} #srch { z-index:3333;display:block;position:absolute;top:60px;right: 6px;height:33px;width:222px;font-size:10pt;font-weight:400;text-align:left;} #wrapper { position:relative; min-height: 100%; height: auto !important; height: 100%;background: white;} #wrapper, #topbarin{ min-width: 660px; max-width: 1560px; margin: 0 auto;} #wrapper.widefull, #topbar.widefull #topbarin {max-width: 3333px;} @media (min-width: 1600px) { #wrapper, #topbarin, #menubar, #vmnu{width: 1560px;} #wrapper.widefull, #topbar.widefull #topbarin, #topbar.widefull #vmnu {width: auto;} } /* debilni IE jinak neudela margin: 0 auto */ #headerin { position: relative; height: 55px;} #headerin a#toplogo { position: absolute; z-index:1; display:block; width:160px;height:40px;top:11px;left: 11px;} #headerin a#toplogo img { width:160px;height:40px;} #headerin H3 { position: absolute; top: 122px;left:244px;margin:0;color:#272da8;} #middle { width: auto; padding: 122px 11px 0 11px;} #middle:after { content: ''; clear: both; display: table;} #container { width: 100%; float: left; margin-bottom: 0;} #content { padding-left: 233px; margin-right: 11px;} #contentrgt { padding-right: 255px; padding-left: 0;} #contentfull { padding-right: 0; padding-left: 0; width: 100%;} #content3cols { padding-right: 255px; padding-left: 233px;} #sideRight { float:left;width:244px;margin:0 0 0 -244px;position:relative;overflow:hidden;opacity:1;transform:scale(1,1);} #sideLeft { float:left;width:211px;margin:0 -222px 0 0;position:relative;} div#voltitle { padding: 0.6em 3px; margin: 11px auto;border:none;} div#voltitle img { width: 222px;} div#oa { margin: 11px 0;} #footer { width: 100%; height: 166px;margin:0;padding:0;text-align: left; background: #eee;} #footerin { width: 100%; max-width:1560px;min-width:660px; height: 144px;margin:0 auto;} #footerin p { margin-left: 11px;font-size:10pt;} #footerin .rcol{ margin-bottom:0;} #footerin .rcol.rgt { text-align:center;} #footerin .rcol.rgt img{ margin: 6px 11px;height:55px;} #footerin div.ctr{ width: 100%; height: 22px;clear: both; margin:0;padding:0;font-size:10pt;color:#666;} #footer, #middle, #contentrgt, #content3cols, #sideRight, #footerin, #footerin .rcol, #topbar, #topbarin, #menubar, #likevmnu, #srch, .gn-trigger, .gn-trigger::before, #det-slider .da-slide div, #det-slider .da-slide p{transition: all .33s ease-in-out; -moz-transition: all .33s ease-in-out; -webkit-transition: all .33s ease-in-out;} @media (max-width: 1400px) { #footer { height:188px;}} /* #middle {padding-bottom:211px; */ @media (max-width: 960px) { #footer { height:233px;} #middle { padding-top:77px;} #contentrgt { padding-right:0;} #content3cols {padding-right: 0;} #sideRight { opacity:0;transform:scale(0,1);} #footerin .rcol{clear:both;width:100%;margin:6px 0;text-align:center;} #topbar, #topbarin {height: 66px;} #menubar{ display:none} #likevmnu {right:244px;} #srch { top:12px;} } /* Headroom animace ------------------------------------------------------------------------ */ #topbar.headroom.headroom--top { position: absolute;top:0;} #topbar.headroom.headroom--not-top { position: fixed;top:-111px;} #topbar.headroom.headroom--pinned { top:0;} #topbar.headroom.headroom--unpinned { top:-111px;} #topbar.headroom.headroom--top.headroom--unpinned {top:0;} #topbar.headroom.headroom--top.headroom--pinned {top:0;} @-webkit-keyframes slideDown{ 0%{-webkit-transform:translateY(-100%)} 100%{-webkit-transform:translateY(0)}} @-moz-keyframes slideDown{ 0%{-moz-transform:translateY(-100%)} 100%{-moz-transform:translateY(0)}} @-o-keyframes slideDown{ 0%{-o-transform:translateY(-100%)} 100%{-o-transform:translateY(0)}} @keyframes slideDown{ 0%{transform:translateY(-100%)} 100%{transform:translateY(0)}} @-webkit-keyframes slideUp{ 0%{-webkit-transform:translateY(0)} 100%{-webkit-transform:translateY(-100%)}} @-moz-keyframes slideUp{ 0%{-moz-transform:translateY(0)} 100%{-moz-transform:translateY(-100%)}} @-o-keyframes slideUp{ 0%{-o-transform:translateY(0)} 100%{-o-transform:translateY(-100%)}} @keyframes slideUp{ 0%{transform:translateY(0)} 100%{transform:translateY(-100%)}} @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)}} #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} /* HP slider ------------------------------------------------------------------------ */ #det-envel { display:none;} body.homepage #middle { padding-top:522px;} body.homepage #det-envel { display:block;position:absolute;overflow:hidden;z-index:1;height:400px;top:111px;width:100%;margin:0;padding:0;background:white;} body.homepage #det-slider { overflow:hidden;position:relative;height:400px;top:0;width:100%;margin:0;padding:0;background:#fff;border-bottom:1px solid #ddd;-webkit-transition: background-position 1.4s ease-in-out 0.3s; -moz-transition: background-position 1.4s ease-in-out 0.3s; -o-transition: background-position 1.4s ease-in-out 0.3s; -ms-transition:background-position 1.4s ease-in-out 0.3s;transition:background-position 1.4s ease-in-out 0.3s;} #det-slider .da-slide{ display:block;overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;background:transparent;z-index:1;} #det-slider .da-slide div { background-position:center center;background-repeat:no-repeat;background-size:cover;} #det-slider .da-slide p { padding:44px 11px 11px 66px;vertical-align:middle;color:#666;font-family:'IBM Plex Sans', Roboto,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:26pt;text-transform:uppercase;} #det-slider .da-slide-current{z-index:999;} #det-slider .da-slide div, #det-slider .da-slide p {display:block;width:50%;height:400px;float:left;margin:0;opacity:0;vertical-align:middle;text-align:left;} #det-slider .da-slide:first-of-type div, #det-slider .da-slide-current p, .da-slide-current div{opacity:1;} #det-slider .da-slide-fromright div {-webkit-animation: showAnim 1.2s ease-in 0.3s both; -moz-animation: showAnim 1.2s ease-in 0.3s both; -o-animation: showAnim 1.2s ease-in 0.3s both; -ms-animation: showAnim 1.2s ease-in 0.3s both; animation: showAnim 1.2s ease-in 0.3s both;} #det-slider .da-slide-fromleft div {-webkit-animation: showAnim 1.2s ease-in 0.3s both; -moz-animation: showAnim 1.2s ease-in 0.3s both; -o-animation: showAnim 1.2s ease-in 0.3s both; -ms-animation: showAnim 1.2s ease-in 0.3s both; animation: showAnim 1.2s ease-in 0.3s both;} #det-slider .da-slide-toleft div {-webkit-animation: hideAnim 1.2s ease-in 0.1s both; -moz-animation: hideAnim 1.2s ease-in 0.1s both; -o-animation: hideAnim 1.2s ease-in 0.1s both; -ms-animation: hideAnim 1.2s ease-in 0.1s both; animation: hideAnim 1.2s ease-in 0.1s both;} #det-slider .da-slide-toright div {-webkit-animation: hideAnim 1.2s ease-in 0.1s both; -moz-animation: hideAnim 1.2s ease-in 0.1s both; -o-animation: hideAnim 1.2s ease-in 0.1s both; -ms-animation: hideAnim 1.2s ease-in 0.1s both; animation: hideAnim 1.2s ease-in 0.1s both;} #det-slider .da-slide-fromright p {-webkit-animation: showAnim 0.8s ease-in 0.6s both; -moz-animation: showAnim 0.8s ease-in 0.4s both; -o-animation: showAnim 0.8s ease-in 0.4s both; -ms-animation: showAnim 0.8s ease-in 0.4s both; animation: showAnim 0.8s ease-in 0.4s both;} #det-slider .da-slide-fromleft p {-webkit-animation: showAnim 0.8s ease-in 0.6s both; -moz-animation: showAnim 0.8s ease-in 0.4s both; -o-animation: showAnim 0.8s ease-in 0.4s both; -ms-animation: showAnim 0.8s ease-in 0.4s both; animation: showAnim 0.8s ease-in 0.4s both;} #det-slider .da-slide-toleft p {-webkit-animation: hideAnim 0.8s ease-in 0.3s both; -moz-animation: hideAnim 0.8s ease-in 0.2s both; -o-animation: hideAnim 0.8s ease-in 0.2s both; -ms-animation: hideAnim 0.8s ease-in 0.2s both; animation: hideAnim 0.8s ease-in 0.2s both;} #det-slider .da-slide-toright p {-webkit-animation: hideAnim 0.8s ease-in 0.3s both; -moz-animation: hideAnim 0.8s ease-in 0.2s both; -o-animation: hideAnim 0.8s ease-in 0.2s both; -ms-animation: hideAnim 0.8s ease-in 0.2s both; animation: hideAnim 0.8s ease-in 0.2s both;} @-webkit-keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @-webkit-keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} @-moz-keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @-moz-keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} @-o-keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @-o-keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} @-ms-keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @-ms-keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} @keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} #det-slider .da-dots{ width:222px;position:absolute;text-align:right;bottom:11px;right:22px;z-index:2000;-moz-user-select:none;-webkit-user-select:none;} #det-slider .da-dots span{ display:inline-block;position:relative;width:15px;height:15px;border-radius:50%;background:#ddd;margin:3px;cursor:pointer;} #det-slider .da-dots span.da-dots-current:after{content:'';width:9px;height:9px;position:absolute;top:3px;left:3px;border-radius:50%;background:#fff;} @media (max-width: 960px) { #det-slider .da-slide p {font-size:18pt;} #det-slider .da-slide div, #det-slider .da-slide p {width:100%;} #det-slider .da-slide p {position:absolute;width:100%;z-index:1;top:0;left:0;color:#000;text-shadow: 1px 1px 3px #fff;} #det-slider .da-dots span{background:#fff;} #det-slider .da-dots span.da-dots-current:after{background:#aaa;} body.homepage #det-envel{top:66px;} body.homepage #middle {padding-top:477px;}} @media (max-width:1200px) { #det-slider .da-slide p {font-size:22pt;}} /* 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-srchw { background-position: 0 0;} i.smnu-srchb { background-position: 0 -20px;} i.smnu-lockw { background-position: -20px 0;} i.smnu-lockb { background-position: -20px -20px;} i.smnu-baskw { background-position: -40px 0;} i.smnu-baskb { background-position: -40px -20px;} i.smnu-rgtw { background-position: -60px 0;} i.smnu-rgtb { background-position: -60px -20px;} i.smnu-dnw { background-position: -80px 0;} i.smnu-dnb { background-position: -80px -20px;} i.smnu-upw { background-position: -100px 0;} i.smnu-upb { background-position: -100px -20px;} i.smnu-astw { background-position: -120px 0;} i.smnu-astb { background-position: -120px -20px;} i.smnu-unlw { background-position: -140px 0;} i.smnu-unlb { background-position: -140px -20px;} i.smnu-userw { background-position: -160px 0;} i.smnu-userb { background-position: -160px -20px;} /* gn-menu ------------------------------------------------------------------------ */ ul#gn-menu{ position:absolute;top:0;right:0;display:inline-block;width:0;height:22px;z-index:11111;} .gn-trigger { position:relative;display:inline-block;width:0;height:22px;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:-2px;width:0;height:3px;background:#bfc0e5;box-shadow:0 3px #272da8, 0 -6px #bfc0e5, 0 -8px #272da8, 0 -12px #bfc0e5;content: '';} .gn-trigger.gn-selected::before { background: #272da8;box-shadow:0 3px #272da8, 0 -6px #272da8, 0 -8px #272da8, 0 -12px #272da8;} .gn-trigger > a { padding:0;margin:0;z-index:1;position:absolute;top:0;right:0;width:0;height:22px;} .gn-wrapper { position:absolute;top:32px;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:8pt;text-transform: uppercase;} .gn-scroller > ul li { width:100%;height:0;display:block;list-style:none;text-decoration:none;line-height:24px;-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 a { color:#333;display:block;width:100%;} .gn-scroller > ul li a:hover { color:#fff;background-color:#272da8;} ul#gn-menu .gn-scroller > ul > li a{ padding:6px;} .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:33px} .gn-wrapper.gn-open-all .gn-scroller > ul > li { height:30px;padding:6px 11px;} @media screen and (max-width: 960px) { ul#gn-menu{ width:22px;} .gn-trigger { width:22px} .gn-trigger::before { width:18px;} .gn-trigger > a { width:28px;} .gn-scroller > ul { font-size:10pt;} } @media screen and (max-width: 422px) { .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%} } /* TopMenu ----------------------------------------------------------------------- */ #vmnu{ height:22px;min-width:700px;max-width:1560px;width:100%;font-size:10pt;font-weight:400;text-transform:uppercase;letter-spacing:1.6px;position:relative;z-index:999;text-align:left;} #vmnu>ul{ z-index:999;max-width:1500px;height:22px;float:left;} #vmnu>ul>li{ float:left;min-height:22px;line-height:22px;margin: auto 11px auto 0;} #vmnu>ul>li:hover>a,#vmnu>ul>li:active>a{ color:#ffffff;text-shadow: rgb(255, 255, 255) 0px 0px 0.65px, rgb(255, 255, 255) 0px 0px 0.65px;} #vmnu>ul>li>a{ position: relative;min-height:22px;text-align:center;float:left;padding:0 11px;} #vmnu>ul>li>a:before { content:'';background:#fff;position:absolute;left:-3px;top:0;height:100%;width:3px;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} #vmnu>ul>li>a:hover:before { opacity:1;} #vmnu ul li .sm-anim, #likevmnu ul li .sm-anim{ display:none} #vmnu ul li:hover>.sm-anim, #likevmnu ul li:hover>.sm-anim, #vmnu ul li:active>.sm-anim, #likevmnu ul li:active>.sm-anim, #vmnu ul li .sm-anim.showed, #likevmnu 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:0;opacity:0;} #vmnu ul li i.solmnu.smnu-rgtb{ margin:8px 6px 0 0;} #vmnu ul,#vmnu li,#vmnu a,#vmnu p,#likevmnu ul,#likevmnu li,#likevmnu a,#likevmnu p{margin:0;padding:0;list-style:none;text-decoration:none;display:block} #vmnu>ul{ text-align:left;display:table;} #vmnu>ul>li>a { color:#eee} #vmnu span.rcol { margin-top: 0;} #vmnu ul li .sdd.smnu li .sdd.smnu{ left:0;position:absolute;top:-1px;} #vmnu ul li .sdd, #likevmnu ul li .sdd { position:absolute;top:22px;width:199px;padding-bottom:8px;padding-top:8px;background:#272da8;box-shadow:0px 3px 11px -2px rgba(0,0,0,0.22);} #vmnu ul li .sdd li{ width:100%;line-height:22px;position:relative;} #vmnu ul li .sdd li a{ color:#eee;font-size:10pt;padding:8px 20px} #vmnu ul li .sdd li:hover>a,#vmnu ul li .sdd li a:active{color:#ffffff;text-shadow:rgb(255, 255, 255) 0px 0px 0.65px, rgb(255, 255, 255) 0px 0px 0.65px;} #vmnu ul li .sdd.smnu li ul { left:100%;top:-2px} #vmnu ul li>ul.sdd.smnu { padding-top:22px;} #vmnu ul li .sdd.wide{ position:absolute;left:0;top:22px;width:999px;min-height:100px;padding-bottom:8px;padding-top:8px} #vmnu ul li .sdd.wide > div.float-left{ float:left;width:22%;margin:0 1.5%;} #vmnu ul li .sdd.wide h1{ color:#bfc0e5;font-size:11pt;font-weight:600;margin:18px 0 11px 0;} #vmnu ul li .sdd.wide hr{ border:1px solid #bfc0e5;width:100%;padding:0;margin:11px 0;} #vmnu ul li .sdd.wide li{ margin:0;padding:0;} #vmnu ul li .sdd.wide li a{ margin:0;padding:6px 0;} #likevmnu>ul{ display: block;width:100%;z-index:2222;font-size:10pt;font-weight:400;text-transform:uppercase;letter-spacing:1.6px;position:relative;text-align:left;} #likevmnu>ul>li{ float:right;min-height:22px;line-height:22px;margin: auto 0 auto 22px;color:#eee;} #likevmnu>ul>li>a{ min-height:22px;text-align:center;padding:0 11px;color:#eee} #likevmnu ul li.logn{ width:66px;cursor:pointer;transition:opacity .4s ease;} #likevmnu>ul>li:hover,#likevmnu>ul>li:active { color:#fff;text-shadow: rgb(255, 255, 255) 0px 0px 0.65px, rgb(255, 255, 255) 0px 0px 0.65px;} #likevmnu>ul>li>.sdd.logn{ width:333px;float:right;top:22px;right:0;z-index:2222;height:244px;padding-bottom:8px;padding-top:8px} #likevmnu>ul>li.logn>a{ padding-left:11px;padding-right:0;} #likevmnu p.sminfo{ width:100%;height:99px;color:#ddd;text-align:center;margin:22px 0;padding:22px;} #likevmnu p.sminfo span{ color:#eee;} .sdd.logn form{ margin-top:11px} .sdd.logn div{ margin:20px; position:relative;} .sdd.logn input { font-weight:600;padding:.6em .6em .6em 4em;width:100%;border:1px solid #eee;background:#fff; background:-webkit-linear-gradient(left,#272da8 44px,#fff 0); background:-moz-linear-gradient(left,#272da8 44px,#fff 0); background:-o-linear-gradient(left,#272da8 44px,#fff 0); background:linear-gradient(left,#272da8 44px,#fff 0);} .sdd.logn input#entimg { background:none;width:1px;height:1px;border:0;padding:0;margin:0} .sdd.logn label { font-weight:400;font-size:10pt;padding:0;color:#ddd;text-shadow:none;display:block;line-height:1.3em;margin-bottom:.5em;} .sdd.logn label i { position:absolute;top:25px;left:11px;text-align:center;margin:6px 11px 0 2px;} .sdd.logn a.sbtn#s { min-width: 0;max-width:none;padding:.4em;width:100%;height:35px;margin:22px 0;font-family:'Fira Sans',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:11pt;} a.sbtn { height:28px;line-height:28px;min-width: 133px;max-width:222px;display:inline-block;position:relative;z-index: 1;padding: 0 2em;font-weight: 400; font-family: 'Fira Sans', Tahoma, "Lucida Grande CE", lucida, sans-serif;background: #565bbb !important;color:#fff !important;text-align: center;vertical-align: middle;background-image: none !important; border: none;-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;} a.sbtn:focus{ outline: none;} a.sbtn::before { content: '';border: 2px solid #ffffff;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,a.sbtn:active { background-color: #fff !important; color: #272da8 !important;} a.sbtn:hover::before,a.sbtn:active::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1;} #srch form{ width:auto;height:33px;margin:0;position:relative;} #srch input#q { display:block;height:30px;width:188px;margin:0;padding-right:30px;border:none;border-radius:4px;z-index:1;color:#333;background:#fff;font-size:15px;font-weight:normal;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:text;} #srch input#q::placeholder { -moz-opacity:0.8;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:0.8;} #srch input[type="submit"] { display:block;position:absolute;top:6px;right:4px;width:20px;height:20px;margin:0;background:transparent url("/etc/jq/img/sol_mnu.png") no-repeat left top !important;text-indent:-11111px;border:none;opacity:0.8;cursor:pointer;transition:opacity .4s ease;} #srch:hover input[type="submit"],#srch:active input[type="submit"] {opacity:1;} /* left mnu accordion2 ------------------------------------------------------------------------ */ .lmacc { width: auto; margin: 11px auto 22px auto; text-align: left;} .lmacc label, .lmacc a.oneit {position: relative; z-index: 20; display: block; height: 44px; line-height: 44px; cursor: pointer; padding: 0 11px; margin: 5px 0; font-size: 17px; text-shadow: none; border-radius: 0; color: #272da8; border: 1px solid #ddd;} .lmacc label:hover, .lmacc a.oneit:hover{ color: #fa7942; text-decoration: none; border: 1px solid #ddd;} .lmacc input:checked + label, .lmacc input:checked + label:hover{ color: #ffffff; border-bottom: 1px solid #ddd;border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .lmacc label:hover:after,.lmacc input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 11px; top: 8px; background: transparent url("/etc/jq/img/arrow_down.png") no-repeat center center;} .lmacc input:checked + label:hover:after{ background-image: url("/etc/jq/img/arrow_up.png");} .lmacc input{ display: none;} .lmacc article, .lmacc nav { background: rgba(255, 255, 255, 0.5); margin-top: -6px;overflow: hidden;height: 0;position: relative;z-index: 10;border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out;} .lmacc input:checked ~ article, .lmacc input:checked ~ nav{ height: auto; overflow-y:visible; border: 1px solid #ddd;border-top-left-radius: 0; border-top-right-radius: 0; -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out;} .lmacc article li.lev2, .lmacc nav li.lev2 { list-style-type:none; list-style-image: none;margin: 6px 3px 0 11px;font-weight:bold;font-size: 10pt;} /* Typo ------------------------------------------------------------------------ */ H1, H2, H3, H4, H5, H6 { margin: 1em 11px 0.5em 33px; font-family: 'IBM Plex Sans', Roboto,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;} H1.low, H2.low, H3.low, H4.low, H5.low, H6.low { margin-top: 0.3em;} H1 { font-size: 140%; margin-left: 0; margin-bottom: 0.8em;font-weight: 700;} H1.fst { margin-top: 0;} H2 { font-size: 130%; font-weight: 700;margin-left: 11px;} H3 { font-size: 120%; font-weight: 700;} H4 { font-size: 110%; margin-bottom: 0.3em;} H5 { font-size: 105%; margin-bottom: 0.3em;} H6 { font-size: 100%; margin-bottom: 0; margin-left: 55px;} #iTabCont H1, #iTabCont H2, #iTabCont H3 {margin-left: 0;} HR { height:1px; border: none; color: #ccc; background-color: #ccc; width: 100%; margin: 1em 0;} HR.blue { height:2px; border: none; color: #272da8; background-color: #272da8; 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 55px; line-height: 133%;} DD, BLOCKQUOTE { margin-left: 66px; font-style: italic; font-size: 90%;} DT { font-weight: bold;} DD { font-size:90%;font-style: normal;} LI { margin-bottom: 0.1em;} IMG { border: none; vertical-align: middle;} STRONG { font-weight: bold;} EM { font-style: italic;} UL LI { list-style-image: url('/img/det_li.gif');} CENTER P { margin-left: 0;} 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 */ div.clanek UL { display: table;} div#container .chzn-container UL, div#container .chosen-container UL {display: block;} 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;} FORM TD H3, FORM TD H4, FORM TD H5 {margin-left: 0; margin-top: 4px; margin-bottom: 0;} 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;} div.report * { font-family: Arial, lucida, sans-serif;} H4.revname { color: #222;font-weight:bold;} H4.TOCname { font-weight: bold;} 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;} /* Colorize ------------------------------------------------------------------------ */ H1, H2, H3, H4, H5, H6 { color: #272da8;} A { color: #272da8;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} A:hover, td.cLight A:hover { color: #fa7942;} 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: #fa7942;} span.curjump { color: #000; font-size: 110%;} div.magarchive div.toc_item h3 { font-size: 115%;} div.magarchive div.toc_item h4 { font-size: 100%;} div.magarchive H1 { color: #000;} div.magarchive H3.mvol a { color: #888;} div.magarchive H3.mvol a:hover { color: #272da8;} div.magarchive H3.mvol span.volno { min-width: 99px;} div.magarchive H3.mvol.onerow { color: #666; margin: 1.2em 0 0 33px;} div.magarchive span.pidipdf { float: left; margin-right: 6px;margin-left: 0;} div.minwidiv h1.mag { color: #999; font-size: 140%;} div.article h2.articleTitle, div.article h2.articleTitleEN {color: #272da8;} div#citshow { font-family: Roboto,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;} table.autixtab td.ixautrow { width: 222px;} div#warn { background-color:#f7f9e7;border:3px solid #fa7942;background-image:none} div#warn em { color:#272da8;font-family: 'IBM Plex Sans', Roboto,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-weight: 700;} div.highlights ul { margin-left: 22px;} div.highlights li { margin-left: 11px;} div.highlights blockquote, div.highlights div.addthis_toolbox {margin-left: 33px;} div.highlights div.addthis_toolbox { min-height: 33px;} div.sbblock, div.welcome { border: 1px solid #eee;padding:0;} div.sbblock h6, div.welcome h4 { padding:11px;margin:0;background-color:#efefef;border: 1px solid #eee;color:#000;font-weight: 700;font-size:11pt;text-transform: uppercase;} div.sbblock p, div.welcome p { padding:0 11px;margin:11px 0;font-size:11pt;} div.sbblock ul { margin: 11px 0 0 0;padding-left:11px;} div.sbblock ul li { margin: 4px 0 4px 16px;} div.welcome p{ margin-bottom:22px;} body.homepage div.magarchive a.ma div.toc_item { margin-top:0} body.homepage div.magarchive a.ma:hover div.toc_item { border-color:transparent;}