<style type="text/css">
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/zig-zag.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.
=================================================================== */


#outer {width:920px; height:50px; padding-top:2px;}
#first {display:block; width:34px; height:0; overflow:hidden;   float:left; margin-right:-23px;}
#last {display:block; width:34px; height:0; overflow:hidden;  float:left;}    /* border-bottom:25px solid #6ad; */



/* hacks for IE5.5 */
* html #first, * html #last {width:59px; height:25px; w\idth:34px; he\ight:0;}

#slants {padding:0; margin:0; list-style:none;}
#slants li {float:left; margin-right:-23px;}
#slants li a {display:block; float:left; height:25px; line-height:24px;
background:transparent; color: #fff; font-weight: bold; text-decoration:none; cursor:pointer;} /* add cursor:hand; for IE5.5 */


#slants ul a:link {display:block; float:left; height:25px; line-height:24px;
background:transparent; color:#0f0; text-decoration:none; cursor:pointer;} /* add cursor:hand; for IE5.5 */


/* nastaveni sirky zalozky */
#slants li a span {
	display:block;
	float:left; width:130px;
	height:25px;
	text-align:center; font-family:Verdana;}
#slants li a b {display:block; float:left; width:0; height:0; overflow:hidden; }
#slants li a em {display:block; float:left; width:0; height:0; overflow:hidden;}


#slants ul li ul li a {
font-weight: normal;
color: #000
}

/* hacks for IE5.5 */
* html #slants li a b,
* html #slants li a em {width:25px; height:25px; w\idth:0; he\ight:0;}



#slants li:hover {position:relative;}
#slants li a:hover {color:#4e91cd; white-space:normal; position:relative;}  /* IE barva odkazu */
#slants li:hover > a {color: #4e91cd}
#slants li a:hover span {}
#slants li:hover > a span {color: #4e91cd}
#slants li a:hover b {border-right-color:#48b;}
#slants li:hover > a b {border-right-color:#48b;}
#slants li a:hover em {border-top-color:#48b;}
#slants li:hover > a em {border-top-color:#48b;}




/* use the table to position the dropdown list */
#slants table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:0;
top:0;
font-size:1em;
}


/* hide the sub level links */
#slants ul {
visibility:hidden;
position:absolute;
height:0;
left:0px;
list-style:none;
width:150px;
top:25px;
}


/* make the sub level visible on hover list or link */
#slants li:hover ul,
#slants a:hover ul{
visibility:visible;
}



#slants li:hover ul li a span,
#slants a:hover ul li a span {background:url('/image/opaque.png');
background:transparent filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;

}



#slants li:hover ul li a:hover b,
#slants a:hover ul li a:hover b {border-right-color:#48b;}
#slants li:hover ul li a:hover em,
#slants a:hover ul li a:hover em {border-top-color:#48b;}
#slants li:hover ul li a:hover span,
#slants a:hover ul li a:hover span {color: #4e91cd;}



#slants li:hover ul li a span,
#slants a:hover ul li a span {color:#000; font-weight: normal;}
#slants li:hover ul li a b,
#slants a:hover ul li a b {border-right-color:#7be;}
#slants li:hover ul li a em,
#slants a:hover ul li a em {border-top-color:#7be;}



</style>
