 

/*
.m-bg-3 {max-width:1030px; margin:0 auto; background:var(--tgl-white)}
*/

.klikaci-body .m-bg-3 {box-shadow:0 0 10px var(--tgl-neutral60)}

/*
.m-bg-4 {position:relative; z-index:2; width:1000px; min-height:600px; margin:0 auto; padding:.1px 0 1px; background:var(--tgl-white); text-align:left}
@media screen and (min-width:1030px) {
.m-bg-4 {padding-left:15px; padding-right:15px}
.m-bg-4 .lachtan-out {margin-left:-15px; margin-right:-15px}
}
*/
.r-head { margin-right: 10px; font-size: 10px; line-height: 14px; text-align: right; color: #999 }
.r-head span { background-image: url('/u/idn4/reklama.svg') }
.r-body { /*text-align: center*/ }
.r-body .text, .r-body .art { text-align: left }
.r-body table { margin: auto }

.r-box, .r-box2, .r-html { display: table; }
.r-box { display: table; width: 100%; padding: 0 0 .5em }
.r-html .r-body { margin: 0 10px; }

.r-art { position: relative; text-align: left }
.r-art a { text-decoration: none; }
/*.r-art img { width: 135px; height: auto; float: left; margin: 3px 5px 1em 0; }*/
.r-art img { position: absolute; left: 0; top: 2rem; width: 200px; height: auto; margin: 3px 5px 1em 0; }
.r-art h3 { margin: 0 0 .2em; padding: 0; font-size: 120% }
.r-art .art-img img { position: static }
.r-art .perex { margin-bottom: 1em; }
 .r-head { margin-right: 10px; font-size: 10px; line-height: 14px; text-align: right; color: #999 }
.r-head span { background-image: url('/u/idn4/reklama.svg') }
.r-body { /*text-align: center*/ }
.r-body .text, .r-body .art { text-align: left }
.r-body table { margin: auto }

.r-box, .r-box2, .r-html { display: table; }
.r-box { display: table; width: 100%; padding: 0 0 .5em }
.r-html .r-body { margin: 0 10px; }

.r-art { position: relative; text-align: left }
.r-art a { text-decoration: none; }
/*.r-art img { width: 135px; height: auto; float: left; margin: 3px 5px 1em 0; }*/
.r-art img { position: absolute; left: 0; top: 2rem; width: 200px; height: auto; margin: 3px 5px 1em 0; }
.r-art h3 { margin: 0 0 .2em; padding: 0; font-size: 120% }
.r-art .art-img img { position: static }
.r-art .perex { margin-bottom: 1em; }
 
.portal-g0 {position:relative; z-index:3; padding:0 25px; color:#263238; background:#eceff1}
.portal-g0:after {content:''; display:block; clear:both}
.portalmenu-0, .p-date {line-height:2.166; font-size:75%}
.p-date {float:left; white-space:nowrap /* iPad fix */}
.portalmenu-0 {position:relative; float:right}
.portalmenu-0 li {position:relative; display:inline-block; vertical-align:top; margin:0 0 0 1em}
.portalmenu-0 .premlab, .portalmenu-0 .premlab:hover {margin:.42em 0 0 2em; font-size:100%}
.portalmenu-0 .premlab.premlab-big {vertical-align:top; margin:.15em 1em 0; padding:.2em 1.2em; font-size:116.6%}
.portalmenu-0 .premlab.premlab-expired {position:relative; vertical-align:top; margin:.15em 1em 0 3em; padding:.2em 1.2em; font-size:116.6%; background:#546E7A !important}
.portalmenu-0 .premlab.premlab-expired:before {content:''; position:absolute; top:50%; left:0; width:1.4em; height:1.4em; margin:-.7em 0 0 -2em; background:url('/u/icon/eb3/warning.svg') no-repeat 50% 50% / contain}
.icon-login0.active:after, .icon-login0.active:hover:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF url('/u/icon/124/close-i.svg') no-repeat 50% 50% / 1em 1em}
a.icon-login0, a.icon-login1 {display:flex; align-items:center; color:#1B3E7A}
a.icon-login1, .q-prihlasen a.icon-login0 {display:none}
.q-prihlasen a.icon-login1 {display:flex}
.icon-login0:before, .icon-login1:before {content:''; display:block; width:1.4em; height:1.4em; margin:0 .5em 0 0; background:no-repeat 50% 50% / cover }
.icon-login0:before {background-image:url('./login0.svg')}
.icon-login1:before {background-image:url('./login1.svg')}
.portalmenu-0 .p-inbox {display:none; margin-right:2em}
.q-prihlasen .portalmenu-0 .p-inbox {display:inline-block}
.p-inbox a {display:block; padding:0 0 0 2em; color:#37474f; background:url('./mail2.svg') no-repeat 0 50% / 1.5em 1.5em }
.p-inbox i {float:left; line-height:1.17; margin:.5em .5em 0 0; padding:0 .3em; border-radius:2px; color:#FFF; background:#e4201f; font-style:normal; animation:inbox 1000ms 3}
@keyframes inbox {
	50% {transform:scale(1.4); transform-origin:center}
}
 
 
.q-js .arts-1, .q-js .arts-2, .q-js .arts-3, .q-js .arts-4, .q-js .arts-5, .q-js .arts-6, .q-js .arts-7, .q-js .arts-8, .q-js .arts-9, .q-js .arts-10, .q-js .arts-11, .q-js .arts-12, .q-js .arts-13, .q-js .arts-14, .q-js .arts-15 {display:none}
.q-js .prep-1 .arts-1, .q-js .prep-2 .arts-2, .q-js .prep-3 .arts-3, .q-js .prep-4 .arts-4, .q-js .prep-5 .arts-5, .q-js .prep-6 .arts-6, .q-js .prep-7 .arts-7, .q-js .prep-8 .arts-8, .q-js .prep-9 .arts-9, .q-js .prep-10 .arts-10, .q-js .prep-11 .arts-11, .q-js .prep-12 .arts-12, .q-js .prep-13 .arts-13, .q-js .prep-14 .arts-14, .q-js .prep-15 .arts-15 {display:block}
.nava-1, .nava-2, .nava-3, .nava-4, .nava-5, .nava-6, .nava-7, .nava-8, .nava-9, .nava-10, .nava-11, .nava-12, .nava-13, .nava-14, .nava-15 {text-decoration:underline}
.q-js .prep-1 .nava-1, .q-js .prep-2 .nava-2, .q-js .prep-3 .nava-3, .q-js .prep-4 .nava-4, .q-js .prep-5 .nava-5, .q-js .prep-6 .nava-6, .q-js .prep-7 .nava-7, .q-js .prep-8 .nava-8, .q-js .prep-9 .nava-9, .q-js .prep-10 .nava-10, .q-js .prep-11 .nava-11, .q-js .prep-12 .nava-12, .q-js .prep-13 .nava-13, .q-js .prep-14 .nava-14, .q-js .prep-15 .nava-15 {color:inherit; text-decoration:none; cursor:default}

 