body { background-image: url('../images/main-bg.gif'); background-repeat: repeat;}


#wholepage {position: absolute; top: 0%;  left: 50%; width: 1000px; margin-left: -500px; text-align: left; height: 810px;
background-image: url('../images/top.jpg'); background-repeat: no-repeat; background-color: #326495; 
border-left: 5px solid #303030;
border-right: 5px solid #303030;
 }

#bottom-fix {position: absolute; top: 810px;  left: 50%; width: 1000px; margin-left: -500px; text-align: left; height: 1%;
background-color: #326495; 
border-left: 5px solid #303030;
border-right: 5px solid #303030;
 } 
 
h1 { font-size:22px; color:#808284; font-family:tahoma, Arial; }
h2 { font-size:17px; color:#808284; font-family:tahoma, Arial; }
p { text-align:justify; margin:0px 10px 9px 0px; font-size:11px; color:#808284; font-family:tahoma, Arial; }
a {text-decoration:underline;color:steelblue;}
a:hover {text-decoration: none;color: steelblue;}

#nadpis { font-size:9pt; font-family: tahoma, Arial; text-decoration: underline; font-weight: bold; margin: 0px; padding-bottom: 2px;}
#message  { position: absolute; width: 320px; top: 62px; height: 10px; left: 250px;font-weight:bold;  font-style:italic;  font-family: tahoma,arial; font-size:13px; color:#96D3CE; }
#online { position: absolute; top: 15px; left: 860px;}

.hilite-par {}
.hilite-par:hover {background-color: black; width: 280px;}

.title-link:hover {}
.title-link  {text-decoration: none; font-size: 20px; color: #808284;}

#frame {position: absolute; width: 874px; top: 290px; height: 463px; left: 63px; background-color: white;}

#text {position: absolute; width: 617px; top: 32px; height: 391px; left: 179px; background-color: white; 
border-top: 5px solid #707070; 
border-right: 5px solid #707070; 
border-left: 5px solid #707070;  
border-bottom: 5px solid #707070; 
}
#menu {position: absolute; width: 179px; top: 0px; height: 464px; left: 0px; background-image: url('../images/2ndmenu-bgrpt.gif');background-repeat: repeat;background-color: white;}
#zahlavi-menu {position: absolute; width: 179px; top: 0px; height: 32px; left: 0px; background-image: url('../images/2ndmenu-top.gif');background-repeat: no-repeat;}
#zapati-menu {position: absolute; width: 179px; top: 342px; height: 123px; left: 0px; background-image: url('../images/2ndmenu-bottom.gif');background-repeat: no-repeat;  }
#menu-content {position: relative; width: 171px; top: 32px; height: 400px; left: 0px; }
#right-text {position: absolute; width: 152px; left: 465px; top: 10px; height: 380px; }

#top-border {position: absolute; width: 628px; top: 0px; height: 32px; left: 179px; background-color: #57a9d1;}
#top-border-light {position: absolute; width: 628px; top: 8px; height: 24px; left: 0px; background-color: #8bc3de;}
#bottom-border {position: absolute; width: 628px; top: 432px; height: 33px; left: 179px; background-color: #57a9d1;}

#right-border {position: absolute; width: 68px; top: 32px; height: 433px; left: 806px; background-color: #57a9d1;}
#right-menu-top {position: absolute; width: 68px; top: 0px; height: 32px; left: 806px; background-image: url('../images/right-menu-top.gif'); background-repeat: no-repeat;}
#right-menu-bottom {position: absolute; width: 68px; top: 342px; height: 123px; left: 806px; background-image: url('../images/right-menu-bottom.gif'); background-repeat: no-repeat;}
#right-menu-left {position: absolute; width: 48px; top: 156px; height: 63px; left: 806px; background-color: #8bc2e0;}
 
#rights {position: absolute; top: 735px; width: 100%; left: 50px; color: #C2D1DF;font-size: 10px;text-align: center;font-family: tahoma,arial;} 

.menuitem a {text-decoration: none;color: white;display: block;}
.menuitem a:hover {text-decoration: none;background-color: #0A84D6; color: white;display: block;}

.menuitem {position: absolute; width: 179px; top: 0px; height: 30px; left: 0px;background-color: #3E8EC4;line-height: 30px; vertical-align: middle; color:#ffffff; text-transform: uppercase; font-weight:bold; font-family:tahoma,arial; font-size:11px;padding-left: 0px; }
.menudivider {position: absolute; width: 179px; top: 0px; height: 1px; left: 0px;background-color:#59A8D2;}

.rightmenuitem {position: absolute; width: 68px; top: 0px; height: 30px; left: 0px;background-color: #3E8EC4;line-height: 30px; vertical-align: middle; color:#ffffff;  font-weight:bold; font-family:tahoma,arial; font-size:10px;padding-left: 0px; text-align: right;}
.rightmenudivider {position: absolute; width: 68px; top: 0px; height: 1px; left: 0px;background-color:#59A8D2;}
.rightmenuitem a {text-decoration: none;color: white;display: block;}
.rightmenuitem a:hover {text-decoration: none;background-color: #0A84D6; color: white;display: block;}

#bottommenu {position: absolute; width: 680px; top: 740px; height: 15px; left: 245px; font-family: tahoma,arial;  text-align: center;}
.bottommenuitem  a{font-size: 11px;text-transform: uppercase;text-decoration: none;font-weight: bold;float: left;color: white;}
.bottommenuitemactive  a{font-size: 11px;text-transform: uppercase;text-decoration: underline;font-weight: bold;float: left;color: white;}
.bottommenuitem:hover a{font-size: 11px;text-transform: uppercase;text-decoration: underline;font-weight: bold;float: left;color: white;vertical-align: center; }
.bottommenudivider {width: 18px; height: 11px;background-image: url('../images/bottommenu-divider.gif'); background-position: center center;float: left;}