.secuencia-pasos { /* el rectángulo con la lista */
    list-style: none;
    margin: 0;
    overflow: hidden;
}
.secuencia-pasos li { /* cada item de la lista */
    float: left;
}
.secuencia-pasos li a { /* cada item es un enlace */
    color: #FFF;
    display: block;
    float: left;
    font-family: Helvetica;
    font-size: 13px;
    text-decoration: none;
    padding: 10px 0 10px 50px;
    position: relative; 
    /*cursor: text;¨*/
    /* el color de fondo del item que está a la izquierda */
    background-color: #A0A9B1;
}
.secuencia-pasos li a:after {
    content: " "; 
    display: block; 
    left: 100%;
    height: 0;
    margin-top: -50px; 
    position: absolute;
    top: 50%;
    width: 0; 
    z-index: 2;
    /* esto creará el primer triángulo */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #A0A9B1;
    border-top: 50px solid transparent;
} 
.secuencia-pasos li a:before { /* el siguiente enlace */
    content: " "; 
    display: block; 
    height: 0;
    left: 100%;
    margin-top: -50px; 
    margin-left: 1px;
    position: absolute;
    top: 50%;
    width: 0; 
    z-index: 1;
    /* el color de fondo del segundo item */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #DEF;
    border-top: 50px solid transparent;
}
/* y los siguientes */
.secuencia-pasos li:first-child a {padding-left: 10px; cursor: pointer; }
.secuencia-pasos li:nth-child a {background-color: #808991;}
/*
.secuencia-pasos li:nth-child(4) a {background-color: #404951;}
.secuencia-pasos li:nth-child(4) a:after {border-left-color: #404951;}*/
.secuencia-pasos .select a{background-color: #404951;}
.secuencia-pasos .select a:after{border-left-color: #404951;}
.secuencia-pasos li:last-child a {
    background: none repeat scroll 0 0 transparent !important;
    color: #0080FF;
    cursor: default;
}
    
/* el efecto hover */
.secuencia-pasos li:last-child a:after {border: none;}
.secuencia-pasos li:last-child a:before {border: none;}
/*
.secuencia-pasos li a:hover {background-color: #501921;}
.secuencia-pasos li a:hover:after {border-left-color: #501921 !important;}
*/
.canaco-titulo{
background-color: #FFFFFF; font-size: x-large; color: #336699; border-bottom:solid 1px #CCCCCC; margin-bottom:10px;
}
.secuencia-pasos
{
    margin-bottom:10px;
}
.btn-sin-estilo
{
    background:none;
    color:#FFFFFF;
    border:solid 0px;
}
.oculto
{
    display:none;
} 
.visible
{
    display:inline;
}
.letra
{
    background:#404951;
}
.obligatorio
{
    color:#FF0000;
}