/* Set up the default font and ovrall size to include image */
.menu {
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; float: right;	width: 509px;height:354px;
background:transparent;
position:absolute; 
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited { text-align: center; display:block; text-decoration:none; color:#000; width:85px; height:77px;font-weight:normal;color:#fff; margin-right:1px; background: transparent url('../i/menudiv.gif') no-repeat right bottom;  padding:20px 5px 0 5px;}
html>body .menu ul li a, .menu ul li a:visited {height:80px;}

/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:97px;
w\idth:88px;
}

* html .menu table tr td ul li a, * .menu table tr td ul li a:visited {
width:186px;
w\idth:186px;
display: block;
}

/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a, .menu ul li a:hover {color:#000; border-bottom: 1px solid #fff;background: url(../i/opaque.png); }
* html .menu ul li:hover a, * html .menu ul li a:hover {background:transparent filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity:0.8;}

/*
html>body .menu ul li:hover a, html>body .menu ul li a:hover {color:#000; border-bottom: 1px solid #fff;background: url(../i/opaque.png); }
* html .menu ul li:hover a, * html .menu ul li a:hover {color:#000; border-bottom: 1px solid #fff; background:#fff; }
*/

/* make the drop down menu show and correctly position it - TOP SHORA PODLE BOXU VRCHNÍHO MENU */
.menu ul li:hover ul, .menu ul li a:hover ul { text-align: left; display:block; position:absolute; top:8.2em;margin-top:20px;left:0; width: 196px; _width:196px; border:1px solid #fff;border-top:0;background:#fff;}
html>body .menu ul li:hover ul, html>body .menu ul li a:hover ul {top:8.4em;}

/* style the drop down links with no hover */
html>body .menu ul li:hover ul li a, html>body .menu ul li a:hover ul li a { text-align: left; display:block; background:transparent url(../i/opaque.png); color:#000; border:0;margin:0;color:#000;font-weight:normal; font-size:0.9em;height:auto; line-height:1em; padding:5px; width:186px;}
* html .menu ul li:hover ul li a, * html .menu ul li a:hover ul li a {text-align: left; display:block; color:#000; border:0;margin:0;color:#000;font-weight:normal; font-size:0.9em;height:auto; line-height:1em; padding:5px; width:186px;}

/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background: #EC4100; color:#fff; }

/* special styling for IE5.5 and IE6 - transparency is non validating */
* html .menu ul li a:hover ul {
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
* html .menu ul li a:hover ul li a {
background: #fff;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */