/* ---------------------------------------------- */
/* -----  TOP MENU  ------------------------------ */
/* ---------------------------------------------- */

ul.topmenu { margin:0 0 0 27px; height:40px;}
ul.topmenu li { list-style:none; float:left;}
* html ul.topmenu li { width:1%;}

ul.topmenu li a { display:block; height:40px; margin:0 0 0 1px; padding:0 0 0 20px; background:url(../obrazky/topmenu-item-bcg-left.gif) left top no-repeat; text-decoration:none; color:#fff;}
ul.topmenu li a span { display:block; height:19px; padding-top:21px; margin:0; padding-right:20px; background:url(../obrazky/topmenu-item-bcg-right.gif) right top no-repeat; font-size:14px; line-height:0.9em; text-transform:uppercase; font-weight:bold; white-space:nowrap;}
ul.topmenu li a span em { display:block; margin:0; padding:0; height:12px; width:20px; background:url(../obrazky/topmenu-mail.gif) right top no-repeat;}
ul.topmenu li a span em small { display:none;}

ul.topmenu li a:hover { display:block; height:40px; margin:0 0 0 1px; padding:0 0 0 20px; background:url(../obrazky/topmenu-item-bcg-left-over.gif) left top no-repeat; text-decoration:none; color:#fff;}
ul.topmenu li a:hover span { display:block; height:20px; padding-top:20px; background:url(../obrazky/topmenu-item-bcg-right-over.gif) right top no-repeat; cursor:pointer;}

ul.topmenu li.selected a { display:block; height:40px; margin:0 0 0 1px; padding:0 0 0 20px; background:url(../obrazky/topmenu-item-bcg-left-selected.gif) left top no-repeat; text-decoration:none; color:#7b0017;}
ul.topmenu li.selected a span { display:block; height:22px; padding-top:18px; margin:0; padding-right:20px; background:url(../obrazky/topmenu-item-bcg-right-selected.gif) right top no-repeat; font-size:14px; line-height:0.9em; text-transform:uppercase; font-weight:bold;}

ul.topmenu li.selected a:hover { display:block; height:40px; margin:0 0 0 1px; padding:0 0 0 20px; background:url(../obrazky/topmenu-item-bcg-left-selected.gif) left top no-repeat; text-decoration:none; color:#7b0017;}
ul.topmenu li.selected a:hover span { display:block; height:22px; padding-top:18px; margin:0; padding-right:20px; background:url(../obrazky/topmenu-item-bcg-right-selected.gif) right top no-repeat; font-size:14px; line-height:0.9em; text-transform:uppercase; font-weight:bold;}


/* ---------------------------------------------- */
/* -----  LEFT MENU  ------------------------------ */
/* ---------------------------------------------- */

ul.leftmenu { margin:0 0 0 0; width:191px;}
ul.leftmenu li, ul.leftmenu li.leftmenu_title { list-style:none; float:left; width:191px; }

ul.leftmenu li a, ul.leftmenu .leftmenu_title  { display:block; width:auto; margin-top:1px; padding:10px 12px 10px 12px; background:url(../obrazky/rightmenu-item-bcg.gif) left repeat-y; text-decoration:none; text-transform:uppercase; font-size:14px; line-height:1em; color:#ffa34d; font-weight:bold;}
ul.leftmenu .leftmenu_title {color:#FFFFFF; text-align:center;}
ul.leftmenu li a:hover { background:url(../obrazky/rightmenu-item-bcg-over.gif) left repeat-y; color:#ffb876;}

ul.leftmenu li.selected a { display:block; width:auto; margin-top:1px; padding:10px 12px 10px 12px; background:none; background-color:#fff; text-decoration:none; color:#7b0017; text-transform:uppercase; font-size:14px; line-height:1em; font-weight:bold;}
ul.leftmenu li.selected a:hover { background:none; background-color:#fff; color:#7b0017;}

ul.leftmenu li a.category-products, ul.leftmenu li a.category-subs {background:url(../obrazky/rightmenu2-item-bcg.gif) left repeat-y; color: #A80020; font-size:11px; line-height:0.1em; font-weight:normal; padding:7px 10px 7px 10px; }
ul.leftmenu li a.category-products:hover, ul.leftmenu li a.category-subs:hover {background:url(../obrazky/rightmenu2-item-bcg-over.gif) left repeat-y;}

ul.leftmenu li.selected a.category-products, ul.leftmenu li.selected a.category-subs {background:none; background-color:#fff; font-size:11px; line-height:0.1em; font-weight:normal; padding:7px 10px 7px 10px; }