@charset "utf-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background-image: url(image/background.gif);
}

strong {
color: #0000CC;
font-weight: bold;
}

.hlavni {
margin: 0 auto auto auto;
width: 980px;
height: 600px;
}

.nadpis {
width: 980px;
height: 114px;
background-image: url(image/top.gif);
}

.menu {
width: 980px;
height: 51px;
float: left;
}

.clear {
clear: both;
}

.stred {
width: 980px;
height: 600px;
background-image: url(image/backg.gif);
}

.leva {
float: left;
width: 264px;
height: 600px;
background-image: url(image/leva.gif);
}

.prava {
float: left;
width: 715px;
height: 600px;
}

.text {
padding: 10px 10px 10px 10px;
width: 695px;
height: 580px;
font-size: 12px;
text-align: justify;
overflow: auto;
}

.spodek {
width: 980px;
height: 40px;
background-image: url(image/spodek.gif);
}


/* MENU STYLES 1*/
.mainlevel1:link, a.mainlevel1:visited {
float: left;
width: 86px;
height: 51px;
background: transparent url('image/uvod.gif') no-repeat left center;
}

.mainlevel1:active, a.mainlevel1:hover {
background: transparent url('image/uvod.gif') no-repeat -86px center;
text-decoration: none;
color: #0066CC;
}

/* MENU STYLES 2*/
.mainlevel2:link, a.mainlevel2:visited {
float: left;
width: 83px;
height: 51px;
background: transparent url('image/lecba.gif') no-repeat left center;
}

.mainlevel2:active, a.mainlevel2:hover {
background: transparent url('image/lecba.gif') no-repeat -83px center;
text-decoration: none;
color: #0066CC;
}

/* MENU STYLES 3*/
.mainlevel3:link, a.mainlevel3:visited {
float: left;
width: 122px;
height: 51px;
background: transparent url('image/konstelace.gif') no-repeat left center;
}

.mainlevel3:active, a.mainlevel3:hover {
background: transparent url('image/konstelace.gif') no-repeat -122px center;
text-decoration: none;
color: #0066CC;
}

/* MENU STYLES 4*/
.mainlevel4:link, a.mainlevel4:visited {
float: left;
width: 98px;
height: 51px;
background: transparent url('image/hubnuti.gif') no-repeat left center;
}

.mainlevel4:active, a.mainlevel4:hover {
background: transparent url('image/hubnuti.gif') no-repeat -98px center;
text-decoration: none;
color: #0066CC;
}

/* MENU STYLES 5*/
.mainlevel5:link, a.mainlevel5:visited {
float: left;
width: 144px;
height: 51px;
background: transparent url('image/teloaduse.gif') no-repeat left center;
}

.mainlevel5:active, a.mainlevel5:hover {
background: transparent url('image/teloaduse.gif') no-repeat -144px center;
text-decoration: none;
color: #0066CC;
}

/* MENU STYLES 6*/
.mainlevel6:link, a.mainlevel6:visited {
float: left;
width: 82px;
height: 51px;
background: transparent url('image/joalis.gif') no-repeat left center;
}

.mainlevel6:active, a.mainlevel6:hover {
background: transparent url('image/joalis.gif') no-repeat -82px center;
text-decoration: none;
color: #0066CC;
}

/* MENU STYLES 7*/
.mainlevel7:link, a.mainlevel7:visited {
float: left;
width: 116px;
height: 51px;
background: transparent url('image/koucovani.gif') no-repeat left center;
}

.mainlevel7:active, a.mainlevel7:hover {
background: transparent url('image/koucovani.gif') no-repeat -116px center;
text-decoration: none;
color: #0066CC;
}

/* MENU STYLES 8*/
.mainlevel8:link, a.mainlevel8:visited {
float: left;
width: 158px;
height: 51px;
background: transparent url('image/seznam.gif') no-repeat left center;
}

.mainlevel8:active, a.mainlevel8:hover {
background: transparent url('image/seznam.gif') no-repeat -158px center;
text-decoration: none;
color: #0066CC;
}

/* MENU STYLES 8*/
.mainlevel9:link, a.mainlevel9:visited {
float: left;
width: 90px;
height: 51px;
background: transparent url('image/kontakt.gif') no-repeat left center;
}

.mainlevel9:active, a.mainlevel9:hover {
background: transparent url('image/kontakt.gif') no-repeat -92px center;
text-decoration: none;
color: #0066CC;
}