/*-- steps block --*/
#steps{
margin:5px 0 10px 20px;
padding:0;
width:auto;
height:auto;
text-align:left;
/*background-color:#cd6416;*/
}
#steps ul{
margin:0;
padding:0;
width:auto;
}
#steps li,#steps li a{
margin:0;
padding:0 3px 0 0;
width:auto;
font:11px Arial, Helvetica, sans-serif;
text-align:left;
list-style:none;
display:inline;
text-decoration:none;
color:#696969;
}
#steps li a:hover{
text-decoration:underline;
color:#cd6416;
}
/*-- Начало горизонтального меню v2 (2 уровеня) --*/
#h-nav2, #h-nav2 ul{
list-style:none;
margin:0px 0 0;
padding:5px 0;
font:13px Verdana, Arial, Helvetica, sans-serif;
}
#h-nav2{
height:40px;
width:1000px;
border:0px solid #000;
/*background-color:orange;*/
}
#h-nav2 li{
float:left;
position:relative;
}
#h-nav2 li.sep, #h-nav2 li.sep:hover{
padding:9px 1px 0; /*поля внутри блока ссылки*/
float:left; /*делаем элементы списка плавающими(включаем обтекание) вследствие чего, они выстраиваются в один ряд*/
position:relative;/*задаем относительное позиционирование. Теперь, вложенные элементы будут позиционироваться не относительно окна браузера, а относительно элементов списка.*/
color:white;
background:transparent;
}
#h-nav2 li:hover/*,#h-nav2 li.jshover*/{
background-color:white;
color:#000;
/*border:1px solid #e0e0e0;
border-bottom:1px solid #b0b0b0;*/
moz-border-radius:5px;
webkit-border-radius:5px;
border-radius:5px;
}
/*#h-nav2 li.jshover{
background-color:white;
}*/
#h-nav2 li a{
display:block;/*делаем ссылку блоком (по умолчанию, ссылка это элемент строчный) */
width:auto; /*ширина блока ссылки*/
color:#fff;/*цвет текста ссылки*/
padding:12px 20px; /*поля внутри блока ссылки*/
text-align:center;/*выравнивание текста по центру*/
text-decoration:none; /*убираем подчеркивание*/
border-right:0px solid #fff; /*задаем рамку справа*/
}
#h-nav2 li a:hover{
background-color:white;
color:#000;
/*border:1px solid #e0e0e0;
border-bottom:0px solid #b0b0b0;*/
moz-border-radius:5px;
webkit-border-radius:5px;
border-radius:5px;
}
#h-nav2 li:hover a{
color:#000;
}
#h-nav2 ul{
border:0px solid #000;
display:none;
width:200px;
position:absolute;
top:40px;
left:0;
background-color:#7cca49;
}
#h-nav2 ul li a{

border:0; 
border-bottom:1px dotted #000;
width:auto;
font:13px/14px Verdana, Arial, Helvetica, sans-serif;
}
#h-nav2 ul li a:hover{
background-color:white;
border:0;
border-bottom:0px solid #000;
width:auto;
font:13px/24px Verdana, Arial, Helvetica, sans-serif;
}
#h-nav2 li:hover ul li a{
color:white;
}
#h-nav2 li:hover ul li a:hover{
color:#000;
}
#h-nav2 li:hover ul, #h-nav2 li.jshover ul{display:block;}
/*-- Конец горизонтального меню v2 (2 уровеня) --*/

