/* CSS Document */

body
{
margin: 0;
padding: 0;
background: #9B9B9B;
font-family: arial, "Book Antiqua", palatino, serif;
font-size: 13pt;
color: white;
text-align: left;
scrollbar-face-color: 0;
scrollbar-highlight-color: 0;
scrollbar-3dlight-color: 0;
scrollbar-shadow-color: 0;
scrollbar-arrow-color: 0;
}

p
{
margin: 0px;
padding: 0px;
}

a		{
text-decoration:none;
border:none;
border-style:none;
color:#FFFFFF;
}
img
{
border:#000000;
border: 1px;
 
}

#header
{
position: absolute;
left: 0px;
top: 0px;
background : url("header.jpg") no-repeat;
width: 943px;
height: 218px;
}

#fotograf
{
position: absolute;
left: 378px;
top: 190px;
font-family: arial, "Book Antiqua", palatino, serif;
color: white;
font-size: 11pt;
}

#kniha
{
position: absolute;
left: 800px;
top: 190px;
font-family: arial, "Book Antiqua", palatino, serif;
color: white;
font-size: 11pt;
}

#animace
{
position: absolute;
left: 312px;
top: 51px;
}

#contents-text
{
position: absolute;
left: 280px;
top: 280px;
font-family: "Times New Roman CE", "Times New CE", "Times CE", "Times New Roman", times, serif;
color: white;
font-size: 11pt;
width: 599px;
height: 400px;
}

#contents-text a
{
color: black;
text-decoration: none;
}

#contents-text a:hover
{
color: white;
}

#corner
{
position: absolute;
left: 881px;
top: 215px;
width: 62px;
height: 113px;
background : url("corner.jpg") no-repeat;
}

#left-pic
{
position: absolute;
left: 200px;
top: 215px;
width: 58px;
height: 364px;
background : url("left-pic.jpg") no-repeat;
}

#right-line
{
position: absolute;
left: 939px;
top: 215px;
height: 590px;
border: dashed 2px  #5E5E5E;
}

#bottom-line
{
box-sizing: border-box;
-moz-box-sizing: border-box;
position: absolute;
left: 0px;
top: 900px;
width: 955px;
border-top: dashed 2px  #5E5E5E;
border-left: none;
border-right: none;
border-bottom: none;
margin: 0px;
padding: 0px;
}

#top-pic
{
position: absolute;
left: 221px;
top: 214px;
width: 591px;
height: 35px;
background : url("top-pic.jpg") no-repeat;
}

#cube
{
position: absolute;
left: 180px;
top: 305px;
width: 20px;
height: 500px;
background : url("cube.jpg") repeat;
}

#aktuality
{
position: absolute;
left: 0px;
top: 451px;
width: 180px;
height: 125px;
background : url("aktuality.jpg") no-repeat;
}

#aktualitytable
{
position: absolute;
left: 0px;
top: 498px;
width: 180px;
height: 125px;
font-size:12px;
}

#let
{
position: absolute;
left: 0px;
top: 328px;
width: 180px;
height: 120px;

}
#napis
{
position: absolute;
left: 944px;
top: 20px;
width: 13px;
height: 740px;
background : url("napis.jpg") repeat;
}

#footer p
{
position: absolute;
left: 300px;
top: 905px;
font-family: arial, "Book Antiqua", palatino, serif;
color: white;
font-size: 10pt;
}

#footer p a
{
color: white;
text-decoration: none;
}

#menu .mezi1
{
position: absolute;
left: 0px;
top: 218px;
background : url("mezi1.jpg") no-repeat;
width: 112px;
height: 69px;
}

#menu .menu_item1 a
{
position: absolute;
left: 0px;
top: 218px;
background : url("menu1.jpg") no-repeat;
width: 200px;
height: 20px;
}

#menu .menu_item2 a
{
position: absolute;
left: 0px;
top: 240px;
background : url("menu2.jpg") no-repeat;
width: 200px;
height: 20px;
}

#menu .menu_item3 a
{
position: absolute;
left: 0px;
top: 262px;
background : url("menu3.jpg") no-repeat;
width: 200px;
height: 20px;
}

#menu .menu_item4 a
{
position: absolute;
left: 0px;
top: 284px;
background : url("menu4.jpg") no-repeat;
width: 200px;
height: 20px;
}

#menu .menu_item5 a
{
position: absolute;
left: 0px;
top: 306px;
background : url("menu5.jpg") no-repeat;
width: 200px;
height: 20px;
}

#menu .menu_item1 a:hover
{
position: absolute;
left: 0px;
top: 218px;
background : url("menu1a.jpg") no-repeat;
width: 200px;
height: 20px;
}

#menu .menu_item2 a:hover
{
position: absolute;
left: 0px;
top: 240px;
background : url("menu2a.jpg") no-repeat;
width: 200px;
height: 20px;
}

#menu .menu_item3 a:hover
{
position: absolute;
left: 0px;
top: 262px;
background : url("menu3a.jpg") no-repeat;
width: 200px;
height: 20px;
}

#menu .menu_item4 a:hover
{
position: absolute;
left: 0px;
top: 284px;
background : url("menu4a.jpg") no-repeat;
width: 200px;
height: 20px;
}
#menu .menu_item5 a:hover
{
position: absolute;
left: 0px;
top: 306px;
background : url("menu5a.jpg") no-repeat;
width: 200px;
height: 20px;
}

