div#menu {clear:both;z-index:300;}
div#menu_obal {background: url('../obr/menu_panel.gif') no-repeat; float:left; width:100%;}

/* MAIN MENU LEFT */
/* hlavni celkove okno menu */
#outer {width:660px; height:81px; position:relative; float:left;}
/* Misto kde jsou hlavni odkazy zon */
#menuHolder {border-top: 3px solid black; border-bottom: 3px solid black; border-right: 3px solid black; height: 50px; width:660px; background: url('../obr/upper_shape.gif') repeat-y; position:relative; float:left;}
/*  */
#dropline {width:660px; padding:0; list-style:none; text-align:center; margin:0; float:left; position:relative; font-size:12px; font-family:arial, sans-serif; height:25px;}
/* Pomocna pro IE */
#dropline table {margin:-2px -10px;}
/* kategorie */
#dropline div.inner {padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; text-align:center; width:660px; z-index:20;}
/* kazde pole pro zonu, kategorii */
#dropline li {text-align:center; float:left;}
/* kazde pole pro zonu, kategorii */
#dropline li a {width:100px; border-right: 3px solid black; display:block; float:left; height:50px; line-height:50px; text-decoration:none; color:#fff;}
/* Hlavni zona, ktera ma podkategorie (muzu zvyraznit sipkou dolu) */
#dropline li a.sub {display:block; float:left; height:50px; line-height:50px; text-decoration:none; color:#fff;}
/* kazde pole pro zonu, kategorii */
#dropline li a b {width:100px; text-align:center;display:block; height:50px; float:left; cursor:pointer;}

/* Pri najeti na zonu */
#dropline li#z1 a:hover {background: url('../obr/z1.gif') repeat-y; color:#000;}
#dropline li#z2 a:hover {background: url('../obr/z2.gif') repeat-y; color:#000;}
#dropline li#z3 a:hover {background: url('../obr/z3.gif') repeat-y; color:#000;}
#dropline li#z4 a:hover {background: url('../obr/z4.gif') repeat-y; color:#000;}
#dropline li#z5 a:hover {background: url('../obr/z5.gif') repeat-y; color:#000;}

#dropline #z1.current {background: url('../obr/z1.gif') repeat-y;}
#dropline #z2.current {background: url('../obr/z2.gif') repeat-y;}
#dropline #z3.current {background: url('../obr/z3.gif') repeat-y;}
#dropline #z4.current {background: url('../obr/z4.gif') repeat-y;}
#dropline #z5.current {background: url('../obr/z5.gif') repeat-y;}

ul#dropline li#z1.current li a {background: transparent;}
ul#dropline li#z2.current li a {background: transparent;}
ul#dropline li#z3.current li a {background: transparent;}
ul#dropline li#z4.current li a {background: transparent;}
ul#dropline li#z5.current li a {background: transparent;}

ul#dropline li#z1 li a:hover {background: transparent;}
ul#dropline li#z2 li a:hover {background: transparent;}
ul#dropline li#z3 li a:hover {background: transparent;}
ul#dropline li#z4 li a:hover {background: transparent;}
ul#dropline li#z5 li a:hover {background: transparent;}

#dropline img {border:none; width: 15px; height: 15px;}
/* Oznacena zona */
#dropline li.current a b {background: transparent;}
/* kategorie cele menu */
#dropline :hover div.inner {background: url('../obr/menu_panel.gif'); border-top:3px solid black; left:0px; top:50px; height:25px;}
/* kategorie, tam kde mame nejake kategorie */
#dropline :hover div.lineHolder {float:left; position:relative;}
/* Kdyz je oznacena zona tak jeji podkategorie */
#dropline li.current div.inner {border-top:3px solid black; left:0; top:50px; z-index:10;}
#dropline li.current div.lineHolder {float:left; position:relative;}
#dropline li.current ul {float:left; position:relative;}
#dropline ul {padding:0; margin:0; list-style:none; position:relative; float:left;}
#dropline ul li {float:left;}
#dropline ul li a {width:95px; color:white; float:left; height:25px; padding:0 0 0 0;}
#dropline ul li a b {color:white; height:10px; line-height:27px; margin: 0 0 -3px 0;padding:0 0 0 0; font-weight:normal;}
#dropline ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0;}
#dropline li.current ul li.current_sub a b {text-decoration: underline; color:black;font-weight:bold;}
#dropline :hover ul li a b:hover {color:black;font-weight:bold;text-decoration: underline;position:relative;}
/* Pri oznacene zone policka kategorie */
#dropline li.current ul li a {background:transparent;color:white;}
#dropline li.current ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0;}
/* Obstaravani 3 menu */
#dropline :hover ul ul {padding:0; margin-top:0; list-style:none; position:absolute; z-index:300; left:-9999px;}
#dropline :hover ul li:hover {position:relative;}
#dropline :hover ul :hover ul {left:-1px; top:25px; width:155px; background:url('../obr/upper_shape.gif')}
#dropline :hover ul :hover ul li {border-left:1px solid #ff6600; border-right:1px solid #ff6600;}
#dropline :hover ul :hover ul li.last {border-bottom:1px solid #ff6600;}
#dropline :hover ul :hover ul li a {height:25px; line-height:25px; text-align:left; padding:0 0 0 10px; width:140px; background:url('../obr/upper_shape.gif');}
#dropline :hover ul :hover ul li a.fly {text-align:left; padding:0 0 0 10px; width:140px; background:url('../obr/upper_shape.gif') no-repeat right center;}
#dropline :hover ul :hover ul li a:hover {background:url('../obr/upper_shape.gif')}
#dropline :hover ul :hover ul li:hover > a {background:url('../obr/upper_shape.gif')}
#dropline :hover ul :hover ul ul {position:absolute; left:-9999px; width:0;}
#dropline :hover ul :hover ul :hover ul {left:120px; width:150px; top:0;}
#dropline :hover ul :hover ul :hover ul li {border-left-color:#eef;}
#dropline :hover ul :hover ul :hover ul li.first {border-top:1px solid #eef;}
#dropline :hover ul :hover ul :hover ul li a:hover {background:url('../obr/upper_shape.gif');}

