.nav_render {
    height:42px;
    background-color:#f2f2f2;
}
.nav_render .navButCollapse,
.nav_render .navButCollapse:link,
.nav_render .navButCollapse:visited,
.nav_render .navButCollapse:active,
.nav_render .navBut,
.nav_render .navBut:visited,
.nav_render .navBut:active,
.nav_render .navBut:link {
    color:#383e42;
    font-weight:700;
    font-family:'Open Sans';
    font-size:13px;
}
.nav_render span{
    color:#383e42;
}
.nav_render > ul {
    background-color:transparent;
}
.nav_render > ul > li {
    text-align:center;
    vertical-align:middle;
    border-right:1px solid #b8b8b8;
    -webkit-transition: background-color ease-out .3s;
    -moz-transition: background-color ease-out .3s;
    -o-transition: background-color ease-out .3s;
    transition: background-color ease-out .3s;
    
}
.nav_render > ul > li:hover {
    background-color:#cfcfd0;
    
}
a.navBut,
a.navButCollapse{
    display:block;
    padding:0;
    margin:0;
    text-align:center;
    vertical-align:middle; 
    line-height:39px; 
    height:41px;
    background-color:transparent;  
    
}
a.navBut span,
a.navButCollapse span{
    display:inline-block;
    padding:0;
    margin:0;
    text-align:center;
    line-height:15px; 
    vertical-align:middle;
    background-color:transparent;    
}
a.navButCollapse {
    padding-right:30px;
    padding-left:10px;
}
a.navBut {
    padding-right:5px;
    padding-left:5px;
}
.navDropDown {
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:42px;
    background: transparent url('../img/navRecDown.png') no-repeat center center; 
    background-size: 15px 15px;
    cursor:pointer;
    -webkit-transition: background-position ease-out .3s;
    -moz-transition: background-position ease-out .3s;
    -o-transition: background-position ease-out .3s;
    transition: background-position ease-out .3s;
}
.navDropDown:hover {
    background-position: center 18px;
}
ul.myDropDown {
    z-index:9000;
    display:block;
    position:absolute;
    background-color:#f2f2f2;
    width:100%;
    top: 41px;
    left:-1px;
    border-right:1px solid #b8b8b8;
    border-left:1px solid #b8b8b8;
    border-bottom:1px solid #b8b8b8;
    border-radius:0px 0px 4px 4px;
    -webkit-box-shadow: 0 7px 5px -6px #777;
	   -moz-box-shadow: 0 7px 5px -6px #777;
	        box-shadow: 0 7px 5px -6px #777;
}
ul.myDropDown > li {
    text-align:left;
    padding-left:15px;
    padding-right:15px;
    padding-top:6px;
    background-color:transparent;
    padding-bottom:6px;
    border-top:1px solid #b8b8b8;
    position:relative;
    font-size:13px;
}
ul.myDropDown > li > a {
    display:block;
}

ul.myDropDown > li:last-child {
    border-radius:0px 0px 4px 4px;
}
ul.myDropDown li:last-child .navDropRight {
    border-radius:0px 0px 4px 0px;
}
ul.myDropDown > li.parent > a {
    display:block;
    padding-right:15px;
}
ul.myDropDown > li > ul {
    display:none
}
ul.myDropRight {
    z-index:900;
    display:block;
    position:absolute;
    top:-1px;
    background-color:#f2f2f2; 
    width:100%;
    border-right:1px solid #b8b8b8;
    border-left:1px solid #b8b8b8;
    border-bottom:1px solid #b8b8b8;
    border-radius:0px 4px 4px 4px;
    -webkit-box-shadow: 0 7px 5px -6px #777;
	   -moz-box-shadow: 0 7px 5px -6px #777;
	        box-shadow: 0 7px 5px -6px #777;
}
ul.myDropRight > li { 
    text-align:left;
    padding-left:15px;
    padding-right:15px;
    padding-top:6px;
    background-color:transparent;
    padding-bottom:6px;
    border-top:1px solid #b8b8b8;
    position:relative;
}
ul.myDropRight a {
    display:block;
} 
ul.myDropRight li:first-child {
    border-radius:0px 4px 0px 0px;
}


ul.myDropDown > li:hover .navDropRight{
    background: transparent url('../img/navRecRight2.png') no-repeat center center;
    background-size: 15px 15px;
}  
.navDropRight {
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:100%;
    cursor:pointer;
    background: transparent url('../img/navRecRight.png') no-repeat center center;
    background-size: 15px 15px;
    -webkit-transition: background ease-out .3s;
    -moz-transition: background ease-out .3s;
    -o-transition: background ease-out .3s;
    transition: background ease-out .3s;    
}
.navDropRight:hover {
    background-size: 19px 19px !important;
    background-position: 11px center !important;
}

 
ul.myDropRight li:last-child {
    border-radius:0px 0px 4px 4px;
}
.navHover {
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    background-color:#521052 !important;
}
.navHover > a span{
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    color:white;
}
.navHoverEnter {
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    background-color:#521052 !important;
}
.navHoverEnter > a span{
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    color:white;
}
.navDocks {
    background-color:#808080 !important;
}
.navDocks span {
    font-weight:600;
    font-size:14px;
    color:white;
}
.navDocks:hover {
    background-color:#660066 !important;
}