#navTop { margin:0; padding:5px 0 0 0; }
#navTop:after, .clearAfter:after { content:''; display:block; clear:both; }
#navTop li { list-style:none; position:relative; margin:0px 0 }
#navTop li a { display:block; padding:10px 1.2em; white-space:nowrap; color:#fff }
#navTop.navMn > li > a { padding:5px 1.2em; }
#navTop li a span { display:none }
#navTop > li:first-child a { min-width:70px; }
#navTop > li:first-child > a:before { content:'\e004'; font:20px/1 matus; padding-left:7px; }
#navTop > li > a[href$="orzekanie"]:before { content:'\e021'; font:23px/17px matus; padding-left:6px; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; position:relative; }
#navTop > li.has:after { content:'›'; color:#fff; position:absolute; right:2px; bottom:15%; transform:rotate(90deg) }
#navTop li:last-child { border:none }
#navTop > li ul { position:absolute; top:0; left:0; z-index:2; min-width:120%; max-width:400px; transition:.3s; background:none; margin:0; opacity:0; visibility:hidden }
#navTop > li > ul li { margin:0; float:none; border-bottom:1px solid rgb(60,100,130); width:auto; position:relative }
#navTop > li > ul > li.has:after { content:'›'; color:#fff; position:absolute; right:2px; top:20% }
#navTop > li > ul > li:last-child { border-bottom:none }
#navTop > li > ul li a { background:rgba(0,40,70,.9); color:#fff; padding:10px 1em 10px.5em  }
#navTop > li > ul > li > ul { opacity:0; visibility:hidden; margin:0; float:none; border-bottom:1px solid rgb(60,100,130); width:auto; padding-bottom:0; position:absolute; left:110%; top:0; transition:.1s }

@media (min-width:800px) { 
#navTop > li:first-child { transform:translateX(-6px); }
@keyframes sub3 {  from{ top:50px; opacity:0; visibility:hidden } to{ top:31px; opacity:1; visibility:visible } }
.parent, #mobile { display:none; }
#navTop > li > ul { top:60px; }
#navTop.navMn > li > ul { top:31px; }
#navTop > li { float:left; white-space:nowrap; overflow:hidden; margin:0 1px; line-height:1.3; }
#navTop > li:hover, #navTop > li:hover > a, #navTop > li.activ { overflow:visible }
#navTop > li:before { box-sizing:border-box; content:''; position:absolute; bottom:0px; left:0; right:0; margin:auto; width:0; border-bottom:3px solid transparent; transition:.3s }
#navTop > li:hover:before { width:100%; border-color:#fff }
#navTop > li.activ > ul > li.activ > a, #navTop > li.activ > ul > li.activ > ul li.activ a { color:orange }
#navTop > li.activ:before { border-bottom:3px solid #fff; width:100%; bottom:0px }
#navTop > li:hover > ul { -webkit-animation:sub1 0.4s both; animation:sub1 0.4s both; opacity:1; visibility:visible; }
#navTop.navMn > li:hover > ul { -webkit-animation:sub3 0.4s both; animation:sub3 0.4s both; opacity:1; visibility:visible; }
#navTop > li > ul > li:hover > ul { -webkit-animation:sub2 0.2s both; animation:sub2 0.2s both; opacity:1; visibility:visible; padding-bottom:0; position:absolute; left:100%; top:0; min-width:100% }
#navTop > li > ul > li > ul { min-width:100% }
 }