/*-- Начало вертикального меню v2 (2 уровень) --*/
/*стили для главного списка, и всех списков внутри него*/
#v-nav2,#v-nav2 ul{
margin:0 0 0 5px;/*убираем поля и отступы,т.к. они по разному трактуются различными браузерами*/
padding:0;
border:0px solid #000;/*задаем рамку*/
border-bottom:0px;/*убираем рамку снизу, т.к. она будет задана у ссылок*/
list-style:none; /*маркеры списка*/
/*list-style:outside url(../i/m/bul.png);*/ /*маркеры списка*/
width:220px;
height:auto;
min-height:20px;
font:14px Arial, Helvetica, sans-serif;/*Указываем размер шрифта/высоту строки и семейство шрифта. Высота строки нужна для автоматического выравнивания текста по высоте*/
font-weight:normal;
text-align:left;
}
/*стиль для элементов списка*/
#v-nav2 li{
position:relative; /*задаем относительное позиционирование. Теперь, вложенные элементы будут позиционироваться не относительно окна браузера, а относительно элементов списка.*/
/*background-color:#444444;*/ /*цвет фона */
}
#v-nav2 li a{
/*padding:10px 0 0 20px;*/
text-decoration:none;
}
#v-nav2 .drop{color:white;}
#v-nav2 li:hover,#v-nav2 li.jshover{
background-color:none;
color:#7cca49;/*меняем цвет фона пунктов списка при наведении на них*/
/*border:0px solid red;*/
}
/*стиль для ссылок списков*/
#v-nav2 a{
border-bottom:1px dotted #000; /*задаем рамку только снизу*/
color:#3f3f3f;/*цвет текста ссылок*/
display:block;/*делаем ссылки блоками(по умолчанию это строчный элемент)*/
padding:10px 0 10px 3px; /*задаем поля внутри блока ссылки. Сверху/снизу - 15px , справа/слева - 10px */
text-decoration:underline;/*подчеркивание*/
position:relative;/*специальный прием для I.E. 7, чтобы ссылка была кликабельна по всей площади*/
}
/*специальные хаки, чтобы i.e.6 нормально отображал меню*/
* html #v-nav2 li{float:left}/*убирает возникающий отступ при выпадении подменю*/
* html #v-nav2 li a{height:1%;}/*убирает разрыв между строками*/
/*стиль для ссылок при наведении*/
#v-nav2 a:hover{
background-color:none; /*цвет фона ссылок*/
/*list-style:outside url(../i/m/bullet-on.png);*/
color:#7cca49;/*цвет текста ссылок*/
}
/*стиль для вложенного списка*/
#v-nav2 li ul{
position:absolute; /*абсолютное позиционирование. в данном случае, будет позиционироваться от родительского элемента, для которого мы задали postion:relative*/
top:-1px;/*кордината отступа сверху. Ставим -1px, т.к. нам нужно поднять на 1 пиксель вверх, чтобы ликвидировать сдвиг, который получился из-за ширины рамки ссылки в один пиксель  */
left:209px;/*координата отступа слева*/
display:none;/*скрываем список по умолчанию*/
list-style:none; /*маркеры списка*/
width:300px;
moz-border-radius:0 10px 10px 10px;
webkit-border-radius:0 10px 10px 10px;
border-radius:0 10px 10px 10px;
}
#v-nav2 li ul,#v-nav2 li ul a{
list-style:none;
color:white;/*цвет текста ссылок*/
border:0;
border-bottom:0px solid #fff;
list-style:none;
}
#v-nav2 ul li,#v-nav2 ul li a{
list-style:none;
color:white;/*цвет текста ссылок*/
border:0;
border-bottom:1px solid #fff;
list-style:none;
}
/*стиль для вложенного списка при наведении на пункт меню первого уровня*/
#v-nav2 li:hover ul,#v-nav2 li a:hover ul,#v-nav2 li.jshover ul{
background-color:#7cca49; /*цвет фона*/
color:#fff;
display:block; /*показываем список*/
height:auto;
min-height:20px;
list-style:none;
/*	opacity: .9;*/
}
#v-nav2 ul li a:hover,#v-nav2 ul li.jshover{background-color:white;color:#7cca49;}/*меняем цвет фона пунктов списка при наведении на них*/
/*-- Конец вертикального меню v2 (2 уровень) --*/

