/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FEBS app - Actavia layout; 2018; ivosan ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html { height: 100%;} body { height: 100%; color: #000; font-family: "Titillium Web","Source Sans Pro",calibri,sans-serif; font-weight: 400;font-size: 1.125rem;} #wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; position: relative;} #header { position: absolute; min-width: 900px; height:256px; background: #009ee0 url("/img/febs_bg4d.jpg") left top no-repeat; top:0; left: 0; right: 0;z-index:1;} #menubar { position:fixed; z-index: 3333;width: 100%;min-width: 900px;height: 55px; background: transparent url("/img/febs_bg4d.jpg") left top no-repeat;top:0; left: 0; right: 0;} #menubar .container{ height: 55px;border-bottom: 1px solid rgba(255,255,255,.2);} #menubar table { margin: 0;} #headerin { position: relative; overflow: hidden;height:256px;} #headerin a.jname { position: absolute; display:inline-block;top:55px;height: 122px;margin: 0 22px 0 0;background: rgba(0,110,200,.55);} #headerin a.jname:hover { background: rgba(0,156,223,0.77);} #headerin a.jname H1 { margin: 25px 22px 0 22px;font-size: 32pt;color:white;} #middle { width: auto; padding: 266px 0 255px 0;} #middle:after { content: ''; clear: both; display: table;} #middlein { margin: 0 11px;} body.homepage #middlein { margin: 0;} .widefull .container { max-width: 3333px;} .container { position: relative; min-width: 980px; max-width: 1560px;margin: 0 auto;} #content { float: left;width: 100%;margin-bottom: 0;bottom:0;} #contentin { background: white;border: 1px solid white;min-height: 444px;} #contentin2 { margin: 0 11px;} #middle.content3cols #content{padding-right: 233px; padding-left: 233px;} #middle.contentrgt #content{ padding-right: 233px; padding-left: 0;} #middle.contentlft #content{ padding-left: 233px; margin-right: 11px;} #middle.contentfull #content{ padding-right: 0; padding-left: 0; width: 100%;} #sideLeft { float: left; width: 211px; margin: 0 -211px 0 0; position: relative;z-index:0;} #sideRight { float: left; width: 211px; margin: 0 0 0 -211px; position: relative;} #sideRightIn { vertical-align: top;} #middle.content3cols .sidebar{min-height: 555px;} #middle.content3cols #contentin{min-height: 555px;} #footer { width:100%; height:244px; background: #293952; position: absolute; left: 0; bottom: 0;} #footerin { width:100%; height:188px;overflow:hidden;} #footerin div.rcol { height:166px;margin-top: 11px;border-left: 1px solid rgba(255,255,255,.2);} #footerin div.rcol:first-of-type {border-left: none;} #footerin div.rcol a { display:block; line-height:166px;margin: 0;text-align:center;vertical-align:middle;} #footerin div.rcol a img { -moz-opacity:0.80; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity:0.80; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";} #footerin div.rcol a:hover img {-khtml-opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=1)"; filter:alpha(opacity=1); opacity:1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";} #footer #footerdark{ width:100%;height:56px;background-color: #223047;color: rgba(255,255,255,.4);overflow:hidden;} #footer #footerdark div.rcol span{ margin:11px 22px 0 22px;} div#fmenu ul { margin: 0;} div#fmenu li { list-style: none; text-decoration: none; margin: 3px 0 3px 22px;} div.rcol p, div.rcol li, div.rcol h4, div.rcol h3, div.rcol h2, div.rcol h1 { margin-left: 22px;margin-right: 22px;} /* Headroom animace ------------------------------------------------------------------------ */ @-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%)}} #menubar.headroom { -webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both} #menubar.headroom--pinned { -webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown} #menubar.headroom--unpinned { -webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp} @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)}} /* TopMenu FEBS ------------------------------------------------------------------------ */ #vmnu{ height:54px;font-size:16px;font-weight:600;width:100%;min-width: 900px;position:relative;z-index:999} #vmnu>ul{ position:relative;z-index:999;width:100%;min-height:54px;float:left;} #vmnu>ul>li{ float:left;min-height:54px;line-height:54px;} #vmnu>ul>li:hover>a{ color:#fff;text-shadow:none;text-decoration:underline;background: rgba(0,156,223,0.88);} #vmnu>ul>li>a{ color:#fff;min-height:54px;text-align:center;float:left;padding-left:22px;padding-right:22px;} #vmnu>ul>li.title:hover{ background: none;} #vmnu>ul>.title a{ -ms-filter:"alpha(opacity=85)"; filter:alpha(opacity=0.85); opacity: 0.85;} #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{ 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:15px 0;} #vmnu>ul>li sdd.logn i.solmnu{ margin-top:10px;} #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 li .sdd.smnu li:hover>a,#vmnu ul li .sdd.wide li:hover>a{background:#006ec8;} #vmnu hr{ height:1px; border: none; margin:6px 20px; color: #28211f; background-color: #28211f;} #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;box-shadow:0 2px 5px rgba(0,0,0,.44);} #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,#vmnu>ul>li>.sdd.bask:first-of-type{ border-top:none} #vmnu ul li .sdd.smnu, #vmnu ul li .sdd.wide, #vmnu ul li .sdd.logn, #vmnu ul li .sdd.bask{ position:absolute;width:222px;background:#fff;float:left;top:53px;-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:#fff;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:#006ec8;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:18%;margin-top:0;margin-left:1.7%;margin-bottom:0} #vmnu ul li .sdd.wide h1{ color:#006ec8;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:50px; width: auto; margin: 4px 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: 2px 0 0 0; padding-right: 33px; width: 0; position: absolute; top: 6px; right: 6px; font-size:15px;font-weight: 400; 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 #ddd; cursor: text; margin-right: 25px;} #vmnu ul li.srch input#q:focus:hover { border-bottom: 1px dotted #ddd;} #vmnu ul li.srch input[type="submit"] { display: block; z-index: 2; float: right; width: 20px; height: 20px; position: absolute; top: 5px; right: 6px; margin: 11px 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:188px;padding-bottom:0;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 0 22px; position:relative;} .sdd.logn input { font-weight:700;padding:.6em .6em .6em 4em;width:100%;border:1px solid #ccc;background:#fff; background:-webkit-linear-gradient(left,#006ec8 44px,#fff 0); background:-moz-linear-gradient(left,#006ec8 44px,#fff 0); background:-o-linear-gradient(left,#006ec8 44px,#fff 0); background:linear-gradient(left,#006ec8 44px,#fff 0);} .sdd.logn input#entimg { border:0;background:none;width:1px;height:1px;padding:0;margin:0} .sdd.logn label { font-weight:700;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 0 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:500; font-family: "Titillium Web",Calibri,sans-serif; background: #006ec8 !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;} #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 #006ec8;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-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: #006ec8 !important;} a.sbtn:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1;} #vmnu p.sminfo{ width:100%;height:66px;color:#999;text-align:center;margin:22px 0;padding:22px;} #vmnu p.sminfo span{ color:#666;} /* sbblock (SideBar block) definovany v lay-shared2.css ------------------------------------------------------------------------ */ div.sbblock { background: #fff; width: 100%; position: relative; border: none;padding:0;margin: 0;border-bottom: 4px solid #e1e1e1;margin-bottom:0;} div.sbblock.noborder { border-bottom: none;} div.sbblock a:hover div.sbblue, div.sbblock a:hover div.sbred, div.sbblock div.sbblue div.sbblock div.sbred { background: #fff; border-top: 1px solid #fff; border-bottom: 4px solid #e1e1e1;height: 55px;padding:0;margin:0;transition: all 0.3s ease;} div.sbblock div.sbblue { background: #009bdf; border-top: 1px solid #009bdf;} div.sbblock div.sbred { background: #c21f34; border-top: 1px solid #c21f34;} div.sbblock div.sbblue h2, div.sbblock div.sbred h2 { color: #fff; font-size: 14pt; padding: 0; margin: 0 11px; line-height:50px;vertical-align:middle;transition: all 0.3s ease;} div.sbblock a:hover div.sbblue h2 {color: #009bdf;} div.sbblock a:hover div.sbred h2 { color: #c21f34;} div.sbblock div.kz { padding: 11px 0;} /* pripadne presnejsim pravidlem upravit */ #sideRightIn div.sbblock { padding: 0.6em 3px;} body.homepage div#contentin { background: transparent;border: none;} body.homepage #contentin2 { margin: 0 0;} div.aiblock, div.rcol div.rotqbl { background: white;width: 100%; position: relative; border: none;padding:0;margin: 0 0 4px 0;} div.aiblock { height: 55px;} div.aiblock h2 { font-size: 14pt; font-weight: 600;padding: 0; margin: 0 22px; line-height:55px;vertical-align:middle;transition: all 0.3s ease;} div.aired a div.aiblock { background: #c21f34; border-top: 1px solid #c21f34;} div.aired a div.aiblock h2 { color: #fff;} div.aired a:hover div.aiblock { background: #fff; border-top: 1px solid #fff;transition: all 0.3s ease;} div.aired a:hover div.aiblock h2, div.aired div.rotqbl h2, div#content div.aired div.rotqbl a {color: #c21f34;} div.rcol div.rotqbl { border-top: 1px solid #fff;border-bottom: 1px solid #fff;} div.rcol div.rotqbl a h4 { font-weight: 600;} div.rcol div.rotqbl a h4, div.rcol div.rotqbl a p { color:#444;transition: all 0.6s ease;} div.rcol div.aiblock a.aimore { font-size: 12pt; font-weight: normal;float:right;} div.rcol div.rotqbl a:hover p { color: #000;} div.rcol div.rotqbl p.rotbkaddon { margin-bottom: 11px;color:#999} div.rcol div.rotqbl p.rotbkaddon.mb22px {margin-bottom: 18px;} div.rcol div.rotqbl p { text-align: justify;} div.rcol div.rotqbl h4 { font-weight: 600;} div.rcol div.rotqbl dt { margin: 6px 22px 0 22px} div.rcol div.rotqbl dd { margin: 3px 22px 6px 22px} div.aiblue div.aiblock h2, div#content div.aiblue div.aiblock h2 a.aimore, div.aiblue div.rotqbl p span.doi, div.aiblue div.rotqbl a:hover h4 {color: #009bdf;} div.aigreen div.aiblock h2, div#content div.aigreen div.aiblock h2 a.aimore, div.aigreen div.rotqbl p span.doi, div.aigreen div.rotqbl a:hover h4 {color: #7aad47;} div.aired div.aiblock h2, div#content div.aired div.aiblock h2 a.aimore, div.aired div.rotqbl p span.doi, div.aired div.rotqbl a:hover h4 {color: #c21f34;} div.rotqbl span.viewcnt { margin-right:0;width:66px;height:18px;line-height:18px;} div.rotqbl span.viewcnt span {float:none;margin: 2px 6px 0 0;} span.viewcnt span { width: 24px; height:16px; background-image: url("/img/aip_eye14.gif");margin: 2px 0 0 0;opacity:0.6;} table.ahdr { width: 100%;} table.ahdr tr td { vertical-align: top;} table.ahdr h1 { text-align: left; font-size: 16pt; font-weight: 600;color: #009bdf;margin: 0; padding:0;line-height:40px;vertical-align:middle;} span.aiphpicn, span.aipicnmin, span.aippdficn, span.aipvc {display: inline-block; vertical-align: text-top;background:url(/img/aip_icdesa.gif) no-repeat} span.aipvc { width: 23px; height: 15px; line-height: 15px;background-position: 0 -240px;margin:2px 6px 3px 0;opacity:0.66;} span.aiphpicn { width: 120px; height: 40px; line-height: 40px} span.aipicnmin { width: 30px; height: 26px; line-height: 26px} span.aippdficn { width: 60px; height: 64px; line-height: 64px} span.aiphpicn.erih { background-position: 0 0} span.aiphpicn.doaj { background-position: 0 -40px} span.aiphpicn.rulft { background-position: 0 -80px} span.aiphpicn.rurgt { background-position: 0 -120px} span.aiphpicn.wcat { background-position: 0 -160px} span.aiphpicn.repec { background-position: 0 -200px} span.aiphpicn.oa { background-position: -39px -240px; width: 81px;height: 31px; line-height: 31px;float:right;} span.aipicnmin.eyeg { background-position: 0 -271px} span.aipicnmin.dng { background-position: -30px -271px} span.aipicnmin.bookg { background-position: -60px -271px} span.aipicnmin.timeg { background-position: -90px -271px} span.aipicnmin.eyer { background-position: 0 -297px} span.aipicnmin.dnr { background-position: -30px -297px} span.aipicnmin.scholar { background-position: -60px -297px} span.aippdficn { background-position: 0 -324px} span.aippdficn.save { background-position: -60px -324px} li.aipicn { height: 30px; line-height: 30px;vertical-align:middle;} span.px88 { display: inline-block;width: 88px;margin-right:6px;text-align:right;} span.aipicnmin { margin: 3px 4px 0 0;float:left;} b#vies { font-size: 110%} div.rsect.aipai { width:100%;} div.rsect.aipai div.rcol { text-align:center;} div.rsect.aipai div.rcol span.aiphpicn {margin: 6px 11px;} div.rsect.aipai div.rcol span.rulft { margin-right: 0;} div.rsect.aipai div.rcol span.rurgt { margin-left: 0;} @media (max-width : 1350px) { div.rsect.aipai div.rcol.r_2of3 { width: 100%;margin-left:0;} div.rsect.aipai div.rcol.r_1of3 { width: 100%;margin-left:0;} } /* Homepage slides ------------------------------------------------------------------------ */ div#aip-slider.da-slider { width: 100%;min-width: 316px;margin: 0; padding: 0; height: 300px;border:none;box-shadow:none;} div#aip-slider .da-dots { bottom: 6px;} div#aip-slider .da-dots span { background: #666;} .da-slide div.aip-bg { position: absolute; top:0; left:0;width: 100%; height: 316px; z-index: 0;background: white} .da-slide.aip-slide1 div.aip-bg { background: white url("/img/aip_banner0.jpg") no-repeat top center;} .da-slide.aip-slide2 div.aip-bg { opacity: 0; background: white url("/img/aip_banner1.jpg") no-repeat top left;} .da-slide.aip-slide3 div.aip-bg { opacity: 0; background: white url("/img/aip_banner2.jpg") no-repeat top left;} table#editor .da-slide div.aip-bg {position: relative;} table#editor div#aip-slider { overflow: hidden;} .da-slide-fromright div.aip-bg { -webkit-animation: showAnim 0.8s ease-in 0.4s 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;} .da-slide-fromleft div.aip-bg { -webkit-animation: showAnim 0.8s ease-in 0.4s 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;} .da-slide-toleft div.aip-bg { -webkit-animation: hideAnim 0.8s ease-in 0.2s 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;} .da-slide-toright div.aip-bg { -webkit-animation: hideAnim 0.8s ease-in 0.2s 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;}} @-moz-keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @-o-keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @-ms-keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @keyframes showAnim{ 0% {opacity: 0;} 100% {opacity: 1;}} @-webkit-keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} @-moz-keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} @-o-keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} @-ms-keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} @keyframes hideAnim{ 0% {opacity: 1;} 100% {opacity: 0;}} div#aip-slider .da-slide li { display: block; z-index:1; text-align: left; margin: 0; padding-left: 11px;width: 111px; right: 0; height: 44px; line-height: 40px; vertical-align: middle;position: absolute; opacity: 1;font-size: 16pt;border: 2px solid white;border-width: 2px 0px 2px 2px;} div#aip-slider .da-slide li.aib-red { background: #d80100; color: white;top: 40px;} div#aip-slider .da-slide li.aib-yel { background: #ffbe00; color: black;top: 100px;} div#aip-slider .da-slide li.aib-gre { background: #a3d801; color: black;top: 160px;} div#aip-slider .da-slide li.aip-blu { background: #009dde; color: black;top: 220px;} div#aip-slider .da-slide li.aip-blu a { color: black;} .da-slide-fromright li.aib-red, .da-slide-fromleft li.aib-red { -webkit-animation: aipFrRgtAnim1 0.6s ease-in 0.2s both; -moz-animation: aipFrRgtAnim1 0.6s ease-in 0.2s both; -o-animation: aipFrRgtAnim1 0.6s ease-in 0.2s both; -ms-animation: aipFrRgtAnim1 0.6s ease-in 0.2s both; animation: aipFrRgtAnim1 0.6s ease-in 0.2s both;} .da-slide-fromright li.aib-yel, .da-slide-fromleft li.aib-yel { -webkit-animation: aipFrRgtAnim1 0.6s ease-in 0.4s both; -moz-animation: aipFrRgtAnim1 0.6s ease-in 0.4s both; -o-animation: aipFrRgtAnim1 0.6s ease-in 0.4s both; -ms-animation: aipFrRgtAnim1 0.6s ease-in 0.4s both; animation: aipFrRgtAnim1 0.6s ease-in 0.4s both;} .da-slide-fromright li.aib-gre, .da-slide-fromleft li.aib-gre { -webkit-animation: aipFrRgtAnim1 0.6s ease-in 0.6s both; -moz-animation: aipFrRgtAnim1 0.6s ease-in 0.6s both; -o-animation: aipFrRgtAnim1 0.6s ease-in 0.6s both; -ms-animation: aipFrRgtAnim1 0.6s ease-in 0.6s both; animation: aipFrRgtAnim1 0.6s ease-in 0.6s both;} .da-slide-fromright li.aip-blu, .da-slide-fromleft li.aip-blu { -webkit-animation: aipFrRgtAnim1 0.6s ease-in 0.8s both; -moz-animation: aipFrRgtAnim1 0.6s ease-in 0.8s both; -o-animation: aipFrRgtAnim1 0.6s ease-in 0.8s both; -ms-animation: aipFrRgtAnim1 0.6s ease-in 0.8s both; animation: aipFrRgtAnim1 0.6s ease-in 0.8s both;} .da-slide-toright li.aib-red, .da-slide-toleft li.aib-red { -webkit-animation: aipToRgtAnim1 0.4s ease-in 0.8s both; -moz-animation: aipToRgtAnim1 0.4s ease-in 0.8s both; -o-animation: aipToRgtAnim1 0.4s ease-in 0.8s both; -ms-animation: aipToRgtAnim1 0.4s ease-in 0.8s both; animation: aipToRgtAnim1 0.4s ease-in 0.8s both;} .da-slide-toright li.aib-yel, .da-slide-toleft li.aib-yel { -webkit-animation: aipToRgtAnim1 0.4s ease-in 0.6s both; -moz-animation: aipToRgtAnim1 0.4s ease-in 0.6s both; -o-animation: aipToRgtAnim1 0.4s ease-in 0.6s both; -ms-animation: aipToRgtAnim1 0.4s ease-in 0.6s both; animation: aipToRgtAnim1 0.4s ease-in 0.6s both;} .da-slide-toright li.aib-gre, .da-slide-toleft li.aib-gre { -webkit-animation: aipToRgtAnim1 0.4s ease-in 0.4s both; -moz-animation: aipToRgtAnim1 0.4s ease-in 0.4s both; -o-animation: aipToRgtAnim1 0.4s ease-in 0.4s both; -ms-animation: aipToRgtAnim1 0.4s ease-in 0.4s both; animation: aipToRgtAnim1 0.4s ease-in 0.4s both;} .da-slide-toright li.aip-blu, .da-slide-toleft li.aip-blu { -webkit-animation: aipToRgtAnim1 0.4s ease-in 0.2s both; -moz-animation: aipToRgtAnim1 0.4s ease-in 0.2s both; -o-animation: aipToRgtAnim1 0.4s ease-in 0.2s both; -ms-animation: aipToRgtAnim1 0.4s ease-in 0.2s both; animation: aipToRgtAnim1 0.4s ease-in 0.2s both;} @-webkit-keyframes aipFrRgtAnim1{ 0% {width: 0; opacity: 0;} 100% {width: 111px; opacity: 1;}} @-moz-keyframes aipFrRgtAnim1{ 0% {width: 0; opacity: 0;} 100% {width: 111px; opacity: 1;}} @-o-keyframes aipFrRgtAnim1{ 0% {width: 0; opacity: 0;} 100% {width: 111px; opacity: 1;}} @-ms-keyframes aipFrRgtAnim1{ 0% {width: 0; opacity: 0;} 100% {width: 111px; opacity: 1;}} @keyframes aipFrRgtAnim1{ 0% {width: 0; opacity: 0;} 100% {width: 111px; opacity: 1;}} @-webkit-keyframes aipToRgtAnim1{ 0% {width: 111px; opacity: 1;} 30% {width: 122px; opacity: 1;} 100% {width: 0; opacity: 0;}} @-moz-keyframes aipToRgtAnim1{ 0% {width: 111px; opacity: 1;} 30% {width: 122px; opacity: 1;} 100% {width: 0; opacity: 0;}} @-o-keyframes aipToRgtAnim1{ 0% {width: 111px; opacity: 1;} 30% {width: 122px; opacity: 1;} 100% {width: 0; opacity: 0;}} @-ms-keyframes aipToRgtAnim1{ 0% {width: 111px; opacity: 1;} 30% {width: 122px; opacity: 1;} 100% {width: 0; opacity: 0;}} @keyframes aipToRgtAnim1{ 0% {width: 111px; opacity: 1;} 30% {width: 122px; opacity: 1;} 100% {width: 0; opacity: 0;}} div#aip-slider .da-slide h3, div#aip-slider .da-slide p { left: 0; z-index:1; height: 36px;line-height: 36px; margin: 0; padding-left: 22px;font-weight: 600;font-style: normal; text-align: left; vertical-align: middle;background: rgba(255, 255, 255, 0.8);border: 2px solid white;border-width: 2px 2px 2px 0;} div#aip-slider .da-slide p { width: 299px; top: 66px; font-size: 12pt;color: #333;} div#aip-slider .da-slide h3 { width: 299px; top: 122px; font-size: 14pt;color: #111;} div#aip-slider .da-slide p.sec { top: 177px;} div#aip-slider .da-slide-current div.aip-bg { opacity: 1;} div#aip-slider .da-slide-fromright p { -webkit-animation: aipFrRgtAnim2 0.4s ease-in 0.2s both; -moz-animation: aipFrRgtAnim2 0.4s ease-in 0.2s both; -o-animation: aipFrRgtAnim2 0.4s ease-in 0.2s both; -ms-animation: aipFrRgtAnim2 0.4s ease-in 0.2s both; animation: aipFrRgtAnim2 0.4s ease-in 0.2s both;} div#aip-slider .da-slide-fromleft p { -webkit-animation: aipFrLftAnim2 0.4s ease-in 0.2s both; -moz-animation: aipFrLftAnim2 0.4s ease-in 0.2s both; -o-animation: aipFrLftAnim2 0.4s ease-in 0.2s both; -ms-animation: aipFrLftAnim2 0.4s ease-in 0.2s both; animation: aipFrLftAnim2 0.4s ease-in 0.2s both;} div#aip-slider .da-slide-toright p { -webkit-animation: aipToRgtAnim2 0.6s ease-in 0.0s both; -moz-animation: aipToRgtAnim2 0.6s ease-in 0.0s both; -o-animation: aipToRgtAnim2 0.6s ease-in 0.0s both; -ms-animation: aipToRgtAnim2 0.6s ease-in 0.0s both; animation: aipToRgtAnim2 0.6s ease-in 0.0s both;} div#aip-slider .da-slide-toleft p { -webkit-animation: aipToLftAnim2 0.6s ease-in 0.0s both; -moz-animation: aipToLftAnim2 0.6s ease-in 0.0s both; -o-animation: aipToLftAnim2 0.6s ease-in 0.0s both; -ms-animation: aipToLftAnim2 0.6s ease-in 0.0s both; animation: aipToLftAnim2 0.6s ease-in 0.0s both;} div#aip-slider .da-slide-fromright h3 { -webkit-animation: aipFrRgtAnim2 0.5s ease-in 0.4s both; -moz-animation: aipFrRgtAnim2 0.5s ease-in 0.4s both; -o-animation: aipFrRgtAnim2 0.5s ease-in 0.4s both; -ms-animation: aipFrRgtAnim2 0.5s ease-in 0.4s both; animation: aipFrRgtAnim2 0.5s ease-in 0.4s both;} div#aip-slider .da-slide-fromleft h3 { -webkit-animation: aipFrLftAnim2 0.5s ease-in 0.4s both; -moz-animation: aipFrLftAnim2 0.5s ease-in 0.4s both; -o-animation: aipFrLftAnim2 0.5s ease-in 0.4s both; -ms-animation: aipFrLftAnim2 0.5s ease-in 0.4s both; animation: aipFrLftAnim2 0.5s ease-in 0.4s both;} div#aip-slider .da-slide-toright h3 { -webkit-animation: aipToRgtAnim2 0.5s ease-in 0.2s both; -moz-animation: aipToRgtAnim2 0.5s ease-in 0.2s both; -o-animation: aipToRgtAnim2 0.5s ease-in 0.2s both; -ms-animation: aipToRgtAnim2 0.5s ease-in 0.2s both; animation: aipToRgtAnim2 0.5s ease-in 0.2s both;} div#aip-slider .da-slide-toleft h3 { -webkit-animation: aipToLftAnim2 0.5s ease-in 0.2s both; -moz-animation: aipToLftAnim2 0.5s ease-in 0.2s both; -o-animation: aipToLftAnim2 0.5s ease-in 0.2s both; -ms-animation: aipToLftAnim2 0.5s ease-in 0.2s both; animation: aipToLftAnim2 0.5s ease-in 0.2s both;} div#aip-slider .da-slide-fromright p.sec { -webkit-animation: aipFrRgtAnim2 0.6s ease-in 0.6s both; -moz-animation: aipFrRgtAnim2 0.6s ease-in 0.6s both; -o-animation: aipFrRgtAnim2 0.6s ease-in 0.6s both; -ms-animation: aipFrRgtAnim2 0.6s ease-in 0.6s both; animation: aipFrRgtAnim2 0.6s ease-in 0.6s both;} div#aip-slider .da-slide-fromleft p.sec { -webkit-animation: aipFrLftAnim2 0.6s ease-in 0.6s both; -moz-animation: aipFrLftAnim2 0.6s ease-in 0.6s both; -o-animation: aipFrLftAnim2 0.6s ease-in 0.6s both; -ms-animation: aipFrLftAnim2 0.6s ease-in 0.6s both; animation: aipFrLftAnim2 0.6s ease-in 0.6s both;} div#aip-slider .da-slide-toright p.sec { -webkit-animation: aipToRgtAnim2 0.4s ease-in 0.4s both; -moz-animation: aipToRgtAnim2 0.4s ease-in 0.4s both; -o-animation: aipToRgtAnim2 0.4s ease-in 0.4s both; -ms-animation: aipToRgtAnim2 0.4s ease-in 0.4s both; animation: aipToRgtAnim2 0.4s ease-in 0.4s both;} div#aip-slider .da-slide-toleft p.sec { -webkit-animation: aipToLftAnim2 0.4s ease-in 0.4s both; -moz-animation: aipToLftAnim2 0.4s ease-in 0.4s both; -o-animation: aipToLftAnim2 0.4s ease-in 0.4s both; -ms-animation: aipToLftAnim2 0.4s ease-in 0.4s both; animation: aipToLftAnim2 0.4s ease-in 0.4s both;} @-webkit-keyframes aipFrRgtAnim2{ 0% {left: 110%; opacity: 0;} 100% {left: 0; opacity: 1;}} @-moz-keyframes aipFrRgtAnim2{ 0% {left: 110%; opacity: 0;} 100% {left: 0; opacity: 1;}} @-o-keyframes aipFrRgtAnim2{ 0% {left: 110%; opacity: 0;} 100% {left: 0; opacity: 1;}} @-ms-keyframes aipFrRgtAnim2{ 0% {left: 110%; opacity: 0;} 100% {left: 0; opacity: 1;}} @keyframes aipFrRgtAnim2{ 0% {left: 110%; opacity: 0;} 100% {left: 0; opacity: 1;}} @-webkit-keyframes aipToRgtAnim2{ 0% {left: 0; opacity: 1;} 30% {left: -11px; opacity: 1;} 100% {left: 110%; opacity: 0;}} @-moz-keyframes aipToRgtAnim2{ 0% {left: 0; opacity: 1;} 30% {left: -11px; opacity: 1;} 100% {left: 110%; opacity: 0;}} @-o-keyframes aipToRgtAnim2{ 0% {left: 0; opacity: 1;} 30% {left: -11px; opacity: 1;} 100% {left: 110%; opacity: 0;}} @-ms-keyframes aipToRgtAnim2{ 0% {left: 0; opacity: 1;} 30% {left: -11px; opacity: 1;} 100% {left: 110%; opacity: 0;}} @keyframes aipToRgtAnim2{ 0% {left: 0; opacity: 1;} 30% {left: -11px; opacity: 1;} 100% {left: 110%; opacity: 0;}} @-webkit-keyframes aipFrLftAnim2{ 0% {width: 0; left: 0; opacity: 0;} 100% {width: 299px; left: 0; opacity: 1;}} @-moz-keyframes aipFrLftAnim2{ 0% {width: 0; left: 0; opacity: 0;} 100% {width: 299px; left: 0; opacity: 1;}} @-o-keyframes aipFrLftAnim2{ 0% {width: 0; left: 0; opacity: 0;} 100% {width: 299px; left: 0; opacity: 1;}} @-ms-keyframes aipFrLftAnim2{ 0% {width: 0; left: 0; opacity: 0;} 100% {width: 299px; left: 0; opacity: 1;}} @keyframes aipFrLftAnim2{ 0% {width: 0; left: 0; opacity: 0;} 100% {width: 299px; left: 0; opacity: 1;}} @-webkit-keyframes aipToLftAnim2{ 0% {width: 299px; left: 0; opacity: 1;} 30% {left: 22px; opacity: 1;} 100% {left: -11px; width: 0; opacity: 0;}} @-moz-keyframes aipToLftAnim2{ 0% {width: 299px; left: 0; opacity: 1;} 30% {left: 22px; opacity: 1;} 100% {left: -11px; width: 0; opacity: 0;}} @-o-keyframes aipToLftAnim2{ 0% {width: 299px; left: 0; opacity: 1;} 30% {left: 22px; opacity: 1;} 100% {left: -11px; width: 0; opacity: 0;}} @-ms-keyframes aipToLftAnim2{ 0% {width: 299px; left: 0; opacity: 1;} 30% {left: 22px; opacity: 1;} 100% {left: -11px; width: 0; opacity: 0;}} @keyframes aipToLftAnim2{ 0% {width: 299px; left: 0; opacity: 1;} 30% {left: 22px; opacity: 1;} 100% {left: -11px; width: 0; opacity: 0;}} div#aip-slider .da-slide .da-link{ top: 222px;left:22px;font-size:11pt;width: 166px;height: 44px;line-height: 33px; margin:0;padding:0;vertical-align:middle;z-index:4;opacity: 0;background: rgba(255,255,255,1);border-color:#009ee0} div#aip-slider .da-slide-fromright .da-link{ -webkit-animation: aipFrRgtAnim3 0.8s ease-in 0.5s both; -moz-animation: aipFrRgtAnim3 0.8s ease-in 0.5s both; -o-animation: aipFrRgtAnim3 0.8s ease-in 0.5s both; -ms-animation: aipFrRgtAnim3 0.8s ease-in 0.5s both; animation: aipFrRgtAnim3 0.8s ease-in 0.5s both;} div#aip-slider .da-slide-fromleft .da-link{ -webkit-animation: aipFrLftAnim3 0.8s ease-in 0.5s both; -moz-animation: aipFrLftAnim3 0.8s ease-in 0.5s both; -o-animation: aipFrLftAnim3 0.8s ease-in 0.5s both; -ms-animation: aipFrLftAnim3 0.8s ease-in 0.5s both; animation: aipFrLftAnim3 0.8s ease-in 0.5s both;} div#aip-slider .da-slide-toright .da-link{ -webkit-animation: aipToRgtAnim3 0.6s ease-in 0.0s both; -moz-animation: aipToRgtAnim3 0.6s ease-in 0.0s both; -o-animation: aipToRgtAnim3 0.6s ease-in 0.0s both; -ms-animation: aipToRgtAnim3 0.6s ease-in 0.0s both; animation: aipToRgtAnim3 0.6s ease-in 0.0s both;} div#aip-slider .da-slide-toleft .da-link{ -webkit-animation: aipToLftAnim3 0.6s ease-in 0.0s both; -moz-animation: aipToLftAnim3 0.6s ease-in 0.0s both; -o-animation: aipToLftAnim3 0.6s ease-in 0.0s both; -ms-animation: aipToLftAnim3 0.6s ease-in 0.0s both; animation: aipToLftAnim3 0.6s ease-in 0.0s both;} @-webkit-keyframes aipFrRgtAnim3{ 0% {left: 133%; opacity: 0;} 100% {left: 22px; opacity: 1;}} @-moz-keyframes aipFrRgtAnim3{ 0% {left: 133%; opacity: 0;} 100% {left: 22px; opacity: 1;}} @-o-keyframes aipFrRgtAnim3{ 0% {left: 133%; opacity: 0;} 100% {left: 22px; opacity: 1;}} @-ms-keyframes aipFrRgtAnim3{ 0% {left: 133%; opacity: 0;} 100% {left: 22px; opacity: 1;}} @keyframes aipFrRgtAnim3{ 0% {left: 133%; opacity: 0;} 100% {left: 22px; opacity: 1;}} @-webkit-keyframes aipToRgtAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 11px; opacity: 1;} 100% {left: 133%; opacity: 0;}} @-moz-keyframes aipToRgtAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 11px; opacity: 1;} 100% {left: 133%; opacity: 0;}} @-o-keyframes aipToRgtAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 11px; opacity: 1;} 100% {left: 133%; opacity: 0;}} @-ms-keyframes aipToRgtAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 11px; opacity: 1;} 100% {left: 133%; opacity: 0;}} @keyframes aipToRgtAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 11px; opacity: 1;} 100% {left: 133%; opacity: 0;}} @-webkit-keyframes aipFrLftAnim3{ 0% {left: -222px; opacity: 0;} 100% {left: 22px; opacity: 1;}} @-moz-keyframes aipFrLftAnim3{ 0% {left: -222px; opacity: 0;} 100% {left: 22px; opacity: 1;}} @-o-keyframes aipFrLftAnim3{ 0% {left: -222px; opacity: 0;} 100% {left: 22px; opacity: 1;}} @-ms-keyframes aipFrLftAnim3{ 0% {left: -222px; opacity: 0;} 100% {left: 22px; opacity: 1;}} @keyframes aipFrLftAnim3{ 0% {left: -222px; opacity: 0;} 100% {left: 22px; opacity: 1;}} @-webkit-keyframes aipToLftAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 33px; opacity: 1;} 100% {left: -222px; opacity: 0;}} @-moz-keyframes aipToLftAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 33px; opacity: 1;} 100% {left: -222px; opacity: 0;}} @-o-keyframes aipToLftAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 33px; opacity: 1;} 100% {left: -222px; opacity: 0;}} @-ms-keyframes aipToLftAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 33px; opacity: 1;} 100% {left: -222px; opacity: 0;}} @keyframes aipToLftAnim3{ 0% {left: 22px; opacity: 1;} 30% {left: 33px; opacity: 1;} 100% {left: -222px; opacity: 0;}} /* Mega Menu ------------------------------------------------------------------------ */ .lmaip { width: auto; margin: 0 auto 11px auto;text-align: left;} .lmaip label, .lmaip a.oneit { display: block; padding: 0 11px; position: relative; z-index: 20; height: 40px;line-height: 40px;cursor: pointer;color: #333; font-size: 12pt; background: #fff;} .lmaip label:hover, .lmaip a.oneit:hover{ background: #fff;} .lmaip input:checked + label, .lmaip input:checked + label:hover{color: #009ee0;text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); border-top: 1px solid #eee;} .lmaip label:hover:after, .lmaip input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 11px; top: 5px; background: transparent url(/etc/jq/img/arrow_down.png) no-repeat center center;} .lmaip input:checked + label:hover:after{ background-image: url(/etc/jq/img/arrow_up.png);} .lmaip input{ display: none;} .lmaip nav { background: rgba(255, 255, 255, 0.5);margin-top: -1px;overflow: hidden;height: 0px;position: relative;z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear;} .lmaip input:checked ~ article, .lmaip input:checked ~ nav{ height: auto; overflow-y:visible;-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;} .lmaip nav li.lev2 { list-style-type:none; list-style-image: none;font-size: 11pt; margin: 9px 3px 0 11px;font-weight: normal;} div.sbblock a.oneit { display: block;color: #000; font-size: 12pt; margin: 0; padding: 0 11px;} div.sbblock a.oneit:hover { color: #009bdf;} div.sbblock a.oneit:last-child { padding: 6px 11px;} div.sbblock a.oneit.lm-act { color: #009bdf;} div.sbblock li.lev2 { margin-left: 33px;} /* iconfiles ------------------------------------------------------------------------ */ #flags { position: absolute; z-index:2; display: block; line-height: 40px; top: 5px; right: 24px;} #flags a { color: #fff; font-weight: 600;} #flags a:hover { color: #eee;} #flags a span { display: inline-block; width: 28px; height: 22px; margin: 0 10px 0 0; padding: 0; position: relative; top: 5px; background: transparent url("/img/vse_flags.gif") no-repeat;opacity: 1; transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;} #flags a:hover span { opacity: 0.85;} #flags a span#cz { background-position: 0 -22px; } #flags a span#sk { background-position: -28px -22px; } #flags a span#en { background-position: -56px -22px; } /* redefinice tlacitek ------------------------------------------------------------------------ */ #content .btn { text-shadow:none;} a.btn, input.btn, form.rf input.btn, form.rf input[type="reset"], form.rf input[type="submit"] {height: 30px; line-height: 30px;margin: 6px 11px !important; background-color: #dddddd !important; color: #444 !important;border: none; background-image: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;} a.btn-min, input.btn-min, form.rf input.btn-min[type="submit"] { height: 26px; line-height: 26px;margin: 4px 6px !important;} a.btn-light, input.btn-light{ background-color: #eeeeee !important; color: #333 !important;} a.btn-red, input.btn-red { background-color: #d84558 !important; color: #fff !important;} a.btn-green, input.btn-green {background-color: #66c663 !important; color: #fff !important;} a.btn-oran, input.btn-oran { background-color: #f8694d !important; color: #fff !important;} a.btn-blue, input.btn-blue { background-color: #009ee0 !important; color: #fff !important;} a.btn-dark, input.btn-dark, a.btn-close, input.btn-close{ background-color: #cccccc !important;} input[type="reset"], form.rf input[type="reset"] { background-color: #d84558 !important; color: #fff !important;} input[type="submit"], form.rf input[type="submit"] { background-color: #66c663 !important; color: #fff !important;} a.btn-dark:hover, input.btn-dark:hover, a.btn-green:hover, a.btn-red:hover, a.btn-oran:hover, a.btn-blue:hover, input.btn-blue:hover, input.btn-green:hover, input.btn-oran:hover, input.btn-red:hover, input[type="submit"]:hover, form.rf input[type="submit"]:hover { color: #000 !important;} a.btn:hover, a.btn-light:hover, input.btn:hover, input.btn-light:hover { color: #000 !important;} /* prebrano ze Solenu, casem prenest do jednodussiho obr. jen pro casopisy ------------------------------------------------------------------------ */ i.solmnu { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat;background-image: url("/img/sol_mnu.png");} i.smnu-srchw { background-position: 0 0;} i.smnu-lockw { background-position: -20px 0;} i.smnu-baskw { background-position: -40px 0;} i.smnu-rgtw { background-position: -60px 0;} i.smnu-dnw { background-position: -80px 0;} i.smnu-upw { background-position: -100px 0;} i.smnu-astw { background-position: -120px 0;} i.smnu-unlw { background-position: -140px 0;} i.smnu-userw { background-position: -160px 0;} i.smnu-srchb { background-position: 0 -20px;} i.smnu-lockb { background-position: -20px -20px;} i.smnu-baskb { background-position: -40px -20px;} i.smnu-rgtb { background-position: -60px -20px;} i.smnu-dnb { background-position: -80px -20px;} i.smnu-upb { background-position: -100px -20px;} i.smnu-astb { background-position: -120px -20px;} i.smnu-unlb { background-position: -140px -20px;} i.smnu-userb { background-position: -160px -20px;} /* Typo ------------------------------------------------------------------------ */ H1, H2, H3, H4, H5, H6 { margin: 2em 11px 0.2em 0;font-weight: 600;} H1.low, H2.low, H3.low, H4.low, H5.low, H6.low { margin-top: 0.3em;} H1 { font-size: 160%; margin-bottom: 0.8em;} H1.fst { margin-top: 0;} H2 { font-size: 140%;} H3 { font-size: 130%;} H4 { font-size: 120%;} H5 { font-size: 110%;} H6 { font-size: 105%; margin-bottom: 0;} #iTabCont H1, #iTabCont H2, #iTabCont H3 {margin-left: 0;} #ajaxinner #iTabCont h1, #ajaxinner #iTabCont h2, #ajaxinner #iTabCont h3 {margin-top: 0.2em;} 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;} div.clanek div.rotqbl hr.blck {margin: 0; padding:0; height:0; width: auto;border:none; visibility: hidden;} BR.bigbreak { line-height: 66px;} P, LI, DT, DD, BLOCKQUOTE, UL, OL, PRE, ADDRESS { margin: 0.3em 11px 0.5em 0; line-height: 133%;} UL, OL { margin-left: 22px;} DD, BLOCKQUOTE { margin-left: 66px; font-style: italic; font-size: 90%;} DT { font-weight: 600;} 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-type: disc;} LI { margin-bottom: 0.1em;} CENTER P { margin-left: 0;} IMG { border: none; vertical-align: middle;} STRONG { font-weight: 600;} EM { font-style: italic;} A { outline: none; cursor:pointer; text-decoration: none;} A.big { font-size: 130%; font-weight: 600;} 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: 600;} TD.mid H4 { margin: 3px 0; font-weight: 600;} 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;} /* Colorize a upravy ------------------------------------------------------------------------ */ H1, H2, H3, H4, H5, H6 { color: #000;font-family: "Titillium Web",Calibri,sans-serif;} H1 { color: #009ee0;} div#warn em { color: #000;font-family: "Titillium Web",Calibri,sans-serif;} A { color: #444;-webkit-text-decoration-skip: objects;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} A:hover { color: #006894;} 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: #009ee0;} div.clanek a { color: #009ee0;text-decoration: underline;} div.clanek a:hover { color: #006894;text-decoration: none;} span.curjump { color: #009ee0;} div.magarchive div.toc_item h3 { font-size: 115%;} div.magarchive div.toc_item h4 { font-size: 100%;} div.magarchive H3.mvol.onerow {color: #666; margin: 1.2em 0 0 33px;} div.magarchive H3.mvol a { color: #888;} div.magarchive H3.mvol a:hover { color: #009ee0;} td.flash_book_title { text-align: left;} td.flash_book_title h2 { border: none; margin-top: 11px;} div.minwidiv h1.mag { color: #999; font-size: 140%;} div.article h2.articleTitle, div.article h2.articleTitleEN {color: #009ee0;} div.clanek a h4 { font-size: 111%} /* pdf odkaz */ p.flags25 { margin: 0.3em 11px 0.3em 88px; text-indent: -36px; line-height: 111%;} p.flags25 span.flag25 { margin-top: 2px;} p.sname { color: #c21f34;} div.magarchive H3.mvol span.volno {min-width: 99px;} table.ahdr td h1 { margin-left: 16px;} form.rf label.ltp2 { width: 60% !important;} form.rf select.ltp2, form.rf .ltp2 .chosen-container, form.rf select.ltp2 + .chosen-container { width: 34% !important;} form.rf input, form.rf textarea, form.rf select { border-color: #009ee0; background: #fff;background-image: none;} input, textarea, select { -webkit-border-radius:none; -moz-border-radius:none; border-radius:none;} @media (min-width: 576px) and (max-width: 767.98px) { body { font-size: 0.9rem;} } @media (min-width: 768px) and (max-width: 991.98px) { body { font-size: 1.0rem;} } @media (min-width: 992px) and (max-width: 1199.98px) { body { font-size: 1.1rem;} } @media (min-width: 1200px) { body { font-size: 1.125rem;} }