:root{--orange:#ee7f00;--orange2:#d96f00;--ink:#3e3e3e;--muted:#777;--line:#ddd;--paper:#fff;--soft:#f3f3f3;--dark:#3c3c3c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#555;font:14px/1.65 Arial,Helvetica,sans-serif}a{color:var(--orange2);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1000px,calc(100% - 40px));margin:0 auto}
header{background:#fff}.head{display:none}.logo{font-size:32px;line-height:1;font-weight:bold;letter-spacing:-1.2px;color:#4b4b4b}.logo b{color:var(--orange)}.tagline{font-size:12px;color:#999;text-align:right;max-width:320px}
nav{background:linear-gradient(#505050,#3e3e3e);box-shadow:0 2px 4px #0002}nav .wrap{display:flex;min-height:46px}nav a{display:flex;align-items:center;padding:0 23px;color:#fff;font-weight:bold;text-shadow:0 1px #0006;border-right:1px solid #666;border-left:1px solid #333;text-decoration:none}nav a:first-child{border-left:0}nav a:hover,nav a.active{background:linear-gradient(#f79524,#e47a00);text-decoration:none}
.breadcrumb{background:#f4f4f4;border-bottom:1px solid #ddd}.breadcrumb .wrap{padding:11px 0;color:#999;font-size:12px}.breadcrumb a{color:#777}
main{padding:35px 0 50px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:48px}.content{width:100%}.content h1{margin:0 0 24px;color:#444;font-size:29px;font-weight:normal;border-bottom:1px solid #ddd;padding-bottom:12px}.content h1:after{content:"";display:block;width:55px;border-bottom:3px solid var(--orange);position:relative;top:15px}.content h2{font-size:21px;color:#555;margin:30px 0 12px}.content h3{font-size:16px;color:#555}.content p{margin:0 0 17px}.content ul,.content ol{padding-left:24px}.content li{margin:5px 0}.content strong{color:#444}.sidebar{border-left:1px solid #e5e5e5;padding-left:28px}.box{margin-bottom:30px}.box h2{font-size:18px;font-weight:normal;color:#444;margin:0 0 15px;padding:0 0 9px;border-bottom:1px solid #ddd}.box h2:after{content:"";display:block;width:40px;border-bottom:3px solid var(--orange);position:relative;top:12px}.contact-lines{line-height:1.8}.menu-side{list-style:none;padding:0;margin:0}.menu-side li{border-bottom:1px dotted #ccc}.menu-side a{display:block;padding:7px 2px;color:#666}.menu-side a:before{content:"›";color:var(--orange);font-weight:bold;margin-right:8px}.article{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #e4e4e4}.article h2{margin:0 0 6px}.meta{font-size:11px;color:#999}.service-block{margin-bottom:34px}.map{width:100%;height:440px;border:1px solid #ccc}.notice{background:#f7f7f7;border-left:4px solid var(--orange);padding:15px 18px;margin:20px 0}
footer{border-top:1px solid #d7d7d7;background:#eee;color:#777}.foot{display:flex;justify-content:space-between;gap:30px;padding:24px 0}.foot strong{color:#555}.foot-right{text-align:right;font-size:12px}.foot-bottom{background:#3d3d3d;color:#aaa;font-size:11px}.foot-bottom .wrap{padding:11px 0}.foot-bottom a{color:#ddd}
@media(max-width:760px){.wrap{width:min(100% - 28px,1000px)}.head{min-height:82px}.logo{font-size:27px}.tagline{display:none}nav .wrap{width:100%;display:block}nav a{min-height:43px;border:0;border-bottom:1px solid #555;padding:0 18px}.layout{grid-template-columns:1fr;gap:30px}.sidebar{border-left:0;border-top:1px solid #ddd;padding:25px 0 0}.content h1{font-size:26px}.foot{display:block}.foot-right{text-align:left;margin-top:12px}.map{height:330px}}

/* Service subcatalog */
.menu-side .submenu{margin:7px 0 7px 16px;padding:0;border-left:2px solid #ddd;list-style:none}.menu-side .submenu li{margin:0}.menu-side .submenu a{display:block;padding:5px 8px;font-size:.92em}.menu-side .submenu a:before{content:"› ";color:#d36b22}

/* Original-style Services navigation */
.nav-services{position:relative;display:flex}.nav-services>a{height:100%}.nav-dropdown{display:none;position:absolute;z-index:50;left:0;top:100%;min-width:310px;background:#850000;border-top:1px solid #a52a2a;box-shadow:0 3px 7px #0008}.nav-services:hover .nav-dropdown,.nav-services:focus-within .nav-dropdown{display:block}.nav-dropdown a{display:block!important;min-height:0!important;padding:9px 15px!important;border:0!important;border-bottom:1px solid #a33434!important;background:#850000!important;font-size:12px;white-space:nowrap}.nav-dropdown a:hover{background:#a00000!important}.service-subnav{background:#870000;border-bottom:4px solid #111}.service-subnav .wrap{display:flex;align-items:center;min-height:32px}.service-subnav a{color:#fff;font-size:12px;font-weight:bold;padding:5px 15px;text-decoration:none}.service-subnav a:hover{text-decoration:underline}.service-subnav span{height:14px;border-left:1px solid #c05b5b}.sidebar{display:block}
@media(max-width:760px){.nav-services{display:block}.nav-dropdown{position:static;box-shadow:none;min-width:0}.nav-services:hover .nav-dropdown,.nav-services:focus-within .nav-dropdown{display:block}.service-subnav .wrap{display:block;width:100%}.service-subnav a{display:block;border-bottom:1px solid #a33434;padding:8px 18px}.service-subnav span{display:none}}

.download-list h2{font-size:20px;margin:24px 0 4px}.download-list p{margin:0 0 16px;color:#777}.contracts{width:100%;border-collapse:collapse}.contracts td{padding:14px;border-bottom:1px solid #ddd;vertical-align:top}


/* Shared photographic header */
.hero{position:relative;height:230px;margin-top:0;margin-bottom:0;overflow:hidden;border:1px solid #c9c9c9;background:#222;box-shadow:0 2px 8px #0002}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;will-change:opacity;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.hero-slide-one{background-image:url('/assets/bezpecnost-doklog.jpg');animation-name:heroOne}
.hero-slide-two{background-image:url('/assets/registratura-doklog.jpg');animation-name:heroTwo}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,rgba(0,0,0,.08) 68%,rgba(0,0,0,.28))}
.hero-title{position:absolute;right:24px;bottom:22px;padding:9px 16px;background:rgba(30,30,30,.82);color:#fff;font-size:20px;line-height:1.2;box-shadow:0 2px 8px #0003}
@keyframes heroOne{0%,37.5%{opacity:1}50%,87.5%{opacity:0}100%{opacity:1}}
@keyframes heroTwo{0%,37.5%{opacity:0}50%,87.5%{opacity:1}100%{opacity:0}}
@media(max-width:760px){.hero{width:100%;height:170px;margin-top:0;border-left:0;border-right:0}.hero-title{right:14px;bottom:14px;font-size:16px}.hero-slide-one{background-position:center}.hero-slide-two{background-position:center}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}.hero-slide-two{opacity:0}}

/* Keep layout width stable between short and long pages. */
html {
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* legacy Edge/IE */
}
html::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}