/*-- Начало вертикального меню v1 (1 уровень) --*/
#v-nav1{
list-style:none;/*убираем маркеры списка*/
margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0 0 0 10px;
width:100%;/*задаем ширину меню*/
font:16px Geneva, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
font-style:italic;
text-align:left;
}
/*Пишем стиль для ссылок внутри списка*/
#v-nav1 a{
/*background-color:#444444;*//*цвет фона ссылок*/
border-bottom:0px solid #000; /*задаем рамку только снизу*/
color:#6495ed;/*цвет текста ссылок */
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
list-style:none;/*убираем маркеры списка*/
padding:5px 0px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
text-decoration:underline;
}
#v-nav1 ul{padding:0 0 0 20px;list-style:none;}
#v-nav1 ul a{
color:orange;/*цвет текста ссылок */
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
list-style:none;/*убираем маркеры списка*/
padding:5px 0px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
font:14px Geneva, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
font-style:italic;
text-decoration:underline;
}
#v-nav1 ul ul{padding:0 0 0 20px;list-style:none;}
#v-nav1 ul ul a{
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
list-style:none;/*убираем маркеры списка*/
padding:5px 0px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
font:12px Geneva, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
font-style:italic;
color:grey;/*цвет текста ссылок */
text-decoration: underline;
}
* html #v-nav1 li a { height: 1%; } /*специальный хак для IE 6.0. который не понимает блочный элемент, если для него не задана высота*/
/*Пишем стиль для ссылок в момент наведения на них курсора */
#v-nav1 a:hover{
width:100%;
/*background-color:#a52a2a;*//*фоновый цвет */
color:#ac2b2b;/*цвет самой ссылки*/
}
/*-- Конец вертикального меню v1 (1 уровень) --*/



