/*menu */

 hr {
    clear: both;
	border: none;
    color:#ecf0f1;
    background-color: #ecf0f1;
    height: 1px;
}

#catnav .menu1{ 
    z-index: 5; 
    height: 31px;
    line-height: 29px; 
	list-style: none;
		position: absolute;
	    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 2%);
	
	}

	.menu1  .folder   a {
    padding-right: 8px;
}
	
	
	#catnav .menu1 .item {
    background-repeat: no-repeat; 
    padding-left: 20px;  
 
} 

 
.menu1 > li:first-child  {
    content: "\f50d"; 
background: #000 ;}

 

#catnav  {

margin: 0 auto;

padding: 0;

list-style: none;

line-height: 1;

margin-bottom: 45px;
  
}

#catnav .menu1 ul a {   
height: 30px;  
line-height: 28px;
    display: block;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
      border: 1px outset #848484;
    border-top: none;
	
 
}

 
  


/* ìåíþ öâåò  çàðóãëåííîñòü */
#catnav .menu1 ul li{    
float: left; 
position: relative; 
width: auto; 
transition: all .3s; 
-ms-transition: all .3s; 
-moz-transition: all .3s; 
-o-transition: all .3s; 
-webkit-transition: all .3s;  
	list-style: none; 
     background: aliceblue;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
	    position: relative;
    z-index: auto;
}



#catnav .menu1 ul > li.active > a { 
    background: #fff;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: 3px 7px; 
}
 
 
   
#catnav ul ul {position: absolute;left: -999em;width: 150px;z-index:5;
border:0;  margin-left:-1px;   border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
 
	}

#catnav ul ul a {      background: aliceblue;
	    position: relative;
    z-index: auto;
	 
width: 155px;  
height: 10px; 
line-height: 15px;  
overflow: hidden; 
text-align: left; 
  border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0; 
border-right: none; 
} 


#catnav .menu1 ul ul ul ul {
    margin-right: -190px;    
}
 
#catnav ul ul ul ul a {  
background:#dbf9e6;
	    position:relative;
    z-index: auto;
	margin-left: 0;
}

  /*  pod menu 1*/
#catnav .menu1 ul ul a{    padding: 3px 7px 3px 0;  border: none;   border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0; 

/* 	border-radius: 0 0 11px 11px;
   -webkit-border-radius: 0 0 11px 11px;
    -moz-border-radius: 0 0 11px 11px; */
}

#catnav ul a:hover { 
background: #fff;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;


} /* pri navedenii pod menu 2*/

#catnav ul ul ul {    margin: -36px 0 0 178px;    }

#catnav ul ul ul li{   margin-left:0; }

#catnav ul ul ul li > a {   margin-left:0;    }

#catnav ul ul ul ul li {  margin-left: -20px;  background: #e3fffe;}

#catnav ul ul ul ul ul li { margin-left: -20px;  }

#catnav ul ul ul ul ul li a{ background: #caeeeb;  }


#catnav ul li li  { margin:0;border:0;border-bottom: 1px solid #20CAFF;}

#catnav ul li:hover { position:static; border-radius: 0;    background: #fff; }

#catnav ul a:hover { position:static; border-radius: 0;    background: #fff; }

#catnav ul li:hover ul ul, #catnav ul li:hover ul ul ul, #catnav ul li:hover ul ul ul ul { left:-999em;  }

#catnav ul li:hover ul, #catnav ul li li:hover ul, #catnav ul li li li:hover ul,#catnav ul li li li li:hover ul { left:auto;  }

#catnav ul li li li:hover ul{ left:-24em;    background:#e3fffe;}


.sub-menu 
{ 
   display: none; 
} 
.main-item:focus ~ .sub-menu, 
.main-item:active ~ .sub-menu, 
.sub-menu:hover 
{ 
   display: block; 
} 
 /*  menu nav perepisanoe  */

#catnav .menu1 .icon-more, .menu1 .more  > .item { position:relative; 
    background-repeat: no-repeat;
    background-position: 3px 7px;
	z-index: 5;
}
 
#catnav .menu1 li:last-child ul { visibility: hidden; }

 #catnav .menu1  li:hover > ul { 
   visibility: visible;
}

#catnav .menu1 li:last-child ul {width:155px;  
right:4px;}


#catnav .menu1 li:last-child ul li {
    margin-left: -20px;
}


#catnav .menu1 li:last-child ul a{ width:170px; 
	text-align: right; padding:3px 7px 3px 0;
}

#catnav .menu1 li:last-child ul ul {width:155px; 
    right: 174px; 
    left: auto;text-align: right;  
}
  
