/* CSS Document */
body
{
font-family: tahoma;
}

#blok
{
width: 1000px;
height: 600px;
position: absolute;
top: 50%;
left: 50%; 
margin: -300px 0 0 -500px; 
}

#obdobi
{
width: 1000px;
}

#nadpis
{
position: absolute;
top: 50px;
right: 50px;
font-size: 60px;
color: #666666;

}

#obdobi1
{
background-image: url(grafika/h1.jpg);
width: 250px;
height: 600px;
float: left;
display: block;
}

#obdobi1 a:link {display: block; width: 250px; height: 600px; background-image: url(grafika/h1.jpg);}
#obdobi1 a:hover {display: block; width: 250px; height: 600px; background-image: url(grafika/f1.jpg);}
#obdobi1 a:active {display: block; width: 250px; height: 600px; background-image: url(grafika/h1.jpg);}




#obdobi2
{
background-image: url(grafika/h2.jpg);
width: 250px;
height: 600px;
float: left;
display: block;
}

#obdobi2 a:link {display: block; width: 250px; height: 600px; background-image: url(grafika/h2.jpg);}
#obdobi2 a:hover {display: block; width: 250px; height: 600px; background-image: url(grafika/f2.jpg);}
#obdobi2 a:active {display: block; width: 250px; height: 600px; background-image: url(grafika/h2.jpg);}


#obdobi3
{
background-image: url(grafika/h3.jpg);
width: 250px;
height: 600px;
float: left;
display: block;
}

#obdobi3 a:link {display: block; width: 250px; height: 600px; background-image: url(grafika/h3.jpg);}
#obdobi3 a:hover {display: block; width: 250px; height: 600px; background-image: url(grafika/f3.jpg);}
#obdobi3 a:active {display: block; width: 250px; height: 600px; background-image: url(grafika/h3.jpg);}

#obdobi4
{
background-image: url(grafika/h4.jpg);
width: 250px;
height: 600px;
float: left;
display: block;
}

#obdobi4 a:link {display: block; width: 250px; height: 600px; background-image: url(grafika/h4.jpg);}
#obdobi4 a:hover {display: block; width: 250px; height: 600px; background-image: url(grafika/f4.jpg);}
#obdobi4 a:active {display: block; width: 250px; height: 600px; background-image: url(grafika/h4.jpg);}