/* CSS Document */

html {                                    
          scroll-behavior:smooth;                 
     }
                         
header    {
            width:60%;
            margin:auto;
            background-color:rgba(255,255,255,0.95);
            border:black 2px solid;
            text-align:center;
            padding:20px;
           }

body      {
            background-image:url('povoden.jpg');
            background-attachment:fixed;
            background-position:right;
            background-size:cover;   
            background-repeat:no-repeat;
            background-color:black;  
            font-family:'Calibri';
          }
          
.odstavec {
        font-size:13pt;                               
        background-color:rgba(255,255,255,0.95);         
        border:black 1px solid;           
        padding-top:24pt;                                                      
        padding-bottom:24pt;                     
        padding-left:10%;                  
        padding-right:10%;                       
        text-align:justify;
        color: black;
        width: 80%;             
        }
        
.predel {                                 
        height:200px;
        }
        
.uprostred {
            text-align:center;
            }
           
footer     {
            border: black 1px solid;                                         
            position:relative;                           
            left:0;                                   
            bottom:0;                                 
            width:100%;                               
            background-color:rgba(255,255,255,0.95);                   
            color:black;                              
            text-align:center;         
           }           

li          {
            color:black;
            }
           
           
p          {
            font-family:'Calibri';
           }
           

           
a         {
            color: black;
          }
     
a:hover   {
            color:green;
            text-transform:uppercase;
          }
          
h2         {
            font-size:20pt;             
            color:green;
            }
            
nav     {                                          
          position:relative;                        
          width:100%;                         
          z-index:100;
          margin:auto;
          text-align: center;
          background-color:rgba(255,255,255,0.95);
          border: black 1px solid;                                 
        }

nav ul  {                                         
          padding:0;
          width:100%;                 
          text-align:center;                
        } 

nav ul li {                                      
          list-style-type:none;                  
          display:inline;                        
          }
          
nav ul li a {                                
          display:inline-block;                  
          width:24%;                          
          font-size:20pt;                     
          padding-top:6pt;                  
          padding-bottom:6pt;                     
          border: white 1px solid;                
          background-color:rgba(0,0,0,0.75); 
          color:white;                           
          text-decoration:none;                   
          text-transform:uppercase;
            }
            
nav ul li a:hover {                               
          background-color:green;           
          color:white;               
          text-decoration:none;                  
          text-transform:uppercase;           
                  } 
                
.tabulka  {
width: 70%; 
margin: 10px auto 10px auto; 
border: 1px solid black; 
background-color:white;
font-size:15px;
color:black;
text-align:center
}

.tabulka tr td {
width:7%;
border-top:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
padding:5px 3px 5px 3px;
}

.tabulka th {
width:7%;
color: white;
background-color:black; 
font-weight:bold
}