body { margin-top: 0; margin-left: 0; background: #ffffff; 
 color: #333333; font-family: Arial, sans-serif; font-style: normal; font-size : 9pt;} 
  
/* text ---------------------------------------------------------------------- */
p { color: #333333; text-align: justify; margin: 0px; padding: 0px; }
a { color: #006E33;}
a:hover { color: #ff9933; text-decoration: none; }
a:visited { color: #000080; text-decoration: none; }

h1 { color: #006E33; font-size: 10pt; font-weight: bold; text-align: right; width: 520px;}
h2 { color: #006E33; font-size: 9pt; font-weight: bold;}
h3 { color: #006E33; font-size: 9pt; font-weight: bold;text-align: center;}
h4 { color: #006E33; font-size: 9pt; font-weight: bold;text-align: center;}

.bila, a.bila { color: #ffffff; text-decoration: none; }
a:hover.bila { color: #FFFFCC; text-decoration: none; }

.bilab, a.bilab { color: #ffffff; text-decoration: none; font-size: 9pt;font-weight: bold;}
a:hover.bilab { color: #FFFFCC; text-decoration: none; font-weight: bold;}

.zluta, a.zluta { color: #FFFFCC; text-decoration: none; font-size: 9pt;}
a:hover.zluta { color: #FFCC33; text-decoration: none; }


.zlutab, a.zlutab { color: #FFFFCC; text-decoration: none; font-size: 9pt;font-weight: bold;}
a:hover.zlutab { color: #FFCC33; text-decoration: none; font-weight: bold;}


.zelena, a.zelena { color: #006E33; text-decoration: none; font-size: 9pt; font-weight: bold;}
a:hover.zelena { color: #ff9933; text-decoration: none; }

.zelena1, a.zelena1 { color: #006E33; text-decoration: none; font-size: 9pt;}
a:hover.zelena { color: #ff9933; text-decoration: none; }


.zel1, a.zel1 { color: #005400; text-decoration: none; font-size: 8.5pt;}
a:hover.zel1 { color: #FFCC33; text-decoration: none; }


.zel2, a.zel2 { color: #005400; text-decoration: none; font-size: 8.5pt;font-weight: bold;}
a:hover.zel2 { color: #FFCC33; text-decoration: none; }

.cerna1, a.cerna1 { text-decoration: none; font-size: 9,5 pt;font-weight: bold;}
a:hover.cerna1 { color: #FFCC33; text-decoration: none;}


/* bloky ---------------------------------------------------------------------- */
#celek {width : 760px; position: absolute; top: 0; height: auto; left: 50%; margin-left: -380px;}

#vrch {position: absolute; top: 20px; left: 0px; width: 760px; height: 118px; background: url('img/vrch.gif');}

#vrchM {position: absolute; top: 118px; left: 217px; width: 60px; height: 28px;background: url('img/vrchM1.gif');}

#vrchM1 {position: absolute; top: 118px; left: 445px; width: 316px; height: 28px;background: url('img/vrchM1.gif');}


#vrchM2 {position: absolute; top: 118px; left: 217px; width: 320px; height: 28px;background: url('img/vrchM1.gif');}
#vrchM3 {position: absolute; top: 118px; left: 710px; width: 50px; height: 28px;background: url('img/vrchM1.gif');}


#foto {position: absolute; top: 0px; left: 217px; width: 309px; height: 116px;}

#menu {position: absolute; top: 137px; left: 0px; width: 208px; max-width: 208px;}

#levmenu {position: relative; background: #006E33; width: 208px; max-width: 208px;padding: 0px 0px 10px 8px; line-height: 1.5;}


#hormenu1 {position: absolute; top: 125px; left: 315px; width: 195px; max-width: 195px;}

#hormenu2 {position: absolute; top: 125px; left: 575px; width: 195px; max-width: 195px;}



#aktuality {position: relative; background: #84C031; width: 192px; max-width: 192px;border-top: #ffffff 1px solid; padding: 12px; 
text-align: justify; font-size: 8pt; line-height: 1.1; color: #000000;}

#hledej {position: absolute; left: 560px; top: 48px; color: #ffffff; z-index: 3;}

#text { position: absolute; right: 0px; top: 140px; width: 530px; float: right;}

#spodek { position: relative; right: 0px; width: 530px;}
#copy { position: relative; float: right; text-align: right; width: 339px; height: 17px; 
background: url('img/spodek.gif'); color: #ffffff; font-size: 8pt; padding-top: 2px;}
.ram {padding: 0px 0px 0px 0px;}
.ramp {margin: 10px 0px 10px 15px; float: right;}
.ramp1 {margin: 20px 0px 10px 15px; float: right;}
.raml {margin: 10px 10px 10px 0px; float: left;}
.raml1 {margin: 20px 10px 10px 0px; float: left;}

/* tabulky ---------------------------------------------------------------------- */
td {font-family: Arial, sans-serif; font-size: 9pt; text-align: left; vertical-align: top;}
.tabulka { border: 0px; width: 100%;}

/* formulare ---------------------------------------------------------------------- */
.okno { color: #000000; border: 1px solid #ffffff; background-color: #84C031; width: 125px; 
font-family: Arial, sans-serif; font-size: 9pt; padding: 2px;}




.menu {position:relative;margin:135px 10px 20px 0px;}

.menu {z-index:1000;font-size:100%;margin:0px 0 0px 0px;}

.menu ul {padding:0;margin:0;list-style-type:none;width:208px;}


/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}

.menu li {position:relative;background:#006E33;}

.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}


.menu a {text-decoration:none;height:21px;line-height:21px;width:208px;color:#FFFFCC;border:0px solid #006E33;
border-width:0 1px 1px 0;}

.menu a:visited {text-decoration:none;height:21px;line-height:21px;width:208px;color:#FFFF00;border:0px solid #006E33;
border-width:0 1px 1px 0;}



.a:visited {color: #ffffff}




/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#006E33; width:208px; w\idth:208px;}


/* style the link hover */

* html .menu a:hover {color:#FFCC33; background:#006E33;}




.menu :hover > a {color:#FFCC33; background:#006E33;}





.menu ul ul {visibility:hidden;position:absolute;top:0;left:208px;}

.menu ul li:hover ul,.menu ul a:hover ul {visibility:visible;}

.menu ul :hover ul ul{visibility:hidden;}

.menu ul :hover ul :hover ul ul{visibility:hidden;}

.menu ul :hover ul :hover ul{visibility:visible;}

.menu ul :hover ul :hover ul :hover ul { visibility:visible;}



<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}

</style>

<![endif]-->