/* CSS Document */             
#obsah{
background-image:url("pozadi.png");
background-attachment: fixed;
width: 1503px; 
height: 800px;
position: absolute;
top: 100px;
left: 200px;}


#menu{
 width: 200px;
 height: 95px;
 background: rgb(192,192,192);
 color: rgb(0,0,0);
 position: absolute;
 top: 100px;
 }

h1{
color: rgb(0,0,0);
text-align: center;
font-family: Arial, sans-serif;
font-size: x-large;
}

h2{
color: rgb(0,0,0);
font-size: large;}

.text1{
color: rgb(0,0,0);
text-align: justify;
font-size: x-large;
}

.text2{
color: rgb(0,0,0);
font-family: Arial, sans-serif;
text-align: right;
}

#hlavicka{
width: 1904px;
height: 900px;
background-image: drevo.jpg;
background-attachment: fixed;
text-align: center;
font-family: Arial, sans-serif;
font-size: large;
}

#pata {
width: 1904px;
height: 100px;
background: rgb(0,0,0);
position: sticky ;
top: 900px;
left: 0px;
text-align: center;
font-family: Arial, sans-serif;
font-size: large;
}

#menu a{        /*definice odkazů v menu*/
text-decoration: none;
font-size: 12pt;
}

#menu a:link{    /*nastavení linku*/
color: black;
}

#menu a:hover{    /*ukazatel myši nad linkem bude měnit barvu písma, podtržení, změna barvy stránky*/
color: rgb(255,255,255);
text-decoration: underline;
background: rgb(102,204,0); 
}

#menu a:active{    /*změna při kliku myši*/
color: rgb(255,255,255); }

#menu  a:visited{    /* už navštívený web */
color: rgb(255,0,153); }

#menu ul{
width: 100%;    /*seznam roztažen po celé šířce menu*/
list-style-type: none;    /*žádné odrážky, vypnuli jsme je*/
margin: 0px;    /*pro všechny strany stejné*/
padding: 0px;
}


#menu li{
/*width: 100%; dělalo neplechu*/
background: rgb(153,255,255); 
text-align: center;
border: solid black; 
border-width: 1px 1px 0px 1px; 
}

#menu .spodek{    /*definice ohraničení posledního prvku seznamu*/
border-bottom: black 1px;
}