c#c#cs#cs

#cssmenu{ height: 25px;display:block; padding:0; margin: 0 auto;  border:1px solid; border-radius:5px; float:left;} 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0;float:left; display:block; position:relative;}
    #cssmenu > ul > li > a {
        color: #fff;
        outline: none;
        display: block;
        position: relative;
        padding: 10px 18px;
        font: bold 12px/100% Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
/*        text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);*/
    } 

#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px;  right:-2px; z-index:99; } 

#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:15px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 


#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#840A0E; border-color:#840A0E;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:34px; padding:10px 0;left:2px; background:#840A0E; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;}
    #cssmenu ul li > ul li {
        width: 100%;
        display: block;
        list-style: inside none;
        padding: 0;
        margin: 0;
        position: relative;
    }
        #cssmenu ul li > ul li a {
            color: #333;
            outline: none;
            display: block;
            position: relative;
            margin: 0;
            padding: 8px 20px;
            font: 10pt Arial, Helvetica, sans-serif;
            /*        color: #fff;*/
            text-decoration: none;
            /*        text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);*/
            height: auto;
        } 


#cssmenu, #cssmenu > ul > li > ul > li a:hover{background:#bf381a; background:-moz-linear-gradient(top, #bf381a 0%, #9b280f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf381a), color-stop(100%,#9b280f)); background:-webkit-linear-gradient(top, #bf381a 0%,#9b280f 100%); background:-o-linear-gradient(top, #bf381a 0%,#9b280f 100%); background:-ms-linear-gradient(top, #bf381a 0%,#9b280f 100%); background:linear-gradient(top, #bf381a 0%,#9b280f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf381a', endColorstr='#9b280f',GradientType=0); } 
#cssmenu{border-color:#b05a0d;} 

#cssmenu > ul > li > a:after{border-color:#ffa32b;} 
#cssmenu > ul > li > a:hover{background:#bf381a;}


    #cssmenu ul li > .inner-dropdown {
        width: 150px !important;
    } 

.breadcrumb { 
  list-style: none; 
  overflow: hidden; 
  font: 15px Sans-Serif;
}
.breadcrumb li { 
  float: left; 
}
.breadcrumb li a {
  color: white;
  text-decoration: none; 
  padding: 10px 0 10px 65px;
  background: brown; /* fallback color */
  background: hsla(34,85%,35%,1); 
  position: relative; 
  display: block;
  float: left;
}

.breadcrumb li a::after { 
  content: " "; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid hsla(34,85%,35%,1);
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}

.breadcrumb li a::before { 
  content: " "; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}

.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
.breadcrumb li:last-child a {
  background: transparent !important;
  color: black;
  pointer-events: none;
  cursor: default;
}
.breadcrumb li:last-child a::after { 
  border: 0; 
}


.breadcrumb li a:hover { 
  background: hsla(34, 85%, 25%, 1); 
}
.breadcrumb li a:hover:after { 
  border-left-color: hsla(34, 85%, 25%, 1) !important; 
}