/* the menu */ #podmenu {float:left; width: 797px; padding:0px; margin: 0px;} #podmenu ul, #podmenu li, #podmenu a {display:block; _margin:0px; _padding:0px; border:0;} #podmenu ul { list-style:none; } /* regular hovers */ #podmenu a:hover {color:#CC0000;} /* the menu */ #menicko { padding:0px; margin: 0px;} #menicko ul, #menicko li, #menicko a {display:block; margin:0px; padding:0px; border:0;} #menicko ul { list-style:none; } #menicko li {padding: 0 10px 3px 5px; z-index:9; float:left; margin-right: 3px; border: 2px solid #eee; } #menicko li:active { background-color: #30ACE0; } #menicko li:hover { background-color: #30ACE0; } #menicko a {margin:3px;padding:0px; text-decoration:none; color:#333333; font-weight:bold; /* IE */;} #menicko li > a {width:auto;} /* regular hovers */ #menicko a:hover {color:#CC0000;} /* hovers with specificity */ #menicko li.folder:hover {z-index:10;} #menicko ul ul, #menicko li:hover ul ul {display:none; margin: 0px; padding: 0px;} #menicko ul ul, #menicko li:hover ul ul {display:none; margin: 0px; padding: 0px; background-color: #fff;} /* .menu_sub0 { position:absolute; padding:0px; margin:0px; z-index: 12; } */ /* .menu_sub1 { position:absolute; background-color:#DFDFDF;left:35px; top:35px; width:190px; padding:0px; margin:0px; z-index: 15; } */ #menicko li li { float: none; padding:0px; margin: 0px; text-align:left; border: solid #fff 1px; width: 140px; background-color: #E4E4E4; font-weight: normal; font-size: 10px; height: auto; } #menicko li:hover ul, #menicko li:hover li:hover ul {display:block;} #navi{float: right; height: 48px; padding: 0px;} #navi img{margin: 24px 8px 8px 8px; width: 16px;} #navi img:hover{margin: 8px 0px; width: 32px;} #menicko{width: 310px; height: 20px; float: right; position: relative; top: 20px; margin-left: 100px;} #menicko ul{display: inline;} #menicko li{display: inline;} #menicko li{margin: 0px; height: 20px; font-size: 12px; _background-image: url("../images/vodorovne_menu_roh.jpg"); _background-repeat: no-repeat; _background-position: right top; color: #fff; font-weight: bold; padding: 0px 20px 0 10px; float: left; display: block; background-color: #01458E;} #menicko li:hover{_background-image: url("../images/vodorovne_menu_roh2.jpg"); background-repeat: no-repeat; _background-position: right top;} #menicko li a:link {color: #fff; text-decoration: none;} #menicko li a:visited {color: #fff; text-decoration: none;} #menicko li a:active {text-decoration: none; color: #fff;} #menicko li a:hover {text-decoration: none; color: #fff;} /* задают позицию для вып. меню второго каскада, указывая, что оно будет располагаться рядом, а не в один столбец */ #podmenu ul.menu_sub1 { position: absolute; left: 153px; top: -5px; } /*[.menu_sub0] задаёт положение подложи выпадающего меню первого каскада, а [...sub1] - второго */ .menu_sub0 { position:absolute; /* background-color:#DFDFDF; */ background-image: url("../images/trsquare.png"); left: 4px; top: 4px; width: 147px; padding:0px; margin: 0px; z-index: 12; } .menu_sub1 { position:absolute; /* background-color:#DFDFDF; */ background-image: url("../images/trsquare.png"); /* left:0px; top:25px; */ width:147px; padding:0px; margin:0px; z-index: 48; } /*Для тестов*/ .menu_sub0t {position:relative; /* background-color:#DFDFDF;*/ background-image: none; left: 4px; top: 4px; width: 140px; padding:5px 0px; margin: 0px; z-index: 12; } .menu_sub1t {position:relative; /* background-color:#DFDFDF;*/ background-image: none; /* left:0px; top:25px; */ width:147px; padding:5px 0px; margin:0px; z-index: 48; } /* Меню слева на внутренних страницах */ #lm{float: left; margin-left: -2px; margin-top: 0; width: 160px; bacground-color: #aa9977; border: 1px solid #fff; font-size: 10px; text-indent: 0;} .lmenu_sub1{float: left; width: 154px; margin: 0; padding: 2px 2px; border: 1px solid #fff; color: #00458E; background-color: #C2C2C2; font-size: 11px;} .lmenu_sub1:hover{background-color: #30ACE0;} .lmenu_sub1_act{float: left; font-weight: bold; width: 154px; margin: 0; padding: 2px 2px; border: 1px solid #fff; color: #FFFFFF; background-color: #30ACE0; font-size: 11px;} .lmenu_sub1_act:hover{color: #00458E;} .lmenu_sub2{float: left; width: 144px; margin: 0; padding: 2px 2px 2px 12px; border: 1px solid #fff; color: #00458E; font-size: 10px; background-color: #E2E2E2;} .lmenu_sub2:hover{background-image: url("../images/sub_link.PNG"); background-position: 0px 0px; background-repeat: no-repeat;} .lmenu_sub2_act{float: left; font-weight: bold; width: 144px; margin: 0; padding: 2px 2px 2px 12px; border: 1px solid #fff; color: #0033ff; font-size: 10px; background-color: #E2E2E2;} .lmenu_sub3{float: left; width: 134px; margin: 0; padding: 2px 2px 2px 22px; border: 1px solid #fff; color: #00458E; font-size: 9px; background-color: #E2E2E2;} .lmenu_sub3:hover{background-image: url("../images/sub_sub_link.PNG"); background-position: left top; background-repeat: no-repeat;} .lmenu_sub3_act{float: left; font-weight: bold; width: 134px; margin: 0; padding: 2px 2px 2px 22px; border: 1px solid #fff; color: #0033ff; font-size: 9px; background-color: #E2E2E2;} /* * *** end of left menu *** * ****************************** * Меню слева на страницах каталога */ #clm{float: left; margin-left: -2px; margin-top: 0; margin-bottom: 50px; width: 170px; bacground-color: #aa9977; border: 1px solid #fff; text-indent: 0;} .cmenu_0{float: left; width: 164px; margin: 0; padding: 4px 2px; border: 1px solid #fff; color: #00458E; background-color: #C2C2C2; font-size: 12px;} .cmenu_0:hover{background-color: #30ACE0;} .cmenu_0a{float: left; font-weight: bold; width: 164px; margin: 0; padding: 4px 2px; border: 1px solid #fff; color: #FFFFFF; background-color: #30ACE0; font-size: 12px;} .cmenu_0a:hover{color: #00458E;} .cmenu_1{float: left; width: 154px; margin: 0; padding: 4px 2px 4px 12px; border: 1px solid #fff; color: #00458E; font-size: 11px; background-color: #E2E2E2;} .cmenu_1:hover{background-image: url("../images/sub_link.PNG"); background-position: 0px 0px; background-repeat: no-repeat; text-decoration: underline;} .cmenu_1a{float: left; font-weight: bold; width: 154px; margin: 0; padding: 4px 2px 4px 12px; border: 1px solid #fff; color: #0033ff; font-size: 11px; background-color: #E2E2E2;} .cmenu_1a:hover{color: #00458E; text-decoration: underline;} .cmenu_2{float: left; width: 136px; margin: 0; padding: 8px 2px 8px 32px; /* border: 1px solid #fff; border-bottom: 1px solid #ddd;*/ color: #000000; font-size: 11px; background-color: #FFFFFF; background-image: url("../images/tradeimg/screw0.png"); background-position: 10px 0px; background-repeat: no-repeat; } .cmenu_2:hover{text-decoration: underline; /* border: 1px solid #ddd; */} .cmenu_2a{float: left; font-weight: bold; width: 136px; margin: 0; padding: 8px 2px 8px 32px; /* border: 1px solid #fff; */ color: #00458E; font-size: 11px; background-color: #FFDDBB; background-image: url("../images/tradeimg/screw1.png"); background-position: 10px 0px; background-repeat: no-repeat; } .cmenu_2a:hover{color: #00458E; text-decoration: underline;} /* * *** end of left menu *** */ #podmenicko{width: 570px; height: 20px; float: left; position: relative; left: 144px;} #podmenicko ul{position: relative; z-index: 10;} #podmenicko ul ul{position: relative; margin-top: 6px; margin-left: -2px; z-index: 14;} #podmenicko ul ul ul{position: relative; margin-left: -2px; z-index: 38;} /* [ podmenicko li ] - настройка кнопок цернтрального меню */ #podmenicko li {width:110px; height: 22px; margin: 0 -8px 0 0; padding: 2px 0px 0px 5px; position: relative; float: left; display: block; font-size: 12px; color: #fff; font-weight: bold; /* background-color: #01458E; */ background-image: url("../images/m01.png"); background-repeat: no-repeat; background-position: 100% 0; z-index:12;} #podmenicko li:active {/* _background-color: #30ACE0; */ position: relative; /* background-image: url("../images/m1.png"); */ background-position: 100% -22px; z-index:13;} #podmenicko li:hover {/* _background-color: #30ACE0; */ position: relative; /* background-image: url("../images/m1.png"); */ background-position: 100% -22px; z-index:13;} /* [podmenicko a] свойство текстовой ссылки по умолчанию для ц.меню*/ #podmenicko a {margin: 2px 0px 0px -2px; padding:0px; text-decoration:none; color:#fff; font-weight:bold; /* IE */;} #podmenicko li li a {margin: 0px; padding:0px; text-decoration:none; color:#333333; _font-weight:bold;} #podmenicko li > a {width:auto;} #podmenicko li.folder:hover {/*position: relative; z-index:10; */} #podmenicko ul ul, #podmenicko li:hover ul ul, #podmenicko li:hover li:hover ul ul {display: none;} #podmenicko ul ul li, #podmenicko li:hover ul ul li, #podmenicko li:hover li:hover ul ul li {display: none;} #podmenicko ul ul ul{margin-left: -2px;} #podmenicko li:hover ul, #podmenicko li:hover li:hover ul, #podmenicko li:hover li:hover li:hover ul {display:block;} #podmenicko li:hover ul li, #podmenicko li:hover li:hover ul li, #podmenicko li:hover li:hover li:hover ul li {display:block;} #podmenicko li a:link {color: #fff; text-decoration: none;} #podmenicko li a:visited {color: #fff; text-decoration: none;} #podmenicko li a:active {color: #fff; text-decoration: none;} #podmenicko li a:hover {color: #fff; text-decoration: none;} /* [ podmenicko li li] - настройка кнопок выпадающего меню */ #podmenicko li li {float: none; padding:3px 0px 3px 3px; margin-bottom: 0px; margin-top: -2px; margin-left: 0px; text-align:left; border: solid #fff 1px; border-left: solid #fff 2px; border-right: solid #fff 2px; border-top: solid #fff 1px; border-bottom: solid #fff 1px; width: 142px; background-color: #E4E4E4; font-weight: normal; font-size: 11px; height: auto; left: -7px; top: -4px; background-image: none; display: block;} #podmenicko li li:hover {background-image: none} #podmenicko li li:active {background-image: none;} #podmenicko li li a:link {color: #00458E; text-decoration: none; font-weight: normal;} #podmenicko li li a:visited {color: #00458E; text-decoration: none; font-weight: normal;} #podmenicko li li a:active {color: #fff; text-decoration: none; background-color: #30ACE0; font-weight: normal;} #podmenicko li li a:hover {color: #fff; text-decoration: none; background-color: #30ACE0; font-weight: normal;} #podmenicko li li li:hover {margin-left: 0px; position: relative; z-index: 300;} /* the menu */ #WillkomenLang{float: right; width: 110px; padding:0px; margin: 0px; margin-top: -2px; text-align: center; background-color: #00458E; color: #fff; border-right: 1px solid #fff; border-top: 1px solid #fff;} #WillkomenLang li a:link {color: #00458E; text-decoration: none; font-weight: normal;} #WillkomenLang li a:visited {color: #00458E; text-decoration: none; font-weight: normal;} #WillkomenLang li a:active {color: #fff; text-decoration: none; font-weight: normal;} #WillkomenLang li a:hover {color: #fff; text-decoration: none; font-weight: normal;} #WillkomenLang img{ border:0px; margin-left: 5px;} #WillkomenLang ul, #WillkomenLang li, #WillkomenLang a {display:block; margin:0px; padding:0px; border:0; width: 110px;} #WillkomenLang ul { list-style:none; } #WillkomenLang li {padding: 3px 0px 3px 0px; z-index:9; float:left; border: 0px solid #fff; text-align: center; font-size: 10px; background-image: url("../images/jazyk_ruzek.jpg"); background-position: right top; background-repeat: no-repeat; } #WillkomenLang li:active { background-color: #30ACE0; background-image: url("../images/jazyk_ruzek2.jpg"); } #WillkomenLang li:hover { background-color: #30ACE0; background-image: url("../images/jazyk_ruzek2.jpg"); } #WillkomenLang a {margin:3px;padding:0px; text-decoration:none; color:#333333; font-weight:bold; /* IE */;} #WillkomenLang li > a {width:auto;} /* regular hovers */ #WillkomenLang a:hover {color:#CC0000;} /* hovers with specificity */ #WillkomenLang li.folder:hover {z-index:10;} #WillkomenLang ul ul, #WillkomenLang li:hover ul ul {display:none; margin: 0px; padding: 0px;} #WillkomenLang ul ul, #WillkomenLang li:hover ul ul {display:none; margin: 0px; padding: 0px; _margin-top: -2px;} #WillkomenLang li li { float: none; padding:0px; margin: 0px; _margin-bottom: 2px; text-align:left; border: solid #fff 1px; width: 104px; background-color: #E4E4E4; font-weight: normal; font-size: 10px; height: auto; position: relative; left: 0px; top: 3px; background-image: none; } #WillkomenLang li li:active { background-image: none; } #WillkomenLang li li:hover { background-image: none; } #WillkomenLang li:hover ul, #WillkomenLang li:hover li:hover ul {display:block;} #WillkomenLang ul.menu_sub0 { position: relative; left: 2px; top: 0px; padding-bottom: 2px; background-image: none;}