@charset "utf-8";
/* CSS Document */


#nav {
    border-radius: 10px;
    display: inline-block;
    margin:0;
    padding: 0;
    width: 100%;
}
#nav li {
    float: left;
    list-style: outside none none;
   
    position: relative;
}
#nav a {
  
 
    display: block;
   
    padding: 2px 13px;
    text-decoration: none;
}
 #nav li:hover > a {
    background:rgba(0,0,0,0.1);
transform: rotate(-9deg);
    color: #fff;
}
#nav ul li:hover a, #nav li:hover li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #000;
	font-size:16px;
}
#nav ul li  a:hover{
   transform: rotate(0);
   border-radius:0;
    background:#e2251d;
	color:#fff;
	
}
#nav ul li:first-child > a {
}
#nav ul li:last-child > a {
}
#nav li:hover > ul {
    opacity: 1;
    visibility: visible;
}
#nav ul {
    background: #fff none repeat scroll 0 0;
 

    box-shadow: 0 2px 2px rgba(255, 255, 255, 0.5);
    margin-top: 1px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    transition: opacity 0.25s linear 0s, visibility 0.1s linear 0.1s;
    visibility: hidden;
    white-space: nowrap;
    width: auto;
	z-index:999;
}
#nav ul li {
    float: none;
    margin: 0;
	
}
#nav ul a {
    font-weight: normal;
}
#nav ul ul {
    left: 100%;
    right: auto;
    top: 0;
}

#nav .current a {
    background:rgba(0,0,0,0.1);

    color: #fff;
}