/* MAIN MENU RIGHT */
div#menu_right {float:left; margin-left:-317px; height:79px; width:300px;}
div#menu_right div.videokatalog {height:50px;border-bottom:3px solid black; border-top:3px solid black;}
div#menu_right img {margin-left:50px;}
div#menu_right a {margin-top:5px; color:white; text-decoration: none;}
div#menu_right a:hover {color:#ff6600; text-decoration: underline;}
div#menu_right a.odkaz1 {margin-left:53px;}
div#menu_right a.odkaz2 {margin-left:75px;}
div#menu_right ul li a {display:block; margin-left:50px; height:20px; background: url('../obr/logo/videokatalog1.gif') no-repeat;}
div#menu_right ul li a:hover{display:block; cursor:pointer; background: url('../obr/logo/videokatalog2.gif') no-repeat;}
div#menu_right div#panel_hledani {position:absolute;}
div#menu_right div#panel_hledani input {margin-top:1px; margin-left:40px; background: url('../obr/upper_shape.gif'); color:white;}
div#menu_right div#panel_hledani a {color: #ff6600; text-decoration: none;}
div#menu_right .firma {text-align:center; margin-top:-3px;}

/* Menu videokatalog registrace */
div#menuHolder li#videokatalog_menu {font: 76% georgia; color:#ff6600; font-size:18px; width:250px; float:left; margin-left:120px; color:#ff6600; font-weight:bold;}
div#menuHolder li#videokatalog_menu a.odkaz1 {line-height:25px; background:none; color:#ff6600; text-decoration: underline; font-size:16px; float:left; padding-left:5px;}
div#menuHolder li#videokatalog_menu a.odkaz2 {line-height:25px; background:none; color:#ff6600; text-decoration: underline; font-size:16px; float:right; padding-right:5px;}
div#menuHolder li#videokatalog_menu a {height:0px; background:none; border:none; color:#ff6600; text-decoration: none;}
div#menuHolder li#videokatalog_menu a:hover {background:none; color:white; text-decoration: underline;}

/* MENU OBSAH BOTTOM */
div#menu_bottom {margin-top: 0px; clear: both;}
#menu_items_bottom {list-style:none; float:left; margin:0; padding:0; width:600px;}
#menu_items_bottom li {float:left; margin:0; padding:0;}
#menu_items_bottom li a {display:block; padding: 10px 0 10px 0; text-align: center; text-decoration: none;}
#menu_items_bottom .unmarked a:hover {text-decoration:underline; color:white;}
#menu_items_bottom .marked {width:150px; color:white;}
#menu_items_bottom .marked a {color:white;}
#menu_items_bottom .marked.mb1 {background: url('../obr/mb1.gif');}
#menu_items_bottom .marked.mb2 {background: url('../obr/mb2.gif');}
#menu_items_bottom .marked.mb3 {background: url('../obr/mb3.gif');}
#menu_items_bottom .marked.mb4 {background: url('../obr/mb4.gif');}
#menu_items_bottom .marked.mb1:hover {background: url('../obr/mb1.gif');}
#menu_items_bottom .marked.mb2:hover {background: url('../obr/mb2.gif');}
#menu_items_bottom .marked.mb3:hover {background: url('../obr/mb3.gif');}
#menu_items_bottom .marked.mb4:hover {background: url('../obr/mb4.gif');}
#menu_items_bottom .unmarked {width:150px; background:none;}
#menu_items_bottom .unmarked a {color:white;}

/* MENU OBSAH RIGHT */
ul#menu_items_right {position:absolute; z-index:100; text-align: left; float:left;}
ul#menu_items_right li a img {width: 15px; height: 15px; border:none;}
ul#menu_items_right, ul  {padding:0; margin:0; list-style-type:none;}
ul#menu_items_right li a {text-align: center; height:15px;}
ul#menu_items_right ul {margin-top:0px;}
ul#menu_items_right li {float:left; width:317px;}
ul#menu_items_right a {color:#ff6600; display:block; text-decoration:none; font-weight:bold;}	
ul#menu_items_right ul a {color:#ff6600; padding-left:2px; background: url('../obr/right_panel_grey.gif');}
ul#menu_items_right ul a:hover {color:white; background-color: #ff6600;}	
ul#menu_items_right ul {position:absolute; visibility:hidden;}
ul#menu_items_right li:hover ul, ul#menu_items_right li.hover ul{visibility:visible; border:1px solid #ff6600;}
ul#menu_items_right li li {float:none; border:none; padding:0;}