/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#top_menu {height:59px; z-index:100; margin: 0 8px 0 8px;}
#top_menu .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-weight: bold; /*font-family:arial, sans-serif;*/ }

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;/*!!!*/margin:0 0 0 1px; }
.menu li.first { margin: 0; }

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-weight: bold;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:59px; text-align: center; text-decoration: none; margin: auto; }
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:200; font-size:10px; /*font-weight: bold; color: #FFB001; background:url('../img/bullet.gif') no-repeat right center; padding: 3px;*/ }


/* pre-load the hover images into the lists */

.menu li.p1 {width:114px; background:url(../img/menu/uvod1.gif) no-repeat;}
.menu li.p2 {width:114px; background:url(../img/menu/o-skole1.gif) no-repeat;}
.menu li.p3 {width:114px; background:url(../img/menu/ucitele1.gif) no-repeat;}
.menu li.p4 {width:114px; background:url(../img/menu/zaci1.gif) no-repeat;}
.menu li.p5 {width:114px; background:url(../img/menu/skolni-druzina1.gif) no-repeat;}
.menu li.p6 {width:114px; background:url(../img/menu/skolni-jidelna1.gif) no-repeat;}
.menu li.p7 {width:114px; background:url(../img/menu/rodice1.gif) no-repeat;}
.menu li.p8 {width:114px; background:url(../img/menu/skolska-rada1.gif) no-repeat;}
.menu li.p9 {width:114px; background:url(../img/menu/skolni-vrba1.gif) no-repeat;}
.menu li.p10 {width:114px; background:url(../img/menu/mapa-stranek1.gif) no-repeat;}


/* set up the normal unhovered images in the links */
.menu li a#uvod {width:114px; background:url(../img/menu/uvod.gif) no-repeat;}
.menu li a#o-skole {width:114px; background:url(../img/menu/o-skole.gif) no-repeat;}
.menu li a#ucitele {width:114px; background:url(../img/menu/ucitele.gif) no-repeat;}
.menu li a#zaci {width:114px; background:url(../img/menu/zaci.gif) no-repeat;}
.menu li a#skolni-druzina {width:114px; background:url(../img/menu/skolni-druzina.gif) no-repeat;}
.menu li a#skolni-jidelna {width:114px; background:url(../img/menu/skolni-jidelna.gif) no-repeat;}
.menu li a#rodice {width:114px; background:url(../img/menu/rodice.gif) no-repeat;}
.menu li a#skolska-rada {width:114px; background:url(../img/menu/skolska-rada.gif) no-repeat;}
.menu li a#skolni-vrba {width:114px; background:url(../img/menu/skolni-vrba.gif) no-repeat;}
.menu li a#mapa-stranek {width:114px; background:url(../img/menu/mapa-stranek.gif) no-repeat;}
.menu li a#akt-hlk {width:100%;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#uvod:hover, .menu li:hover a#uvod,
.menu li a#o-skole:hover, .menu li:hover a#o-skole,
.menu li a#ucitele:hover, .menu li:hover a#ucitele,
.menu li a#zaci:hover, .menu li:hover a#zaci,
.menu li a#skolni-druzina:hover, .menu li:hover a#skolni-druzina,
.menu li a#skolni-jidelna:hover, .menu li:hover a#skolni-jidelna,
.menu li a#rodice:hover, .menu li:hover a#rodice,
.menu li a#skolska-rada:hover, .menu li:hover a#skolska-rada,
.menu li a#skolni-vrba:hover, .menu li:hover a#skolni-vrba,
.menu li a#mapa-stranek:hover, .menu li:hover a#mapa-stranek,
.menu li a#akt-hlk:hover, .menu li:hover a#akt-hlk {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:59px; background: #fff; padding:3px 0; border:1px solid #888; white-space:normal; width:153px; height:auto; z-index:250;}
.menu :hover ul.sub { left: -15px; }
.menu :hover ul.sub li {display:block; /*height:20px;*/ position:relative; float:left; width:153px; border-top: 1px solid #4E81EA;}
.menu :hover ul.sub li a {display:block; font-size:11px; /*height:20px;*/ width:150px; line-height:20px; padding: 0 3px 0 3px; /*text-indent:5px;*/ color:#000; text-decoration:none; border-left:3px solid #fff; }
*>.menu :hover ul.sub li a { width:141px; }
.menu :hover ul.sub li a.fly {background:#fff url(../img/menu/arrow.gif) 137px 7px no-repeat; position: relative; }
.menu :hover ul.sub li a:hover {background:#4E81EA; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#4E81EA url(../img/menu/arrow_over.gif) 137px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#4E81EA url(../img/menu/arrow_over.gif) 137px 7px no-repeat; color:#fff;}

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
  left:147px;
  top:-5px;
  background: #fff;
  padding:3px 0;
  border:1px solid #888;
  white-space:normal;
  width:153px;
  height:auto;
  z-index:300;
}

/*
.menu :hover ul :hover ul li { display: inline }
.menu :hover ul :hover ul li a { display: block; line-height:18px; }
*/