/*-- Начало вертикального меню v3 (3 уровень) --*/
/*стили для главного списка, и всех списков внутри него*/
#v-nav3,#v-nav3 ul{
border:0px solid #000;/*задаем рамку*/
border-bottom:0px;/*убираем рамку снизу, т.к. она будет задана у ссылок*/
list-style:none; /*убираем маркеры списка*/
margin:0;/*убираем поля и отступы,т.к. они по разному трактуются различными браузерами*/
padding:0;
width:230px;/*задаем шиирну списка(меню)*/
height:auto;
min-height:300px;
font:12px Verdana, Arial, Helvetica, sans-serif; /*размер и семейство шрифта*/
}
#v-nav3 ul{
min-height:50px;
	opacity: .9;
}
#v-nav3 .drop{
background-image:url(../i/m/submenu_bul.png);
background-position:right;
background-repeat:no-repeat;
}
/*стиль для элементов списка*/
#v-nav3 li{
position:relative; /*задаем относительное позиционирование. Теперь, вложенные элементы будут позиционироваться не относительно окна браузера, а относительно элементов списка.*/
/*background-color:#444444;*/ /*цвет фона*/
}
#v-nav3 li:hover,#v-nav3 li.jshover{background-color:#99cc46;}/*меняем цвет фона пунктов списка при наведении на них*/
#v-nav3 ul li:hover,#v-nav3 ul li.jshover{background-color:#3397e4;}/*меняем цвет фона пунктов списка при наведении на них*/
/*стиль для ссылок списков*/
#v-nav3 a{
border-bottom:1px dotted #000; /*задаем рамку только снизу*/
color:black;/*цвет текста ссылок*/
display:block;/*делаем ссылки блоками(по умолчанию это строчный элемент)*/
padding:15px 10px; /*задаем поля внутри блока ссылки. Сверху/снизу - 15px , справа/слева - 10px */
text-decoration:none;/*убираем подчеркивание*/
position:relative;/*специальный прием для I.E. 7, чтобы ссылка была кликабельна по всей площади*/
}
/*специальные хаки, чтобы i.e.6 нормально отображал меню*/
* html #v-nav3 li{float:left}/*убирает возникающий отступ при выпадении подменю*/
* html #v-nav3 li a{height:1%}/*убирает разрыв между строками*/
/*стиль для ссылок при наведении*/
#v-nav3 a:hover{
/*background-color:#ccc;*/ /*цвет фона ссылок*/
color:#000000;/*цвет текста ссылок*/
}
/*стиль для вложенного списка*/
#v-nav3 li ul{
position:absolute; /*абсолютное позиционирование. в данном случае, будет позиционироваться от родительского элемента, для которого мы задали postion:relative*/
top:0px;/*кордината отступа сверху. Ставим -1px, т.к. нам нужно поднять на 1 пиксель вверх, чтобы ликвидировать сдвиг, который получился из-за нижней рамки ссылки в один пиксель  */
left:230px;/*координата отступа слева*/
display:none;/*скрываем список по умолчанию*/
background-color:#99cc46;
width:230px;
height:auto;
}
/*стиль для вложенного списка при наведении на пункт меню первого уровня*/
#v-nav3 li:hover ul,#v-nav3 li.jshover ul{
display:block; /*показываем список*/
}
/*стиль для списка 3 уровня вложенности при наведении на элемент списка первого уровня*/
#v-nav3 li:hover li ul,#v-nav3 li.jshover li ul{
display:none;/*прячем список*/
}
/* стиль для вложенного списка(3 уровень вложенности) при наведении на элемент списка 1 и 2 уровня*/
#v-nav3 li:hover li:hover ul,#v-nav3 li.jshover li.jshover ul{
display:block;/*показываем список при наведении*/
}
/*-- Конец вертикального меню v3 (3 уровень) --*/
/*-- Начало горизонтального OBJECT-меню v1 (1 уровень) --*/
#obj-nav{
list-style:none;/*прячем маркеры*/
margin:0;/*обнуляем отступ, чтобы корректно отображался в разных браузерах*/
padding:0 0px;/*внутренние поля у списка: снизу-сверху - 0 , справа/слева - 10 пикселей*/
/*background-color: #444444;*//*фоновый цвет списка по желанию*/
font:13px/28px Geneva, Arial, Helvetica, sans-serif;/*Указываем размер шрифта/высоту строки и семейство шрифта. Высота строки нужна для автоматического выравнивания текста по высоте*/
font-style:italic;
width:1000px; /*ширина меню. Можно не указывать, тогда меню растянется на всю ширину родительского элемента*/
/*height:30px;*/
/*border:0px solid #000;*//*рамка, задаем по желанию.*/
text-align:center;
}
#obj-nav li{
width:auto;
min-width:147px;
display:inline-block;/*превращаем элементы списка из блочных элементов(которыми они являются по умолчанию), в строчные, тем самым выстраиваем их в один ряд*/
margin-right:0px; /*отступы между пунктами списка*/
text-align:center;
}
#obj-nav a{
padding:0 23px;
color:black;/*задаем цвет ссылок */
text-decoration:underline;
float:left;
}
#obj-nav a:hover{
color:white;
/*background-image:url(../i/m/dm_but_bg.png);
background-repeat:no-repeat;*/
background-color:#ac2b2b;
text-decoration:none;/*убираем подчеркивание ссылки при наведении*/
}
#obj-nav a.cur{
color:white;
background-image:url(../i/m/dm_but_bg.png);
background-repeat:no-repeat;
/*background-color:red;*/
text-decoration:none;/*убираем подчеркивание ссылки при наведении*/
}
#obj-nav a.cur:hover{
background-image:url(../i/m/dm_but_bg.png);
background-repeat:no-repeat;
background-color:transparent;
}
/*-- Конец горизонтального OBJECT-меню v1 (1 уровень) --*/


