#main{
    width:700px;
    height:500px;
    margin: auto;
    border: 1px solid #a79d9d;
    border-radius: 5px;
}
#top{
    height:50px;
    display: flex;
    background:  url("images/top_bg.png") ;
}
#content{
    height:400px;
    display:flex;
/*    border: 1px solid #a79d9d;*/
    background: #090961;
}
#down{
    height:50px;
    background:  url("images/bottom_bg.png");
}
#clock{
   width:400px;
   height:400px;
/*    border: 1px solid #a79d9d;*/
    background:  url("images/hodiny3.png");
  background-size: cover;
  margin: auto;
  
    
}
#ovl{
    float: left;
    width:200px;
    height:400px;
    background: #090961;
}

#min{
    position: relative;
    top:-418px;
    left: 230px;
    /* height: 160px; */
/*     visibility: hidden; */
    z-index: 2;
    
}
#hod{
    position: relative;
    top: -494px;
    left: 186px;
    height: 180px;
    
}
.posun_lab{
    /* float: left; */
    width: 125px;
    height: 30px;
/*    border: 1px solid;*/
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: grey;
}
.posun_min{
    float: left;
    width:50px;
    height:30px;
/*    border: 1px solid;*/
    margin-left: 12px;
     font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    background:  red url("images/min2.png");
    cursor: pointer;
    border-radius: 5px;
    color: grey;
    box-shadow: 3px 3px 3px black;
}
.posun_min:hover{
    box-shadow: 1px 1px 3px black;
    background:  red url("images/min2_h.png");
}
.posun_max{
    float: left;
    width:50px;
    height:30px;
/*    border: 1px solid;*/
    margin-left: 22px;
     font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background:  red url("images/max2.png");
    border-radius: 5px;
    color: grey;
    box-shadow: 3px 3px 3px black;
}
.posun_max:hover{
    box-shadow: 1px 1px 3px black;
    background:  red url("images/max2_h.png");
}
.ovl_cas{
        margin: 15px auto;
        width: 176px;
}
.ovl_cas_ovl{
    width:150px;
    height:40px;
/*    background: blue;*/
    margin: auto;
}
#digi{
  width: 80px;
    height: 40px;
    font-size: 30px;
    font-weight: bold;
    float: left;
    position: relative;
    top: -118px;
    left: 210px;
    text-align: center;
    box-shadow: 2px 2px 2px inset;
    background: #75758b;
    border-radius: 5px;
    line-height: 40px;
}
#vysl{
     width: 340px;
    height: 40px;
    font-size: 30px;
    font-weight: bold;
    float: left;
    /* background: #aaaaaa; */
    text-align: center;
    color: #808080;
}
#vstup_hod,#vstup_min{
      float: left;
    font-size: 20px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 12px;
    border-radius: 5px;
    background: #c9c9ca;
    color: #050569
}
#vstup_but{
    width: 70px;
    height: 30px;
    font-size: 21px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 10px;
    background: #c9c9ca;
    border-radius: 5px;
    border: none;
    box-shadow: 2px 2px 2px;
    cursor: pointer;
    color: #050569
}
#vstup_but:hover{
    box-shadow: 1px 1px 2px;
}
#zad_hodin{
    max-width: 500px;
    display: none;
}
#test_hodin{
    width: 500px;
    height: 50px;
    display: none;
    color: #cbcbcb;
}
#nav{
   flex:2;
}
#top_left{
  flex:5;  
}
#main_nav{
    font-size: 20px;
    font-weight: bold;
    margin: 10px 20px;
    border-radius: 5px;
    background: #c9c9ca;
    color: #050569
}
#test_hodin_label{
    width: 300px;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    float: left;
}
#test_hodin_text{
    width: 60px;
    height: 50px;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    margin-left:20px;
    float: left;
}
#kontrola_but, #start_but{
    float: right;
    margin: 10px 20px;
    display: none;
    border-radius: 5px;
    width: 100px;
    height: 30px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    box-shadow: 2px 2px 2px;
}
#kontrola_but{
    background: #aaaaaa url("images/kontrola_bg.png");
    box-shadow: 1px 1px 1px;
}
#kontrola_but:hover{
    background: #aaaaaa url("images/kontrolah_bg.png"); 
}
#start_but{
    background: #aaaaaa url("images/start_bg.png");
}
#start_but:hover{
    background: #aaaaaa url("images/starth_bg.png");
    box-shadow: 1px 1px 1px;
}
#help_but{
        background: #aaaaaa url(images/help_bg.png);
    border-radius: 5px;
    width: 65px;
    height: 30px;
    cursor: pointer;
    border: none;
    box-shadow: 2px 2px 2px;
    position: relative;
    top: -418px;
    left: -50px;
}
#help_but:hover{
    background: #aaaaaa url("images/helph_bg.png"); 
}
#help {
    background: rgba(171, 171, 171, 0.8);
    width: 600px;
    margin: 0 auto;
    height: 300px;
    position: relative;
    top: -820px;
    z-index: 100;
    font-size: 20px;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid black;
    box-shadow: 3px 3px 3px black;
    display: none;
    color: black;
}
#kriz{
   float:right;
   margin:5px;
    cursor: pointer;
}
#popup_text{
  font-size: 22px;
    margin: 5px;
    font-weight: bold;
}
#nadpis{
height: 30px;
margin-top: 10px;
font-size: 20px;
font-weight: bold;
line-height: 30px;
text-align: center;
color: grey;
}