﻿

    
   /* /////////// menu new  //////// */
   
   /******* main menu1 dropdown *************/
   
.for_main_nav {position:relative;  vertical-align:top;}
.main_nav
{background: url("../images/cc/top_menu_main.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    
    border-top: 5px solid #ff392e;
    box-shadow: 0 1px 2px #b9b9b9;
    position: relative;z-index: 20; height: 48px; padding-left:0px; padding-right:0px; max-width:1480px; margin:auto; min-width:960px;}
.main_nav > div{height: 48px; margin:auto; padding-left:0px; padding-right:0px;}

.main_nav .icons {display:inline-block; vertical-align:top; padding-right:4px;}
@media screen and (max-width:1180px) { .main_nav .icons {display: none;} }
.main_nav .nazva1 {display:inline-block; text-align:left;}
.main_nav .nazva2 {font-size:11px; margin-top:-2px; display:block; text-shadow:0px -1px 0px #026ca5; color:#c8ebff; text-align:left;}
.main_nav .left_ram {width:1px; background-color:#02b8e7;}
.main_nav li.active > a, .main_nav li.hover > a {
    color: #f23c32;}

#nav {display: table-row;width: 100%;}
#nav > li {width: auto;display: table-cell;text-align: center;vertical-align: bottom; text-align:left;}
#nav > li > a {width: 960px;height: 46px;display: table-cell;vertical-align: middle;font-size: 14px; padding: 0px 2px 0px 2px; text-decoration: none;line-height: 16px;  text-shadow: 1px 1px 0 #fff; text-align:center; }
@media screen and (max-width:1250px) { #nav > li > a { font-size:13px;} }
@media screen and (max-width:1180px) { #nav > li > a { font-size:14px;} }

.drop_menu
{
  position: absolute; 
  z-index:20; 
  display:none; 
  border: 1px solid #e5e5e5;
  border-top:0px; 
  top: 44px; 
  text-align: left; 
  background-color: #fff; 
  white-space: nowrap; 
  border-radius: 0px 0px 6px 6px; 
  box-shadow: 0 8px 8px -3px rgba(50, 50, 50, 0.45);
  margin-left:0px; 
  margin-right:13px; 
  padding-left:5px; 
  padding-right:5px;}
  
.drop_menu ul{padding: 15px 10px 15px 10px; float: left; width:250px; }
.drop_menu li{margin: 0px 0px; white-space: normal; list-style:none;}
.drop_menu li a{text-decoration: none; color:#333333; font-size:13px; line-height:14px; padding:3px; padding-left:5px; display:block; border:1px dotted transparent;}
.drop_menu li a:hover{text-decoration: none; color:#1160c7; background-color:#e9f7fe; border-radius:2px; border:1px dotted #96d5fc; text-shadow: 0px -1px 0px #fff;}
.drop_menu li a.activer{text-decoration: none; color:#1160c7; background-color:#e9f7fe; border-radius:2px; border:1px dotted #96d5fc; text-shadow: 0px -1px 0px #fff;}

.drop_menu ol{padding: 0px;}
.drop_menu ol li{margin: 0px; padding:0px; white-space: normal; list-style:none; background:url("../images/cc/edit-list.png") no-repeat scroll 15px 7px transparent; padding-left:20px;}
.drop_menu ol li a{text-decoration: none; color:#666666; font-size:12px; padding:2px;}
.drop_menu ol li a:hover{ color:#1d6fda;}
.drop_menu ol li a.activer{color:#1d6fda;}

#nav > li:hover > a{background:url('') center -103px;}
#nav > li.act > a{background:url('') center -53px;}
#nav > li.act:hover > a{background:url('../image/bg_menu_d1.png') center -103px;}
#nav > .left_ram {width:1px; background-color:#02b8e7;}
#nav > .right_ram {width:1px; background-color:#0195c3;}
/**************** /main menu1 dropdown ******************/

/******* main menu2 dropdown *************/
#menu2 {}
#menu2 .for_main_nav {position:relative; background-color:#66c500; background:url('../image/bg_menu_d2.png'); background-repeat:repeat-x; background-position:top; vertical-align:top;}
#menu2 .main_nav
{   border-radius: 0 0 5px 5px;
    border-top:none;
    background: url("../images/cc/top_menu_main.png") repeat-x scroll 0 -10px rgba(0, 0, 0, 0);
    position: relative;z-index: 10; height: 30px;  margin:auto; max-width:1480px; min-width:960px;}
#menu2 .main_nav > div{height: 28px; margin:auto; padding-left:0px; padding-right:0px;}

#menu2 .main_nav .icons {display:inline-block; vertical-align:top; padding-right:4px;}
#menu2 .main_nav .nazva1 {display:inline-block; text-align:left;}
#menu2 .main_nav .nazva2 {font-size:11px; margin-top:-2px; display:block; text-shadow:0px 0px 0px; color:#c8ebff; text-align:left;}

#menu2 #nav {display: table-row;width: 100%;height: 31px;}
#menu2 #nav > li {width: auto;display: table-cell;text-align: center;vertical-align: bottom; text-align:left;}
#menu2 #nav > li > a {width: 960px;height: 28px;display: table-cell;vertical-align: middle;font-size: 14px; padding: 0px 2px 0px 2px; text-decoration:none;line-height: 16px;  text-shadow: 1px 1px 0 #fff; text-align:center;}

#menu2 .drop_menu{position: absolute; z-index:20; display:none; border-top:0px; top: 31px; text-align: left; background-color: #fff; white-space: nowrap; border-radius: 0px 0px 6px 6px;  margin-right:13px; padding-left:5px; padding-right:5px;}
#menu2 .drop_menu ul{padding: 15px 10px 15px 10px; float: left;}
#menu2 .drop_menu li{margin: 0px; white-space: normal; list-style:none;}
#menu2 .drop_menu li a{text-decoration: none; color:#333333; font-size:13px;}

#menu2 .drop_menu ol{padding: 0px;}
#menu2 .drop_menu ol li{ }
#menu2 .drop_menu ol li a{text-decoration: none; color:#666666; font-size:12px;}


#menu2 #nav > li:hover > a{background:url('../image/bg_menu_d2.png') center -71px; }
#menu2 #nav > li.act > a{background:url('../image/bg_menu_d2.png') center -35px;}
#menu2 #nav > li.act:hover > a{background:url('../image/bg_menu_d2.png') center -71px;}
#menu2 #nav > .left_ram {width:1px; background-color:#72dc01;}
#menu2 #nav > .right_ram {width:1px; background-color:#529c02;}

#menu2 .main_nav .trukyt {background:url('../image/bg_fdown2.png'); background-repeat:no-repeat; padding-right:6px; margin-top:6px; display: inline-block; vertical-align: top; height:4px; width:7px;}
#menu2 #nav > li:hover > a .trukyt { background-image:none;}
/**************** /main menu2 dropdown ******************/
