* {
     box-sizing: border-box;
    
}

body	{ font-family: Tahoma, sans-serif; 
     font-size: 11px; 
     background: white; color:black; 
	scrollbar-arrow-color: #F1F1EF;
	scrollbar-base-color: #F1F1EF;
	scrollbar-face-color: white;
	scrollbar-highlight-color: #d8d8d8;
	scrollbar-shadow-color: white;
      
}

.mezera {
    height: 60px;
    vertical-align: top;
}

h1	{ 
    text-align: center; 
    padding: 7px 13px;
    border-radius: 3px;
    background:  rgb(218, 214, 214);
     font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     box-shadow: 0 2px 5px rgb(83, 83, 83);
     text-shadow: 0 2px 5px rgb(168, 168, 168);

}

.button1{
    display:inline-block;
    padding:0.35em 1.2em;
    border:0.1em solid #d6d6d6;
    margin:0 0.3em 0.3em 0;
    border-radius:0.12em;
    
    font-weight:300;
        

}

a.button1 {
    text-decoration:none;
    box-sizing: border-box;
    font-family:'Roboto',sans-serif;
    transition: all 0.2s;
    color: black;
    text-align:center;    
}
    
    a.button1:hover{
    color:#ffffff;
    background-color:#747272;
    }


header {
    background: #595955;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 0px 7%;
    box-shadow: 0 5px 10px black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
    }

    .roky {
      
        display: flex;
        align-items: center;
               
        }

     .roky ul{
            list-style: none;
            margin-left: auto;
            margin-right: auto;
        }
      .roky ul li{
            position: relative;
            float: left;  
        }
         .roky ul li a{
            padding: 5px 10px;
            text-decoration: none;
            display: block;
            color: black;
            font-size: 13px;
        
        }

.vstupu {
    line-height: 30px;
    text-align: left;
    max-width: 400px;
}        

.vstup {
        display: flex;
        align-items: center;
        

}

.vstup input {
flex: 2;
padding: 4px;
display: block;
background-color: rgb(218, 214, 214);
border: 1px solid #747272;
font-size: 11px;
}

.vstup select {
    flex: 2;
        border: 1px solid #747272;
        height: 2em;
        line-height: 2;
        appearance: auto;
         
}



.vstup label {
    flex: 0.8;
    margin-right: 10px;
}





  header  .menum {
       margin-left: auto;
       margin-right: auto;
  
    }

header .menum ul{
    list-style: none;
}
header .menum ul li{
    position: relative;
    float: left;  
}
header .menum ul li a{
    color: white;
    font-size: 17px;
    padding: 5px 30px;
    text-decoration: none;
    display: block;

}

header .menum ul li a:hover{
background: white;
color: black;
}


header .menum ul li ul {
    position: absolute;
    left: 0px;
    width: 200px;
    background: #595955;
    display: none ;
    z-index: 100;
    }

    header .menum ul li ul li {
        width: 100%;
        border-top: 1px solid white;
        }

        header .menum ul li ul li a{
            color: white;
            font-size: 10px;
            text-decoration: none;
        
        
        }
    
        header .menum ul li:focus-within > ul,

        header .menum ul li:hover > ul{
            display: initial;
            text-decoration: none;
            }

.checkbtn{
    font-size: 30px;
    color: black;
    float: right;
    margin-right: 20px;
    cursor: pointer;
    display: none;
    

}
#check{
    display: none;
    }


.tabbez td, .tabbez th {
    border: 0px;
    text-align: left;
    padding: 1px 5px;
}

.tabz{
        border-collapse: collapse;
    }

.tabz td, .tabz th {
        border: 1px solid #ddd;
        padding: 1px 5px;
    }

.tabz td {
    text-align: left;
}

.tabz th {
    background-color: #595955;
    color: white;
    text-align: center;
}

.tabz tbody tr:nth-child(even){
    background-color: rgb(218, 214, 214);
}

.tabvys tbody tr:nth-child(even){
    background-color: rgb(218, 214, 214);
}

.tabvys td, .tabvysn td {
    text-align: left;
    padding: 1px 5px;
}