#catnav .menu1 li:last-child ul ul ul { 
    left: 0; 
	}

	
	#catnav .menu1 li:last-child ul ul ul li {
    margin-right: -5px;
}
	
	
#catnav .menu1 li:last-child ul ul ul ul { 
    text-align: left;
    padding: 0;
        margin-left: -177px; 
}

#catnav .menu1 li:last-child ul ul ul ul li {
     right:  170px;
    left: 0; 
}

#catnav .menu1 li:last-child ul ul ul ul a { 
  background: #caeeeb;
}

 /* êàðòèíêà â ìåíþ àêâòèâíûõ
#catnav .menu1 > .folder > a > .wrap {
    padding-right: 20px;
    background: url("../images/nav-arrow-down-white.png") no-repeat right center !important;
}


#catnav .menu1 ul *.folder > a {
    padding-right: 15px;
    background-image: url("../images/nav-arrow-right.png") !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
 */

  /* ïîêàçûâàåò ãäå åñòü ïîäìåíþ */
 .menu1 li>a:after{   content:  '+';    
 }  
 
   
 
 
  .menu1 li li a:after{
    content: '+';
  float: right;
    position: relative;
    right: 12px;
     top:0;
 }  

 
.menu1 li > a:only-child:after { content: ''; }

/*ïîäìåíþ +  ïîñëåäíåãî âëîæåíèß*/
#catnav .menu1 li:last-child li>a:after{
    content: '+';
    float: right;
    position: relative;
    right: 129px;
     top:0;
 } 


#catnav .menu1 li:last-child li > a:only-child:after { content: ''; }

 

/*Šàðòèíêè ìåíþ*/
#catnav .menu1 .ya_i > .item {    background-image:url("../images/icons/ya_i.png"); /* êàðòèíêà ìåíþ Ÿ_è*/
       background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 16px;
}

#catnav .menu1 .podarok > .item {    background-image:url("../images/icons/podarok.png"); /* êàðòèíêà ìåíþ Ÿ_è*/
       background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 17px;
}
 
#catnav .menu1 .news > .item {    background-image:url("../images/icons/news.png"); /* êàðòèíêà ìåíþ íîâîñòè*/
       background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 16px;
}

#catnav .menu1 .lydi > .item {    background-image:url("../images/icons/lydi.png"); /* êàðòèíêà ìåíþ ‹þäè*/
       background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 16px;
}

#catnav .menu1 .map > .item {    background-image:url("../images/icons/map.png"); /* êàðòèíêà ìåíþ ‹þäè*/
       background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 16px;
}

#catnav .menu1 .foto > .item {    background-image:url("../images/icons/foto.png"); /* êàðòèíêà ìåíþ ”îòî*/
       background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 16px;
}

#catnav .menu1 .obyava > .item {    background-image:url("../images/icons/obyava.png"); /* êàðòèíêà ìåíþ Žáüßâëåíß*/
       background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 16px;
}

#catnav .menu1 .music > .item {    background-image:url("../images/icons/music.png"); /* êàðòèíêà ìåíþ Žáüßâëåíß*/
       background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 14px;
}
#catnav .menu1 .group > .item  { background-image: url("../images/icons/group.png"); background-repeat: no-repeat;   background-position: 3px center; }
 
 #catnav .menu1 .stati > .item  { background-image: url("../images/icons/stati.png"); background-repeat: no-repeat;   background-position: 3px center; background-size: 17px 18px; }

@media (min-width: 300px) and (max-width: 680px){

.menu1 ul a {
    line-height: 10px;}


.menu1 > ul a { 
	    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 10px;
    width: 3px; 
 
}
#catnav ul ul a{    
    letter-spacing: 1px;  
}
 
#catnav ul ul .item { 
    background-position: 10px 8px; 
}

 .menu1 li>a:after{   
content: '+';
     float: inherit;
    position: absolute;
    right: -6px;
    top: 10px;
 }  

.menu1 li:hover>a:after {
    content: '';
}
  

 

/*ïîäìåíþ +  ïîñëåäíåãî âëîæåíèß*/
#catnav .menu1 li:last-child li>a:after{
    content: '+';
    float: right; 
    position: relative;
    right: 129px;
     top:0;
 }  


 
}
 /* #catnav ul li.active, #catnav ul li a:hover {border: 1px inset #575C7D; }

*/
 


/* raznoe*/

/* soc knopki*/
#nove {
 float: right;
    position: relative;
    /* bottom: -25px; */
    right: 11px;
    margin: 0 0 -20px;
}
 

@media (min-width: 300px) and (max-width: 600px){
	
	 #nove  {      right: -3px;
   margin: 5px 0 -9px; float: none;
	
}}



/*---  ---*/