.wrapper {position:relative;z-index:20;}



nav {



  /*position: absolute;*/

  background-color: #fff;



  border: 1px solid #dedede;



  /*border: 1px solid #006600;*/



  border-radius: 8px;



  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);



  color: #888;



  display: block;



  margin: 15px 15px 15px 15px;



  overflow: hidden;



  width: 100%-30px;

  



  



}



.menuSel{



 background-color: #eb8502;







}















  nav ul {



    margin: 0;



    padding: 0;

	





  }







    nav ul li {



      display: inline-block;



      list-style-type: none;











      -webkit-transition: all 0.2s;



        -moz-transition: all 0.2s;



        -ms-transition: all 0.2s;



        -o-transition: all 0.2s;



        transition: all 0.2s;



    }







      nav > ul > li > a > .caret,



          nav > ul > li > div ul > li > a > .caret {



        /*border-top: 4px solid #aaa;*/



        border-top: 4px solid #006600;



        border-right: 4px solid transparent;



        border-left: 4px solid transparent;



        content: "";



        display: inline-block;



        height: 0;



        width: 0;



        vertical-align: middle;







        -webkit-transition: color 0.1s linear;



               -moz-transition: color 0.1s linear;



               -o-transition: color 0.1s linear;



          transition: color 0.1s linear;



      }







                  nav > ul > li > div ul > li > a > .caret {



                        border-bottom: 4px solid transparent;



                        border-top: 4px solid transparent;



                        border-right: 4px solid transparent;



                        /*border-left: 4px solid #f2f2f2;*/



                        border-left: 4px solid #006600;



                        margin: 0 0 0 8px;



                }







      nav > ul > li > a {



        /*color: #aaa;*/



        color:#006600;



        display: block;



        line-height: 56px;



        padding: 0 24px;



        text-decoration: none;



      }







        nav > ul > li:hover {



          /*background-color: rgb( 40, 44, 47 ); */



          background-color: rgb( 00, 66, 00 );



        }







        nav > ul > li:hover > a {



          color: rgb( 255, 255, 255 );



        }







        nav > ul > li:hover > a > .caret {



          border-top-color: rgb( 255, 255, 255 );



        }







                nav > ul > li > div ul > li:hover > a > .caret {



                        border-left-color: rgb(255,255,255);



                }







      nav > ul > li > div,



          nav > ul > li > div ul > li > div {



        /*background-color: rgb( 40, 44, 47 );  */



        background-color: rgb( 00, 66, 00 );



        border-top: 0;



        border-radius: 0 0 8px 8px;



        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);



        display: none;



        margin: 0;



        padding: 10px 0px;



        opacity: 0;



        position: absolute;



        width: 220px;



        visibility: hidden;







        -webkit-transiton: opacity 0.2s;



        -moz-transition: opacity 0.2s;



        -ms-transition: opacity 0.2s;



        -o-transition: opacity 0.2s;



        -transition: opacity 0.2s;



      }







                  nav > ul > li > div ul > li > div {



                        /*background-color: rgb( 40, 44, 47 );*/



                        background-color: rgb( 00, 66, 00 );



                        border-radius: 0 8px 8px 8px;



                        box-shadow: inset 2px 0 5px rgba(0,0,0,.15);



                        margin-top: -42px;



                        right: -165px;



                }







        nav > ul > li:hover > div,



                nav > ul > li > div ul > li:hover > div {



          display: block;



          opacity: 1;



          visibility: visible;



        }







          nav > ul > li > div ul > li,



                  nav > ul > li > div ul > li > div ul > li {



            display: block;



            position: relative;



          }







            nav > ul > li > div ul > li > a,



                        nav > ul > li > div ul > li > div ul > li > a {



              color: #fff;



              display: block;



              padding: 8px 24px;



              text-decoration: none;



            }







              nav > ul > li > div ul > li:hover > a {



                background-color: rgba( 255, 255, 255, 0.1);



              }