html, body {

    background: url("../images/rozvrh1.jpg") no-repeat;
	background-color:#404E59;
background-position: center -50%;
padding-inline-start: 2%;

}

.hide {
  display: none;
  
}
    
.myDIV:hover + .hide {
 
  color: red;
    
 object-fit: fill;

}


#navbar a:hover {
  background-color: #911919;
  color: rgb(255, 247, 11);
  font-size: 40px;
}

#navbar a.active {
  background: #04AA6D;
  background-color: #04AA6D;
  color: rgb(155, 16, 16);
}

b{
  font-size: 40px;
}


.table {
  position: absolute;
  padding-top: 10%;
  font-family: arial, sans-serif;
  border-collapse: collapse;
  margin: 12%;
  z-index: -100;
 
  
}
thead {
  background-color: #2c5e77;
  color: #fefe2d;
}
tbody .th {background-color: #0723ae;
    color: #ffff0077;}

nav{
  margin-left: 5%;
  margin-right: 5%;
   
  }
#vikend{
  
background: url("../images/volno.jpg") no-repeat;

  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:auto;


} 
#vikend:hover{
  
background: url("../images/vacation1.jpg") no-repeat;
background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:80%;
} 

tr:hover td, .table-hover tbody tr:hover th{
background-color: coral;

color: #ffff00;
} 


 th, td{
border: 1px solid black;
padding: 44px;
text-align:center;
vertical-align: middle;
align-content: center;
}

td:nth-child(even){
background-color: #cfcfcf;
text-align:center;
}

td:nth-child(1){

background-color: #0723ae;
color: #ffff00;
padding:5px;
text-align:center;
}


.tfoot{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color:#cfcfcf;
}