/*  http://red-team-design.com/css3-breadcrumbs/  */


/*-----------------------------------*/

#breadcrumbs-two{
    /* Clear floats */
    overflow: hidden;
    width: 100%;
    list-style-type: none; /*aggiunto per rimuovere il "bullet" (alias "pallino")*/
}

#breadcrumbs-two li{
    float: left;
    margin: 0 .5em 0 1em;
}

#breadcrumbs-two a{
    background: #ddd;
    padding: .7em 1em;
    float: left;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    position: relative;
}

#breadcrumbs-two a:hover{
    background: #99db76;
}

#breadcrumbs-two a::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #ddd #ddd #ddd transparent;
    left: -1em;
}

#breadcrumbs-two a:hover::before{
    border-color: #99db76 #99db76 #99db76 transparent;
}

#breadcrumbs-two a::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #ddd;
    right: -1em;
}

#breadcrumbs-two a:hover::after{
    border-left-color: #99db76;
}

#breadcrumbs-two .current,
#breadcrumbs-two .current:hover{
    font-weight: normal;
    text-shadow: none;
    color: #fff;
    background-color: #3b98dd;
}

#breadcrumbs-two a.current::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #3b98dd;
    right: -1em;
}
#breadcrumbs-two a.current::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #3b98dd #3b98dd #3b98dd transparent;
    left: -1em;
}

#breadcrumbs-two .close{
    float: left;
    z-index: 100;
    position: relative;
    top: 2px;
    left: -18px;
    width: 12px;
    height: 12px;
    background: url( ../images/icons/tooltip-close.png ) 0 0px;
}

#breadcrumbs-two .close:hover{
    background-position: -12px 0px;
}

#breadcrumbs-two .close:active{
    background-position: -24px 0px;
}

#breadcrumbs-two .close-current{
    background-position-y: -12px !important;
}

#breadcrumbs-two .close-current:hover{
    background-position-y: -12px !important;
}

#breadcrumbs-two .close-current:active{
    background-position-y: -12px !important;
}

/* ------------------------------------------- */

#breadcrumbs-two.small .close {
    left: -13px;
}

#breadcrumbs-two.small a {
    padding: 0.2em 1em;
}

#breadcrumbs-two.small li {
    margin: 0 .3em 0px 1em;
}

#breadcrumbs-two.small {
    margin: 4px 2px 4px 2px;
    padding: 0px;
}