/*--------------------------------------------------------------------------------------------------*/
/*-- Начало вертикального меню v3 (3 уровень) --*/
#v-nav03,#v-nav03 ul{
list-style:none;
margin:0 0 0 0px;
padding:0;
width:200px;
height:auto;
font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
z-index:1000;
}
#v-nav03 li{
position:relative;
height:auto;
min-height:36px;
}
#v-nav03 li:hover, #v-nav03 li.jshover{
background-image:url(../i/m/sm_but_bg_on.png);
background-repeat:no-repeat;
width:220px;
height:auto;
min-height:36px;
}
#v-nav03 a{
color:black;
display:block;
padding:7px 0 0 10px;
text-decoration:none;
position:relative;
width:220px;
height:auto;
min-height:36px;
}
* html #v-nav03 li { float: left; }
* html #v-nav03 li a {
width:220px;
height:auto;
min-height:36px;
}
#v-nav03 a:hover{
background-color:#99cc46;
color:black;
}
#v-nav03 li ul{
position:absolute;
top:0px;
left:230px;
display:none;
background-color:#99cc46;
width:230px;
height:auto;
min-height:36px;
}
#v-nav03 li ul a{
border:0;
border-bottom:1px solid #000;
}
#v-nav03 li:hover ul,#v-nav03 li.jshover ul{display:block;}
#v-nav03 li:hover li ul, #v-nav03 li.jshover li ul{display:none;}
#v-nav03 li:hover li:hover ul,#v-nav03 li.jshover li.jshover ul{display:block;}
/*-- Конец вертикального меню v3 (3 уровень) --*/
/*-- Начало вертикального FOOTER-меню v1 (1 уровень) --*/
#vf-nav1{
margin:0px 0 0 30px;
padding:0;
width:auto;
 list-style-image: url(../i/f/bmenu_bul.png);
 list-style-position: outside;
text-align:left;
}
#vf-nav1 a, #vf-nav1 li a{
margin:20px 0;
padding:0;
display:block;
text-decoration:none;
border:0;
font:14px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#99cc44;
font-weight:bold;
text-transform:uppercase;
width:auto;
height:auto;
}
#vf-nav1 li a {
width:auto;
height:auto;
}
#vf-nav1 a:hover, #vf-nav1 li a:hover{
color:#99cc40;
/*background-color: #f1d798;
/*background-color:maroon;
border-bottom: 1px solid black;*/
}
/*-- Конец вертикального FOOTER-меню v1 (1 уровень) --*/
/*-- Начало горизонтального FOOTER-меню v1 (1 уровень) --*/
#hf-nav1{
list-style:none;/*прячем маркеры*/
margin:0;/*обнуляем отступ, чтобы корректно отображался в разных браузерах*/
padding:0 15px;/*внутренние поля у списка: снизу-сверху - 0 , справа/слева - 10 пикселей*/
font:11px/28px Arial, Helvetica, sans-serif;/*Указываем размер шрифта/высоту строки и семейство шрифта. Высота строки нужна для автоматического выравнивания текста по высоте*/
/*width:100px;*/ /*ширина меню. Можно не указывать, тогда меню растянется на всю ширину родительского элемента*/
border:0px solid #000;/*рамка, задаем по желанию.*/
}
#hf-nav1 li{
display:inline;/*превращаем элементы списка из блочных элементов(которыми они являются по умолчанию), в строчные, тем самым выстраиваем их в один ряд*/
margin-right:20px; /*отступы между пунктами списка*/
}
#hf-nav1 a{
font-weight:normal;
text-decoration:underline;
color:grey;/*задаем цвет ссылок */
}
#hf-nav1 a:hover{text-decoration:none;}/*убираем подчеркивание ссылки при наведении*/
/*-- Конец горизонтального FOOTER-меню v1 (1 уровень) --*/
/*-- Начало цифрового навигационного блока --*/
#dg-nav1{
list-style:none;
margin:0 auto;
padding:0;
/*background-color: #444444;*/
height:28px;
font:10px/28px Verdana, Arial, Helvetica, sans-serif;
width:auto; 
/*border: 1px solid #d3d3d3;*/
text-align: center;
}
#dg-nav1 li{float:left;}
#dg-nav1 a{
display:block;
border: 0px solid #d3d3d3;
color:#FFF; 
padding:0 10px;
position:relative; 
float:left;
text-decoration:none;
color: black;
}
#dg-nav1 a:hover{
background-color:#e05000;
color: white;
}
/*-- Конец цифрового навигационного блока --*/