@charset "iso-8859-2";
/* CSS Document */

#menu { width:256px; font-size: 11px; margin:auto; }
#menuTop { width:256px; height:20px; background: transparent url(../img/menu/menuBgTop-leto.png) left bottom no-repeat; margin:auto; margin-top: 20px;}
#menuBottom { width:256px; height:20px; background: transparent url(../img/menu/menuBgBottom-leto.png) left bottom no-repeat; margin:auto; }
#menu ul,#menu li,#menu a, #menu a span { display: block; margin: 0; padding: 0; border: none; text-transform: uppercase; }
#menu ul { width: 256px; list-style: none; background-color:#e68900; }
#menu li { position: relative; padding: 1px; z-index: 9; }

/* others */
#menu a { margin: 0px 10px; padding: 10px; text-decoration: none; color: #FFFFFF; font-weight: bold; }
#menu a span { background: transparent url(../img/menu/menuArrow.png) right center no-repeat; }
#menu ul li { background: transparent url(../img/menu/menuItemBg.png) center bottom no-repeat; }

/* submenu */
#menu ul ul { font-size: 11px; letter-spacing:0px; padding: 0px; list-style: none; background: none; padding-left:20px; margin-top:0px; padding-bottom:6px; width: 236px; }
#menu ul ul, #menu ul ul li, #menu ul ul a, #menu ul ul a span { text-transform: none; }
#menu ul ul li { background: none; }
#menu ul ul li a { font-weight: normal; padding: 2px 10px; margin: 0 10px;}

#menu ul ul ul { font-size: 9px; width: 226px; margin-top: 0px; padding-left: 10px; padding-bottom: 0;}

/* regular hovers */
#menu a:hover { text-decoration: underline; background-color: #eeaa66 }
#menu a.active { text-decoration: underline; background-color: #eeaa66 }

/* hovers with specificity */
#menu li.folder:hover { z-index:10; }
#menu ul.hide { display: none; }

#cepice {
    background: transparent url(../img/cepice.png) center top no-repeat;
    width: 90px;
    height: 61px;
    left: 216px;
    top: 102px;
    display: none;
}