<style>
:root {
  --kolor_logo: #ff9400;
}

*{
    font-family: Open Sans, Trebuchet MS, Helvetica, sans-serif;
}
    
html{
    scroll-behavior: smooth;
}
    
    body{
     background:white;
     margin:auto;
    }
    
    #header{
    min-height:75px;
     background:white;
    }
    
    #logo{
   float:left;
    background: var(--kolor_logo) url("/neokrs/img/logo.png") 0 0 no-repeat;
    background-size: cover;
      z-index:100; !important
    margin-right:50px;
    margin-top:30px;
    width:180px;
    height:90px;
    margin-right:50px;
    background-position: -10 0; 
    }
    
    #menubar{
        margin:auto;
        width:1200px; 
        text-align:left;
         min-height:70px;

    }
    
#menubar a{
            text-decoration:none;
            color:black;
    }
    
#menu, #bottom-menu{
    padding:20px;
    background:white;
    line-height:2;
   visibility:visible;
    }
    
#bottom-menu{
    background:none;
}    
    
#menu a, #bottom-menu a{
        text-decoration:none;
        color:black;
        background:white;
        font-weight:bold;
        padding:10px;
        font-size:12pt;
        text-transform:uppercase;
   }
 #bottom-menu a{
    background:none;
}    
  
    #menu a:hover,  #bottom-menu a:hover{
    background:var(--kolor_logo);
    color:white;
    }

    #bottom-menu{
        text-align:center;
        padding:10px;
        border: none;
    }
    
    @keyframes open {
        from {padding-top:100%;}
        to {padding-top:120;}
    }
    
   #temida{
     background:black url("/neokrs/img/tlo_wyszukiwarka.png") 0 0 no-repeat;
    padding-top:120px;
    padding-bottom:50px;
     background-size: cover;
     background-position: center -50;

    }
    
    #search{
        margin:auto;
        color:white;
        text-align:center;
        padding:10px;
        width:600px;
    }
    
    #search h1{
        text-align:center;
        font-weight:normal;
        text-transform:uppercase;
        font-size:28pt;
    }
    
    #search form{
    text-align:center;
    display:block;
    }
    
    #search input[type=text]{
    text-align:center;
    border:1px solid white;
    height:40px;
    width:90%;
    font-size:120%;
    }
    #search input[type=submit]{
    background: var(--kolor_logo) url("/neokrs/img/lupa.png") 0 0 no-repeat;
    background-size:cover;
    background-position:center;
    color:transparent;
    cursor:pointer;
    border:none;
    width:10%;
    height:65px;
    }
    
    #content{
         padding:1%;
         width:800px; 
    }
    
    #content{
    display:block;
    margin:auto;
    color:black;
    line-height: 1.5;
    border:none;
    padding:60px;
    text-align:justify;
    }

    #content h1{
        font-weight:normal;
    }
    
    #content table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    color:black;
    }

    #content td, #content th {
    border: none;
    padding: 8px;
    }

    #content tr:nth-child(even){background-color: white;}
    #content tr:nth-child(odd){background-color: #f1f1f1;}

    #content th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    font-weight:normal;
    text-transform:uppercase;
    }

    #content td{
    font-weight:bold;
    }

    #content a, #footer a{
    text-decoration:none;
    font-weight:bold;
    color:var(--kolor_logo);
    }
    
    #content ol{
        text-transform:uppercase;
        font-weight:bold;
        line-height:1.5;
    }
    
    #content li{
        padding:5pt;
    }

/*    tr.active{
        cursor:pointer;
    }

    tr.active:hover {
        color:white;
        background-color:var(--kolor_logo);
    }

    th.active {
        cursor:default;
        background:#f1f1f1;
        color:black;
    }

    td.active{
        font-weight:bold;
    }*/

    #suplement{
        margin:20px 0px;
    }

    #suplement a{
    display:block;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
    padding:10px 10px;
     min-height:30px;
    background: var(--kolor_logo) url("/neokrs/img/wykrzyknik.png") 0 0 no-repeat;
    color:white;
    padding-left:100px;
    background-size: contain;
    background-position:0 0;
    }
    
    #suplement a:after{
        content:' »';
        font-size:150%;
    }
    #footer{
/*      background: url("/neokrs/img/logo_stopka.png") 0 0 no-repeat; */
    margin:auto;
    margin-top:10px;
    margin-bottom:10px;
/*     color:var(--kolor_logo); */
/*     font-weight:bold; */
/*     text-align:left; */
/*     padding-left:100px; */
/*      font-size:10pt; */
     width:60%;
     height:150px;
   }
    
     #kod{
     background: url("/neokrs/img/logo_stopka.png") 0 0 no-repeat;
    color:var(--kolor_logo);
    font-weight:bold;
    text-align:left;
    padding-left:100px;
     font-size:10pt;
     float:left;
   }
   
   #kod a{
       color:var(--kolor_logo);
