BODY {
font-family:Verdana, Sans-Serif; 
background:rgb(255,165,0);
color:black;
font-size:12pt;
}

A
{
color:black;
font-size:14pt;
text-decoration:underline;
}

A:hover{
color:black;
text-decoration:none;

}

.tabulka { 
background-image:url('obrazek.jpg');
background-repeat: no-repeat;
}

.prazdny { 
background-image:url('prazdny.jpg');
background-repeat: repeat;
}

.pruhledny { 
background-image:url('pruhledny.png');
background-repeat: repeat;
}

.plny { 
background-image:url('plny.png');
background-repeat: repeat;
}

.barva1 {
background-color:rgb(186,3,5);/*rgb(186,3,5)*/
}

.barva2 {
background-color:rgb(0,91,150);/*rgb(0,91,150)*/
}

.barva3 {
background-color:rgb(255,165,0);/*rgb(255,165,0)*/
}

.barva4 {
background-color:rgb(255,0,0);
}

.barva5 {
background-color:rgb(0,255,0);
}
#menu {
background:rgb(160,0,16);
color:white;
position:absolute;
top:0px;
width:200px;
height:100%;
text-align:center;
vertical-align:middle;
}
#levy{
position:absolute;
background-color:black;
color:white;
top:0px;
left:0px;
width:20px;
height:100%;
text-align:center;
vertical-align:bottom;
}
#velky {
position:absolute;
top:0px;
left:20px;
width:90%;
height:100%;
}


#bunka_1:hover #text_1{
width:100%;
height:20%;
background-color:blue;
color:white;
}
#top_1{
width:100%;
height:10%;
}

#middle_1{
width:100%;
height:70%;
}
#middle_1:hover{
width:100%;
height:70%;
background-image:url('mar.jpg');
}
#text_1{
width:100%;
height:20%;
color:black;
}