/*
Estructura navegador de contenidos izquierdo

<aside>
    <ul>
        <li><a class="seleccionado" href="Quienes-Somos.aspx">QUIENES SOMOS</a></li>
        <li><a href="Companias-Adherentes.aspx">COMPAÑIAS ADHERENTES</a></li>
        <li><a href="Resoluciones.aspx">RESOLUCIONES</a></li>
        <li><a href="Formulario-Presentacion.aspx">FORMULARIO PRESENTACION</a></li>
        <li><a href="Preguntas-Frecuentes.aspx">PREGUNTAS FRECUENTES</a></li>
        <li class="ultimo"><a href="Contacto.aspx">CONTACTO</a></li>
    </ul>
</aside>

class="ultimo" -> indica ultimo contenido del navegador
class="seleccionado" -> indica contendio seleccionado

*/

aside {
    width: 22%;
    min-width: 110px;
    border: 0px solid #cecece;
    float: left;
    margin: 10px 10px 0px;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    background: #f1f1f3;
    box-sizing: border-box;
    float: left;
}

    aside ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        aside ul li a:hover {
            color: #162d8a;
            -moz-transition: color 0.7s ease;
            -webkit-transition: color 0.7s ease;
            -o-transition: color 0.7s ease;
        }

        aside ul li {
            max-width: 235px;
            border-bottom: 2px solid #d6d1d5;
            margin: 5px;
        }

            aside ul li a {
                text-decoration: none;
                font-size: 14px !important;
                color: #920910;
                padding: 10.5px 11px;
                display: block;
                font-family: "Trebuchet MS", Helvetica, sans-serif !important;
            }

.ultimo {
    border-bottom: 0px solid #d6d1d5;
}

.seleccionado {
    color: #162d8a;
}