
/* Menu bar background color */
#navigation, 
#nav li ul li{
background: #000;
/*background: url(../img/ny-bg-45.png) repeat; *//*happy new year*/
z-index: 998;
}

#nav li ul li a{
background: #000;
}


/* Menu Item text color */
#nav li a, 
#nav li a:hover, 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
color: #fff; 
}

#nav span {color: #FFD700; font-weight:800;}

/* Menu Item background color on hover */
#nav li a:hover, 
#nav li ul li a:hover  {
background: #FF0000; 
}

/* Text Shadow */
#nav li a, 
#nav li a:hover, 
#nav li ul li a:hover  {
text-shadow: 0 1px 1px #333; 
}

#menu_div{
clear: both;
position: relative;
top: 0;
left: 0;
z-index: 999;
} /* Free space to top specialy for menu */

#navigation {
position: fixed;
}

#navigation, #menu_div {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}

.ny {
/*background: url(../img/ded-niz.png) no-repeat; /*happy new year*/
right: 20px;
bottom: 390px;
position: absolute;
z-index:9999999;
}

.menu-top-pos {position:relative;}

#menu_div, #navigation, #menu, #nav{
height:45px; /* menu height */
}

#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a 
{
opacity: 0.95;/* Menu transparency on mouse hover*/
} 

#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
color: #fff !important;
opacity: 0.8;/* Menu transparency on mouse out */
}


#menu {
/*width: 1170px;*/
margin:0 auto; /*center the menu*/
padding:0;
position: relative;
}

#nav{
/*width: 960px;*/
margin:0;
padding:0;
position: relative;
/*font-family: 'Verdana', Helvetica, sans-serif;*/
}

#nav li a,#nav li {
float:left;
}

#nav li {
list-style:none;
position:relative;
}

#nav li a {
line-height: 45px;
padding:0 15px;
text-decoration:none;
margin:0;
font-size:13px;
font-weight:500;
text-transform:uppercase;
}

/*====================
	Submenu 
=====================*/
#nav li ul {
display:none;
position:absolute;
left:-385px;
top:100%;
padding:0;
margin:0;
} /* hide submenu */

#nav li:hover > ul {
display:block;
} /* show submenu on hover */

#nav li ul li,#nav li ul li a {
float:none;
height: 35px; /* submenu item height */
min-width: 200px; /* submenu item minimal width */
line-height: 35px;
border-right: 0;
text-shadow: none;
display:block;
font-size:14px;
font-weight:400;
text-transform:inherit;
} /* Submenu item */

#nav li ul li {
_display:inline; /* for IE */
}

/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
display:none;
}

#nav li ul li:hover ul {
left:100%;
top:0;
}

/*====================
	Search form 
====================*/

.searchform a {
position: absolute;
/* right: 380px; */
right: 100px;
top: 5px;
display: inline-block;
zoom: 1;
*display: inline;
/*border: 0;
padding: 0;*/
/*font-family: 'Verdana', Helvetica, sans-serif;*/
line-height: 35px;
font-size: 13px;
font-weight: 800;
text-transform:uppercase;

 background: #FABE2E;
   /* background: -moz-linear-gradient(top, #FFD700 51%, #FFFF00 100%);
    background: -webkit-linear-gradient(top, #FFD700 51%, #FFFF00 100%);
    background: -o-linear-gradient(top, #FFD700 51%, #FFFF00 100%);
    background: linear-gradient(top, #FFD700 51%, #FFFF00 100%);*/

/*width: 150px;
height: 30px;*/
padding: 0 10px;
text-align: center;
border-radius: 4px;
color: #000;
text-decoration:none;
}

.searchform a:hover {

 background: #FABE2E;
   /* background: -moz-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: -webkit-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: -o-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: linear-gradient(top, #FFD700 100%, #FFFF00 51%);*/

color: #000; 
text-decoration:none;
}


.searchform-footer a {
right: 10px;
top: 5px;
display: inline-block;
zoom: 1;
*display: inline;
/*border: 0;
padding: 0;*/
/*font-family: 'Verdana', Helvetica, sans-serif;*/
line-height: 35px;
font-size: 16px;
font-weight: 800;
text-transform:uppercase;

 background: #FABE2E;
   /* background: -moz-linear-gradient(top, #FFD700 51%, #FFFF00 100%);
    background: -webkit-linear-gradient(top, #FFD700 51%, #FFFF00 100%);
    background: -o-linear-gradient(top, #FFD700 51%, #FFFF00 100%);
    background: linear-gradient(top, #FFD700 51%, #FFFF00 100%);*/

/*width: 150px;
height: 30px;*/
padding: 5px 12px;
text-align: center;
border-radius: 4px;
color: #000;
text-decoration:none;
}

.searchform-footer a:hover {

 background: #E1AB29;
   /* background: -moz-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: -webkit-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: -o-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: linear-gradient(top, #FFD700 100%, #FFFF00 51%);*/
box-shadow: 0 0 10px rgba(0,0,0,0.5);
color: #000; 
text-decoration:none;
}

.tel-min-menu a {color: #FABE2E !important;}

.zvonok-top-min-menu {color: #1c1c1c !important; font-size: 20px !important;}

.tel-top-menu {
    position: absolute;
    right: 8%;
    top: 7px;
    /* font-family: 'Verdana', Helvetica, sans-serif; */
    line-height: 30px;
    font-size: 23px;
    font-weight: 800;
    text-transform: uppercase;
    width: 250px;
    height: 30px;
    text-align: right;
    border-radius: 4px;
    color: #FFF;
    text-decoration: none;
}


/*.tel-top-menu:hover {

 background: #FFD700;
    background: -moz-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: -webkit-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: -o-linear-gradient(top, #FFD700 100%, #FFFF00 51%);
    background: linear-gradient(top, #FFD700 100%, #FFFF00 51%);

color: #000;
text-decoration:none;
}*/



/*========================
		Transitions
======================== */

#nav li a:hover,
#nav li ul li a:hover  {
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

.searchfield:focus,
.searchfield:not(:focus){
-webkit-transition-property:width; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

#menu_div:hover,
#navigation:hover,
#nav li ul a, 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
-webkit-transition-property:opacity; 
-webkit-transition-duration: 0.5s, 0.5s;  duration in seconds 
-webkit-transition-timing-function: linear, ease-out;
} /*Menu transparency animation */

.vikid {width: 1170px; position: relative; background: #000; height: 440px;}
.vikid-title {margin: 20px 15px; border-bottom: 2px solid #fff; line-height: 2; width: 227px; font-size: 17px;}
.colon-1, .colon-4  {position:absolute; width: 290px;}
.colon-2 {position:absolute; width: 280px;}
.colon-2{left: 300px;}
.colon-3{left: 580px; position:absolute; width: 280px;}
.colon-5{left: 860px; position:absolute; width: 280px;}
.colon-4{top: 211px;}
.pod_cat a {line-height: 0.1; font-size: 14px !important;}
.pod_cat a:hover {border-bottom: 1px solid #fff;  background: #000 !important;}

.vikid-tovar {width: 1170px; position: relative; background: #000; height: 440px;}
.vikid-tovar {
display:none;
position:absolute;
left:-513px !important;
top:100%;
padding:0;
margin:0;
}