ul.horizontal { margin: 0; list-style: none url() outside; }
ul.horizontal li { list-style: none url() outside; display: inline; }

ul.top-menu li { display: block; float: left; height: 85px; /* behavior: url(../js/hover.htc); */ }
ul.top-menu li a { color: #627077; text-decoration: none; font-size: 1.1em; text-transform: lowercase; cursor: pointer; }

ul.top-menu li a .background { display: block; float: left; width: 105px; height: 85px; background: url() no-repeat center top; margin-left: 1px; }
ul.top-menu li a .label { display: block; padding-top: 60px; }

ul.top-menu li.item-1 a .background { background-image: url(../images/top_menu/item-1.gif); }
ul.top-menu li.item-2 a .background { background-image: url(../images/top_menu/item-2.gif); }
ul.top-menu li.item-3 a .background { background-image: url(../images/top_menu/item-3.gif); }
ul.top-menu li.item-4 a .background { background-image: url(../images/top_menu/item-4.gif); }
ul.top-menu li.item-5 a .background { background-image: url(../images/top_menu/item-5.gif); }
ul.top-menu li.item-6 a .background { background-image: url(../images/top_menu/item-6.gif); }
ul.top-menu li.item-7 a .background { background-image: url(../images/top_menu/item-7.gif); }

ul.top-menu li.item-1 a:hover .background,
ul.top-menu li.item-1 a.active .background { background-image: url(../images/top_menu/item-1-act.gif);}
ul.top-menu li.item-2 a:hover .background,
ul.top-menu li.item-2 a.active .background { background-image: url(../images/top_menu/item-2-act.gif);}
ul.top-menu li.item-3 a:hover .background,
ul.top-menu li.item-3 a.active .background { background-image: url(../images/top_menu/item-3-act.gif);}
ul.top-menu li.item-4 a:hover .background,
ul.top-menu li.item-4 a.active .background { background-image: url(../images/top_menu/item-4-act.gif);}
ul.top-menu li.item-5 a:hover .background,
ul.top-menu li.item-5 a.active .background { background-image: url(../images/top_menu/item-5-act.gif);}
ul.top-menu li.item-6 a:hover .background,
ul.top-menu li.item-6 a.active .background { background-image: url(../images/top_menu/item-6-act.gif);}
ul.top-menu li.item-7 a:hover .background,
ul.top-menu li.item-7 a.active .background { background-image: url(../images/top_menu/item-7-act.gif);}

ul.left-menu { margin: 0; list-style: none url(); list-style-type: none;  list-style: none; list-style-position: outside; }
ul.left-menu li { list-style: none url(); list-style-type: none;  list-style: none; list-style-position: outside; display: block; height: 121px; }
ul.left-menu li img { display: block; }
ul.left-menu li a { display: block; cursor: pointer; text-decoration: none; }
ul.left-menu li .background { display: block; width: 43px; height: 121px; font-size: 0em; background: url() no-repeat center top; }

ul.left-menu li .background-4 { background-image: url(../images/left_menu/leto.gif); }
ul.left-menu li .background-5 { background-image: url(../images/left_menu/zima.gif); }

ul.left-menu li a:hover .background-4,
ul.left-menu li .background-active-4 { background-image: url(../images/left_menu/leto_act.gif); }
ul.left-menu li a:hover .background-5,
ul.left-menu li .background-active-5 { background-image: url(../images/left_menu/zima_act.gif); }

ul.footer-menu li .spacer { padding: 0 5px; background: url(../images/footer_menu_spacer.gif) no-repeat center center; }
