
<style type="text/css">


a:hover {
     COLOR: Red; TEXT-DECORATION: none;}




#outer {width:980px; height:510px; position:relative; left:100px; }


#outer 
#stred {position:absolute; left:215px; top:155px; width:754px; height:800;  background:#F2F2F2; padding:5; border-left:7px solid Black; border-right:4px solid Black;   }

#outer #stredicekprohlavnistranku {position:absolute; left:215px; top:155px; width:500px; height:800;  background:#F2F2F2; padding:5; border-left:7px solid Black; border-right:4px solid Black;   }
#outer #kontakt { position:absolute; left:740px; top:155px; width:242px; }

#outer #odkazy { position:relative; left:740px; top:510px; width:242px; z-index:10; padding:-7;}

#outer #leva { position:absolute; left:50px; top:650px; width:100px;  }





#menu {list-style-type:none; padding:0; margin:0; width:120px; height:470px; position:absolute; top:230px; left:-1; z-index:100;  }

#menu ul {list-style-type:none; padding:0; margin:0; }

#menu li { float:left; background:Gray; position:relative; border-bottom:1px solid White; }


#menu li.sub {background:Black url(d.gif) no-repeat top right; color:White; }





#menu li.obrazek { border-style: none; background: white;) }


#menu li.oddelovac { border-style: none; background: transparent url(oddelovac.gif) no-repeat}






#menu li, 
#menu li a {display:block; color:White; font-family:verdana; font-size:11px; line-height:27px; width:214px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:0px; }



#menu ul,

#menu li.click ul ul,

#menu li.click ul li.hover ul ul {display:none; color:Fuchsia; }

#menu li.hover {color:Red; z-index:500;background:Black;  }




#menu li.click ul {display:block; color:black; }

#menu li.click ul li.hover ul ,

#menu li.click ul li.hover ul li.hover ul { display:block; position:absolute; left:204px; top:0px; border:1px solid #fff; border-width:0 ;   }


#menu li.click ul li.sipka {background: gray url(sipka.gif) no-repeat top right;  font-size:11px; }

#menu li.click ul li.hover {  background:Silver;  }

#menu li.click ul li.hover a {color:Black;   }


#menu li.click ul li.hover ul li {background:Silver; width:300px; }

#menu li.click ul li.hover ul li a{width:300px;  font-size:11px; }

#menu li.click ul li.hover ul li.hover ul li  {background:#DFF36D; z-index:500; width:130px;  }



#menu li.click ul li.hover ul li.sipka {background: Silver url(sipka.gif) no-repeat top right;  }

#menu li.click ul li.hover ul li.hover {z-index:500; background:#DFF36D; }       

img {border:none;}                                                                                                                                                                                                                                        <!-- druhé menu po najetí -->

#menu li.click ul li.hover ul li.hover ul li.hover {background:#EAF89E;  }
#menu li.click ul li.hover ul li.hover ul li.hover a {color:Black  ; TEXT-DECORATION: UNDERLINE;   }


#outer p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:verdana, sans-serif; text-align:justify;} }


</style>