﻿
/** {
    box-sizing: border-box;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
body {
    background-color: #34495e;
    text-align: center;
}
h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 100;
    padding: 40px;
}*/
#breadcrumb {
    display: block;
    list-style: outside none none;
    margin-top: 53px;
}
#breadcrumb .icon {
    font-size: 12px;
}
#breadcrumb li {
    float: left;
}
#breadcrumb li a {
    background: none repeat scroll 0 0 #bb2840;
    color: #fff;
    display: block;
    height: 20px;
    line-height: 20px;
    margin-right: 23px;
    padding: 0 10px 0 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 12px;
}
#breadcrumb li:nth-child(2n) a {
    background-color:#bb2840;
}
#breadcrumb li:nth-child(2n) a::before {
    border-color: #bb2840 #bb2840 #bb2840 transparent;
}
#breadcrumb li:nth-child(2n) a::after {
    border-left-color:#bb2840;
}
#breadcrumb li:first-child a {
    border-radius: 0px 0 0 0px;
    padding-left: 15px;
}
#breadcrumb li:first-child a::before {
    border: medium none;
}
#breadcrumb li:last-child a {
    border-radius: 0 0px 0px 0;
    padding-right: 15px;
}
#breadcrumb li:last-child a::after {
    border: medium none;
}
#breadcrumb li a::before, #breadcrumb li a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#bb2840;
    border-image: none;
    border-style: solid;
    border-width: 10px 10px;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
#breadcrumb li a::before {
    border-left-color: transparent;
    left: -20px;
}
#breadcrumb li a::after {
    border-color: transparent transparent transparent #bb2840;
    left: 100%;
}
#breadcrumb li a:hover {
    background-color: #cd5468;
}
#breadcrumb li a:hover::before {
    border-color: #cd5468 #cd5468 #cd5468 transparent;
}
#breadcrumb li a:hover::after {
    border-left-color: #cd5468;
}
#breadcrumb li a:active {
    background-color: #cd5468;
}
#breadcrumb li a:active::before {
    border-color: #cd5468 #cd5468 #cd5468 transparent;
}
#breadcrumb li a:active::after {
    border-left-color: #cd5468;
}

/*#breadcrumb li span:hover {
    background-color: rgb(255,30,0);
}*/