.tabvys th, .tabvysn th
{
    background-color: #595955;
    color: white;
    padding: 1px 5px;
    text-align: center;
}

.tabvys thead, .tabvysn thead 
    {background:	ButtonFace;}

.tabvys, .tbhl, .tabvysn {
    border-collapse: collapse;

}

.tbhl td{
vertical-align: top;
}



.main-div{
    width: 100%;
    background-color: #d8d8d8;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
    justify-content: space-around;
}

.rozdeleni{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.two-div {
    float: left;
    width: 30%;
    text-align: left;
    padding: 10px;
}

.twod-div {
    float: left;
    width: 70%;
    text-align: left;
    padding: 10px;
}

.twom-div {
    float: left;
    width: 15%;
    text-align: left;
    padding: 10px 0px;
}

.twomd-div {
    float: left;
    width: 85%;
    text-align: left;
    padding: 5px;
}

.twodd-div {
    float: left;
    width: 70%;
    text-align: left;
    padding: 5px;
}

.banner-div{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
    justify-content: space-around;
}

.tabulkastred {
    display: flex;
    justify-content: center;
    align-items: center;
   
  }

.third-div{
    width: 30%;
    background-color: white;
    padding: 10px;
}

.second-div{
    width: 49%;
    background-color: white;
    padding: 10px;

}

.second-divm{
    width: 15%;
    background-color: white;
    padding: 10px;

}

.second-divv{
    width: 84%;
    background-color: white;
    padding: 10px;

}

.compl-div{
    background-color: white;
    padding: 10px;
    text-align: center;
    clear: both;
    }

    .compl-divhl{
        background-color: white;
        padding: 0px 10px;
        text-align: center;
        clear: both;
        width: 100%;
        margin: 5px;
        }

.compl-divl{
    
    background-color: white;
    padding: 10px;
    text-align: justify;
    clear: both;
}

.zruseni
{
    clear: both;
}

.bannerpart-div{
    margin: auto;    
    padding: 10px;
}

.left
{
    text-align: left;
}

.small {
  font-size: 8px; /* 75% of the baseline */
}

.large {
  font-size: 16px; /* 125% of the baseline */
}    


  
td.right {
    text-align: right;
  }
  
td.center {
    text-align: center;
  }

.center {
    text-align: center;
  }


.nastred {
     display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}

.odstup {margin-top: 21px;}

.hl          { font-size: 14pt; height: 31 }
.nadp        { font-size: 12pt; font-weight: bold; height: 22 }
.centr       { text-align: justify }
.cen       { text-align: center; margin-top: 0; margin-bottom: 0 }
.k           { margin-top: 0; margin-bottom: 0 }
.s      {text-indent: -30; margin-left: 30; text-align:justify }
.me {border: 0; border-style: solid; height: 23px; text-align: center;}

.bez    {text-decoration: none  }
table   {text-align: center;
font-size: 11px;}
.tahl { border: 1px; border-color: silver; border-collapse: collapse; }
h5 { font-size: 12pt; font-weight: bold; font-family: Tahoma; margin-top:0; margin-bottom:0 }
h4 { margin-bottom: 3; margin-top: 0; font-size: 8pt } 
h6 { margin-bottom: 0; margin-top: 0; font-size: 10pt } 
h3		{ font-size: 18pt; text-align:center; font-weight:400; font-family: Tahoma;}

h2		{ font-size: 10pt; font-weight:bold; margin-top:10px;
     margin-bottom: 6px }
h7		{ font-size: 10pt; font-weight:bold; margin-top:5px;
        margin-bottom: 6px }
.levo {text-align: left}
.tabu  {vertical-align: top}
.tabu li {list-style-type: none; margin: 0px, 0px, 8px, 0px; text-align: justify;}
.tabu ul {margin: 4px, 0px, 0px, 8px;}
.tabd  {vertical-align: top}
.tabd thead {background:	ButtonFace;}

.tabd table { border: 1px solid grey; border-collapse: collapse;}
.tabd thead td[_sortType=None]:active {border-color: ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;}
.tabd thead td:active {border-color:	ButtonShadow ButtonHighlight
					ButtonHighlight ButtonShadow;}
.sort-arrow {width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0px 2px;}
.sort-arrow.descending {background-image: url("images/downsimple.png");}
.sort-arrow.ascending {background-image: url("images/upsimple.png");}

.tabd td { border: 1px solid grey; border-collapse: collapse;}
.vedl { margin-left: 6}
.vedl1 { margin-left: 6; margin-bottom: 0 }
.vedl2 { margin-left: 6; margin-bottom: 0; margin-top: 0 }
.vedl3 { margin-left: 3; margin-bottom: 0 }
.text	{margin-top: 3; margin-bottom: 0}
.zpet A:visited {color : #000000; text-decoration : none}
a.zpet:visited {color : #000000; text-decoration : none}
a.zpet:active {color : #000000; text-decoration : none}
a.zpet:link {color : #000000; text-decoration : none}
a.zpet:hover {color : #595955; text-decoration : underline}
.zpet A:active {color : #000000; text-decoration : none}
.zpet A:link {color : #000000; text-decoration : none}
.zpet A:hover {color : #595955; text-decoration : underline}
.nadp A:visited {color : #FFFFFF; text-decoration : none}
.nadp A:active {color : #FFFFFF; text-decoration : none}
.nadp A:hover {color : #595955; text-decoration : underline}
.tab {border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; padding-left: 2}
.bm {background-position: center center; background-repeat: no-repeat} 
.mz  {background-color:#595955; text-align: center; color: white; width: 53}
.mz A:link {color : white; text-decoration : none}
.mz A:visited {color : white; text-decoration : none}
.mz A:active {color : white; text-decoration : none}
.mz A:hover {color : rgb(182, 179, 179); text-decoration : underline}
.tbl2 {border-width: 1pt, 0pt, 0pt, 1pt; border-style: solid; border-color: black; text-align: center; width: 18px}
.tbl4 {border-width: 1pt, 1pt, 0pt, 0pt; border-style: solid; border-color: black; text-align: center; width: 18px}
.tbl1 {border-width: 0pt, 0pt, 0pt, 1pt; border-style: solid; border-color: black; text-align: center; width: 18px}
.tbl3 {border-width: 0pt, 0pt, 1pt, 1pt; border-style: solid; border-color: black; text-align: center; width: 18px}
.tbl5 {border-width: 0pt, 1pt, 0pt, 0pt; border-style: solid; border-color: black; text-align: center; width: 18px}
.tbl6 {border-width: 0pt, 1pt, 1pt, 0pt; border-style: solid; border-color: black; text-align: center; width: 18px}
.tbrad {border-right-width: 0px; border-left-width: 0px;}
.tbrad2 {border-right-width: 0px}
.mzn  {background-color:rgb(182, 179, 179); text-align: center; width: 53}
.mzn A:visited {color : #000000; text-decoration : none}
.mzn A:active {color : #000000; text-decoration : none}
.mzn A:link {color : #000000; text-decoration : none}
.mzn A:hover {color : #595955; text-decoration : underline}
.pr { background-color: #ccffcc}
.tbhl thead td {border-right-width: 0px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 1px; border-style: solid; border-color: black}
.tbc {border-top-width: 1px; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: black}
.mzr  {background-color:rgb(182, 179, 179); text-align: center; border-width: 1px, 1px, 1px, 1px; border-style: inset; border-color: silver; height: 30px}
.mzr2  {background-color:rgb(182, 179, 179); text-align: center}
.devm  {background-color:#595955; text-align: center; color: white;}

input, textarea, select { font-family: Tahoma }
option { font-family: Tahoma}

.vp td {font-size: 10pt}
.vp {font-size: 10pt}
.vp h2 {font-size: 12pt}
.mtl  {background-color:#595955; 
    text-align: center; 
    color: white;
    padding: 5 35 5 35;
    
}
.mobd td {vertical-align: middle;}
.dev td { height: 17pt; vertical-align: middle; text-align: right; border: 1px solid black;}
.dev thead td {text-align: center; background-color:#595955; color: white; border: 1px solid white;}
.tabd2 thead td:active {border-color:	ButtonShadow ButtonHighlight
					ButtonHighlight ButtonShadow;}
.tabd2 table { border: 1px solid grey; border-collapse: collapse;}
.tabd2 thead {background:	ButtonFace;}

.mobt 	     { font-size: 11px}
.mobt input, textarea, select {font-size: 11px}

.container {
    margin: 0 auto;
    max-width: 550px;
}
.highlight {
    background: rgba(255,215,0,0.115);
}

/* Cookie Dialog */
#gdpr-cookie-message {
    background-color: #cecece;
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.9;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}


article {
    margin: 0 auto;
    max-width: 960px;
    padding: 10px 10px 10px 10px;
    font: 14px "Tahoma";
    box-sizing: border-box;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    padding: 10px 15px;
    color: #00386B;
}

article h1 {
    margin: 0;
    font-size: 2.3em;
    font-weight: bold;
    text-transform: uppercase;
    width: max-content;
    border-bottom: 4px solid #EF6534;
}

article h2 {
    font-size: 2em;
}

article header {
    height: 60px;
}

article section p {
    margin-bottom: 1.5em;
    line-height: 1.8em;
}

article section a {
    color: #EF6534;
}

select {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    outline:0;
    box-shadow:none;
    border:0;
    background: rgb(218, 214, 214);
    background-image: none;
    flex: 1;
    padding: 0 .5em;
    color:#000000;
    cursor:pointer;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
 }
 select::-ms-expand {
    display: none;
 }
 .select {
    position: relative;
    display: flex;
    
    height: 2em;
    line-height: 2;
    background: #595955;
    overflow: hidden;
    border-radius: .25em;
 }
 .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #595955;
    cursor:pointer;
    pointer-events:none;
    transition:.25s all ease;
 }
 .select:hover::after {
    color: #ffffff;
 }


@media  (max-width: 800px){
    body {
        font-size: 15px;
    }
    
    table {
        font-size: 15px;
    }

    .twom-div {
       float: initial;
        padding: 5px;
        width: 50%;
    }

    .twodd-div {
        float: inherit;
        width: 98%;
        border:0.1em solid #d6d6d6;
        margin:0 0.3em 0.3em 0;
        border-radius:0.12em;
    }

    .vstup {
        display: block;
        }


    .vstup input {
        font-size: 15px;
        }

        .vstup label {
            margin-right: 10px;
            }
    

    .twomd-div {
        width: 98%;
       
    }

    article {
         max-width: 800px;
         font: 15px "Tahoma";

    }

    .compl-divhl{
    margin: 0px;
    width: 98%;
   
    }
.nastred
{
        padding: 25px 0px;
}
    .checkbtn{
        display: block;
        }
    .main-div{
        position: relative;    
        display: block;
        top: 40px;
        background-color: white;
        }
        .third-div, .second-div, .second-divm, .second-divv{
            width: 98%;
         }
    
    header{
        padding: 10px;
        position: absolute;  
        width: 100%
   
    
    }
    
         header .menum {
        
        position: absolute;
        top: 100%; left:0; right:0;
        background: black;
        border-top: 1px, solid rgba(0,0,0,.1);
        display: none;
        opacity: 0.9;
          }
    


    header .menum ul li {
        width: 100%;
    }
     header .menum ul li a {
        font-size: 20 px;
    }
     
        header .menum ul li ul{ 
            position: relative;
            width:100%;
            line-height: 30px;
            display: initial;
        }

        header .menum ul li ul li a{
            font-size: 15px;
        }
        a:hover,a.active{
        background: none;
        color:#adadad;
    }
    #check:checked ~ .menum {
        display: initial;
   }

   a.button1{
    display:block;
    margin:0.4em auto;
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
    
    }

    h4  { font-size: 12pt   } 
    h2  { font-size: 14pt   }
    h7		{ margin-top:0px;
        margin-bottom: 3px }

    article h1 {
        font-size: 14pt;
    }


    .roky{
        
        position: relative;  
           
    
    }
    
    .roky ul li a{
        
        font-size: 16px;
    
    }
    
    .rozdeleni{
        display: block;
    }


   


}