#panel { width:150px; height:auto; float:right; color:#fff; transition:.5s; position:relative; top:9px; }
#search { float:right; display:block; width:28px; height:28px; padding-left:2px; cursor:pointer; font:24px/1 matus }
#search:before { content:'\e011'; color:#fff; transition:.5s; -webkit-transition:.7s }
#search:hover:before { color:#333 }
.fontSizer span { color:#eee; font-weight:bold; cursor:pointer; padding:3px 5px; display:inline-block; transition:.4s }
.fontSizer span:hover { color:#333 }
.fontSizer span:before { content:'A' }
#fontSmall { font-size:14px }
#fontDefault { font-size:17px }
#fontLarge { font-size:20px }
#kontrast { cursor:pointer; transition:.3s; opacity:.8; border-radius:50%;width:22px;height:22px;border:1px solid #1c5187; position:relative; top:2px; }
#kontrast:hover { transform:rotate(180deg); opacity:1;  }
#qs { display:none; width:285px; height:45px; position:absolute; top:32px; right:5px; padding:3px; background:url('.../../pliki/qs.svg') no-repeat }
#q { width:227px; position:absolute; right:50px; top:3px; text-indent:9px; font-size:15px; line-height:28px; outline:none; border:none; background:rgb(245,250,255); border-radius:3px; border-top-left-radius:0; color:rgb(0,60,150) }
#szukaj { font-family:'matus'; position:absolute; top:2px; right:8px; width:42px; height:32px; outline:none; border:none; cursor:pointer; background:none; font-size:24px }
#szukaj:before { content:'\e011'; color:#fff; transition:.5s; line-height:1 }
#szukaj:hover:before { content:'\e011'; color:#333 }
#clos { position:absolute; right:0; top:0; bottom:0; width:35px; z-index:2; background:var(--blue1); cursor:pointer; font-family:'matus' }
#clos:after { position:absolute; top:7px; left:12px; content:'\e009'; line-height:1; transition:.5s }
#clos:hover:after { color:#333 }
.p1 { height:300px; overflow:hidden }
.p2 { overflow-y:auto; margin-right:-17px; height:100%; }
.overH { overflow:hidden; }

/* media q */
@media (max-width:980px) { #navTop { font-size:0.9em !important; } }

@media (max-width:799px) { 
.parent { display:block; }
#navArea { transition:height .5s }
li.has > a:after { content:'\e007'; font:13px/1 matus; padding-right:25px; color:#ccc; float:right}
#nav { display:none; position:relative; height:100%; overflow:hidden; background:rgba(0,0,0,.5); }
#navClone { display:none; position:fixed; height:100%; width:100%; top:0; left:0; overflow:hidden; background:var(--blue1); z-index:9999999; }
#mobile { display:block; width:50%; height:45px; padding:9px; position:relative; top:-4px; z-index:22; transition:.6s; }
.mrMn + #mobile { transform:scale(0.8) translate(-19px, -6px); }
#mobile i { display:block; height:3px; background:#fff; margin:7px; width:40px; position:relative; }
#navClone #mobile { width:100% }
#navClone #mobile:before { content:'\e001'; font:1.5em/1.6 matus; color:#eee }
#navClone #mobile:after { content:'MENU'; font-size:1em; font-weight:900; padding-left:1em; color:#eee}
#navClone #mobile i { display:none }
#navTop { margin-right:-17px; overflow-y:auto; height:86%; background:rgba(0,50,70,.9); padding:0 }
#navTop > li { float:none; border-right:none; border-bottom:1px solid rgba(100,150,170,.5); border-top:1px solid rgba(0,0,0,.9); overflow:hidden }
#navTop li ul { margin:0; }
#navTop > li:first-child a { background-position:top 13px left 1em }
#navTop li a { border-right:4px solid rgba(0,50,70,.1); padding:1.1em 0 .9em 12px }
#navTop > li.activ { padding-right:2px }
#navTop > li.activ > a { color:orange }
#navTop li.has:after { right:8px; bottom:15px }
#navTop > li > ul, #navTop > li > ul li > ul { display:none; position:static; min-width:100%; max-width:100%; transition:0s; opacity:1; visibility:visible }
#navTop > li > ul > li > a { padding:1em .3em 1em 1.5em; color:#e4f7f7; border-bottom:1px dotted rgba(200,220,240,.2); }
#navTop > li > ul > li.activ > a { color:orange !important }
#navTop > li > ul li.activ > ul { display:block }
/* #navTop > li > ul > li.activ > ul li { transform:scaleY(3); } */
#navTop > li > ul li { border-bottom:none }
#navTop > li > ul > li > ul > li a { padding:1em .3em 1em 2.5em; color:#8adcde }
.opa-h0 { height:0; opacity:0; visibility:hidden }
@-webkit-keyframes opa { 0% { height:0px; opacity:0; visibility:hidden }
100% { height:50px; opacity:1; visibility:visible }
 }
.a-anim { -webkit-animation:opa 0.2s ease-in-out both; animation:opa 0.2s ease-in-out both; }
}

@media (max-width:560px) { 
#qs { width:220%; max-width:320px; padding-bottom:25% }
#q { width:82.3%; line-height:32px }
 }