/*        margin-top:20px; */
    }
    
   #fo{
    float:right;
    margin-top:0px;
       text-align:center;
       width:auto;
}
    
    important{
        display:block;
        font-weight:bold;
        margin:10px 0px;
        text-align:inherit;
        text-transform:uppercase;
    }
    
    uppercase{
        display:block;
        text-align:inherit;
        text-transform:uppercase;
    }

    watermark{
        display:block;
        margin:-80px;
        padding:0;
        font-size:300px;
        font-weight:900;
        color:#f1f1f1;
        position:absolute;
        z-index:-1;
    }

    remark{
        color:gray;
        font-size:8pt;
    }
    
#active tr {
cursor:pointer;
}

#active tr:hover {
    background-color:var(--kolor_logo);
    color:white;
}

#active th{
  cursor:default;
  background:#f1f1f1;
  color:black;
}

#active td{
font-weight:bold;
}
aktualizacja{
display:block;
background:#f1f1f1;
font-size:8pt;
padding:5px;
margin-top:20px;
}

/*
aktualizacja:before{
 content:'Aktualizacja: ';
}
*/
#bars{
    display:block;
    visibility:hidden;
    position:absolute;
    top:10px;
    right:10px;
    width:50px;
    height:50px;
    float:right;
    padding:10px;
/*     background:white; */
}

.menu-bar{
   padding:auto;
    text-align:center;
}

.menu-button{
    display:block;
    min-width:80%;
    background:black;
    color:white;
    padding:10px;
    margin:auto;
    text-decoration:none;
    text-align:center;
    border:1px solid white;
}

.menu-button:focus{
    background:var(--kolor_logo);
}

.menu-button:hover{
    background:var(--kolor_logo);
}
.menu-button:after{
float:right;
content: '▽';
}

.sub-menu{
position:absolute;
left:0px;
width:auto;
background:black;
color:white;
padding:5px;
visibility:hidden;
opacity:95%;
text-align:left;
}

.submenu-item, .submenu-item-link{
display:block;
color:white;
text-decoration:none;
padding:5px;
margin:2px;
cursor:pointer;
opacity:100%;
}

.submenu-item:hover, .submenu-item-link:hover{
    background:var(--kolor_logo);
    color:white;
}

.submenu-item:focus, .submenu-item-link:focus{
    background:var(--kolor_logo);
    color:white;
}

.submenu-item:after{
    float:right;
    content: '▶';
    font-size:50%;
}

@media only screen and (max-width: 1000px) {
    #logo{
    margin-top:10px;
    width:150px;
    height:75px;
    margin-right:0px;
    }

    #menubar{
        margin-top:15px;
        margin-left:20px;
        text-align:right;
        width:auto;
    }

    #menu{
    text-align:left;
    position:absolute;
    top:100px;
    right:0px;
    visibility:hidden;
    border:1px solid gray;
    }
    #menu a{
        display:block;
/*         width:150px; */
    }
    
    #bottom-menu{
        line-height:3;   
    }
   #bars{
       visibility:visible;
       margin-left:0px;
    }
        @keyframes open {
        from {padding-top:100%;}
        to {padding-top:100;}
    }
    

    #temida{
     background:black url("/neokrs/img/tlo_wyszukiwarka.png") 0 0 no-repeat;
     padding-bottom:50px;
     padding-top:100px;
     background-size:content;
/*     background-position: -800px -100px; */
     background-position: center -100px;
    }
    
    #search{
        width:auto;
    }
    
    #search h1{
        font-size:160%;
    }
    
    
    #search input[type=text]{
      width:80%;
     font-size:110%;
    }
    
    #search input[type=submit]{
/*       width:20%; */
/*       height:auto; */
     width:50px; 
     height:50px; 
    }

    #content, #suplement{
    width:auto;
    }
    
    #content{
    padding:10px;
    text-align:left;
    }

    #content h1{
        font-weight:normal;
    }
    
    
    #footer{
/*     padding-left:80px; */
/*     background-size: auto 100%; */
    font-size:8pt;
   }
    
   #kod{
       margin:auto;
       width:100%;
   }
   #fo{
       width:100%;
       float:none;
       margin:auto;
   }
   
    watermark{
        margin-left:0px;
        margin-top:-80px;
    }
    
    #suplement a{
    font-size:8pt;
    }
    .menu-button{
/*     width:auto; */
    font-size:90%;
    margin:10px;
}


}

.langs{
    position:absolute;
    text-align:right;
    width:100%;
    top:0;
    left:0;
/*     margin:10px; */
}
.langs img{
    margin:2px;
     width:30px;
     border:grey solid 1px;
}

#copyright{
 text-align:center;
 margin-top:40px;
}

</style>
