h1{
    font-family: calibri, arial, sans-serif;
    text-align: center;
    color: #fc7303;
    background:

}

body {
    display: grid;
    max-width: 1024px;
    grid-template-columns: auto 150px;
    grid-template-rows: 150px auto 15px;
    margin: 0px auto;
    border: 1px solid red;
  }

header, footer {
    font-family: Calibri, Arial, sans-serif;
    color: white;
    background: black;

header {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    border: 1px solid red;
   }

section { 
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    border: 1px solid red;
   }

footer {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    font-size: x-small;
    border: 1px solid red;
  }  

nav {
    grid-column: 2 / 3;
    grid-row: 2 / span 2;
    border: 1px solid blue;
}
   
nav a {
    grid-column: 1 / 3
    font-family: Calibri, Arial, sans-serif;
    font-size: large;
    font-weight: none;
    text-decoration: none;
    color: white;
    background: blue;
    display: block;
    margin: 2px;
    padding: 5px 0px 5px 15px;
    border: 5px outset #EDF2E1;
    
}
    
nav a:hover {
    color: white;
    background: red;
}

nav a:active {
    color: white;
    background: green;
    border: 5px inset #EDF2E1; 
} 

p{
font-family: times, 'Times New Roman', Georgia, serif;
font-size: medium;
text-align: justyfy;
color: black;
}

**************************************
body {
    display: grid;
    max-width: 1024px;
    grid-template-columns: auto 150px;
    grid-template-rows: 150px auto 15px;
    margin: 0px auto;
    border: 1px solid red;
  }

header, footer {
    font-family: Calibri, Arial, sans-serif;
    color: white;
    background: black;
  }

header {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    border: 1px solid red;
   }

nav {
    grid-column: 2 / 3;
    grid-row: 2 / span 2;
    border: 1px solid red;
   }

section { 
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    border: 1px solid red;
   }

footer {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    font-size: x-small;
    border: 1px solid red;
  }  

h1, h2 { /* CZ Keyboard - AltGr + B */

    text-align: center;

   } /* CZ Keyboard -  AltGr + N */
    
p  {
    font-family: "Times New Roman", Georgia, serif;
    font-size: smaller;
    text-align: justify;
    color: black;   

   }    
   
nav a {
    font-family: Calibri, Arial, sans-serif;
    font-size: large;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background: black;
    display: block;
    margin: 2px;
    padding: 5px 0px 5px 15px;
    border: 5px outset #EDF2E1;    

}   

nav a:hover {
    color: white;
    background: red;
}

nav a:active {
    color: white;
    background: green;
    border: 5px inset #EDF2E1; 
} 

nav a#vybran {
    color: white;
    background: gray;
}   

**********************************
/* CSS Document */
h1{
    font-family: calibri, arial, sans-serif;
    text-align: center;
    color: #fc7303;
    background:

}

h3{


    font-family: calibri, arial, sans-serif;
    text-align: center;
    color: black;
    background:

}

body {
    display: grid;
    max-width: 1024px;
    grid-template-columns: auto 150px;
    grid-template-rows: 150px auto 15px;
    margin: 0px auto;
    border: 1px solid red;
}

p{
font-family: times, 'Times New Roman', Georgia, serif;
font-size: medium;
text-align: justyfy;
color: black;
}

nav a {
    font-family: calibri, arial, sans-serif;
    font-size: large;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background: black;
    display: block;
    margin: 1px;
    padding: 5px 0px 5px 15px
    border: 5px outset #EDF2E1;
}

nav a:hover{
    color: white;
    background: red;
}

nav a:active{
    color: white;
    background: green;
    border: 5px inset #EDF2E1;
}