/*hover magic */
 

#menu {
	margin: 0px 3px;
	height: auto;
	min-height: 34px;
	list-style-type: none;
	font-size: 13px;
  font-weight: 5400;
	background: #fff
  padding: 10px 0 25px 0;
  border-top: 50px solid #bb2528  ;
  position: relative;
 
}
#menu:before{
   position: absolute;
   z-index: 20;
   content: '';
   display: block;
   height: 0px;
   width: 0px;
   background: #bb2528   ;
   top: -50px;
   left: 1px;
   -webkit-transform: rotate(0deg) skew(0deg); 
    transform: rotate(0deg) skew(0deg); 
    border-top: 50px solid transparent; 
    border-left: 50px solid  #d8532f ; 
    border-bottom: 0px solid transparent; 
}
#menu:after{                                               
   position: absolute;
   z-index: 30;
   content: '';
   display: block;
   height: 0px;
   width: 0px;
   background: #F2F2F2  ;
   top: -69px;
   left: 9px;                 
   -webkit-transform: rotate(135deg) skew(0deg); 
    transform: rotate(135deg) skew(0deg); 
    border-top: 40px solid #ec782e; 
    border-left: 40px solid  transparent ; 
    border-bottom: 0px solid transparent; 
}
#ec782e#menu li span {
	position: relative;
	display: block;
	padding-lefT: 0em;
	float: left;
	cursor: pointer;
	_cursor: hand;
}
#menu li {
	margin: 0;
	padding: 0;
	height: auto;
	position: relative;
	list-style-type: none;
 
}
#menu li a, a.more {
	color: #000;
	display: block;
	text-decoration: none;
	text-align: left;
	height: auto;
	min-height: 28px;
	_height: 28px;
	line-height: 21px;
	text-decoration: none;
	padding: 6px 0 0 45px;
  position: relative;
}  
a.more {
  padding-left: 25px;
}     

                                                                         
#menu li a:before, a.more:before {
 
  content : '';
  font-weight: bold;
  font-size: 6px;
  color: #fff;                                                    
  background: #bb2528;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;                                                                 
  left: 18px;       
  text-align: center;
 
}  
#menu li a:hover:before, a.more:hover:before {
  /*
  content : '';
  font-weight: bold;
  font-size: 6px;
  color: #fff;                                                    
  background: #d8532f;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;                                                                 
  left: 18px;       
  text-align: center;
 */

} 
.more { float: right; }     
a.more:before, a.more:hover:before{ left: 0; }


#menu li a:after, a.more:after {
  content : '';
  font-weight: bold;
  font-size: 6px;
  color: #fff;                                                    
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;                                                                 
  left: 25px;       
  text-align: center;
  top: 11px;
    height: 0px; 
    width: 0px; 
    padding: 0px; 
    -webkit-transform: rotate(0deg) skew(0deg); 
    transform: rotate(0deg) skew(0deg); 
    border-top: 4px solid transparent; 
    border-left: 5px solid #ecf3f6; 
    border-bottom: 4px solid transparent;

}
a.more:after { left: 7px }
 

#menu {
	margin: 0;
	list-style-type: none;
  display: block;
    background: #fff;
  padding: 15px 0 17px 0;
}
 
xx#menu li.active a:before{
   background: #d8532f;  
 }
 
/* dropdown */
#menu li ul {
	margin: 5px;
	padding: 0px;
	display: block;
	background: #fff;
}
#menu li ul {
  .margin: 0 0 5px 5px;
}
#menu li div, #menu li ul.folder {
	padding: 1px;
	margin: 0;
	display: none;
	background: #fff  top left no-repeat;
	z-index: 1000;
	text-align: left;
	top: 0px;
	left: 100px;
	border: 1px solid #D0D5D7;
	border-width: 1px 2px 2px 1px;
	position: absolute;
	width: 200px;
}
/* old brwsrz */
#menu li.open div, #menu li.open ul.folder {
	.background: #fff;
	.position: relative;
	.text-align: left;
	.left: 17px;
	.top: 0px;
	.border-width: 0px;
	.display: block;
	.width: 160px;
	.padding: 0;
	.border: none;
}
#menu li.open ul.folder {
	.left:  0px;
	.top: 0px;
	.display: block;
	.visibility: visible;
	.width: 150px;
	.margin: 0;
}
/* old brwsrz */
#menu li ul.folder {
	padding: 5px;
}
#menu li li {
	float: none;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	  .width: 160px;
 
	_height: 1px;
}
#menu li li li  {
  .background: #fff;
  .width: 160px;
}

#menu li li a, #menu li li li a {
	color: #595f71;
	padding: 3px 0 0 20px;                                              
	display: block;
	text-decoration: none;
	margin: 0 0;
	height: auto;
	min-height: 1.3em;
	line-height: 1.3em;
	text-align: left;
	width: 170px;
	.width: 150px;
	 margin-left: 15px;
}  
#menu li li a:before, #menu li li li a:before {
   content : '';
  font-weight: bold;
  font-size: 6px;
  color: #fff;                                                    
  background: #bb2528;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;                                                                 
  left: 3px;   
  top: 4px;    
  text-align: center;
  border-radius: 6px;
  
}
#menu li li a:after, #menu li li li a:after {
  content : '';
  font-weight: bold;
  font-size: 6px;
  color: #fff;                                                    
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;                                                                 
  left: 8px;       
  text-align: center;
  top: 7px;
    height: 0px; 
    width: 0px; 
    padding: 0px; 
    -webkit-transform: rotate(0deg) skew(0deg); 
    transform: rotate(0deg) skew(0deg); 
    border-top: 3px solid transparent; 
    border-left: 4px solid #ecf3f6; 
    border-bottom: 3px solid transparent;
}
#menu li li a:hover:after, #menu li li li a:hover:after {
  content : '';
  font-weight: bold;
  font-size: 6px;
  color: #fff;                                                    
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;                                                                 
  left: 8px;       
  text-align: center;
  top: 7px;
    height: 0px; 
    width: 0px; 
    padding: 0px; 
    -webkit-transform: rotate(0deg) skew(0deg); 
    transform: rotate(0deg) skew(0deg); 
    border-top: 3px solid transparent; 
    border-left: 4px solid #ecf3f6; 
    border-bottom: 3px solid transparent;
}

     
#menu li:hover {
	z-index: 100;
}
#menu li:hover ul.folder li:hover {
	z-index: 140;
}
#menu ul ul, #menu li:hover ul ul, #menu li:hover ul.folder li ul, #menu li:hover ul li ul.folder {
	display: none;
	visibility: hidden;
	z-index: 0;
}
#menu li:hover div, #menu li:hover li:hover div, #menu li:hover ul.folder li:hover ul, #menu li:hover ul li:hover ul.folder {
	display: block;
	visibility: visible;
	z-index: 2000;
	.display: none;
	.visibility: invisible
}
#menu li.open:hover ul ul, #menu li.open:hover ul.folder li ul, #menu li.open:hover ul li ul.folder {
	.display: block;
	.visibility: visible;
}
#menu li.open:hover div, #menu li.open:hover li:hover div, #menu li.open:hover ul.folder li:hover ul, #menu li.open:hover ul li:hover ul.folder {
	.display: block;
	.visibility: visible;
}
   
   
#mini-menu {
  display: block;
  float: none;
  width: 90%;
  margin: 0 auto;
}
nav #mini-menu  li{
  width: 100%
}