<div class="col-lg-3 col-md-6">
    <div class="panel panel-green">
        <div class="panel-heading">
            <div class="row">
                <div class="col-xs-3">
                    <i class="fa fa-database fa-5x"></i>
                </div>
                <div class="col-xs-9 text-right">
                    <div class="huge">*</div>
                    <div>Base General</div>
                </div>
            </div>
        </div>
        <a href="#" onclick="validar(1);">
            <div class="panel-footer" style="background-color: white;">
                <span class="pull-left">Detalles</span>
                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                <div class="clearfix"></div>
            </div>
        </a>
    </div>
</div>
<div class="col-lg-3 col-md-6 hidden">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <div class="row">
                <div class="col-xs-3">
                    <i class="fa fa-file-text fa-5x"></i>
                </div>
                <div class="col-xs-9 text-right">
                    <div class="huge">*</div>
                    <div>Maestría</div>
                </div>
            </div>
        </div>
        <a href="#" onclick="validar(2);">
            <div class="panel-footer" style="background-color: white;">
                <span class="pull-left">Detalles</span>
                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                <div class="clearfix"></div>
            </div>
        </a>
    </div>
</div>
<div class="col-lg-3 col-md-6 hidden">
    <div class="panel panel-red">
        <div class="panel-heading">
            <div class="row">
                <div class="col-xs-3">
                    <i class="fa fa-clipboard fa-5x"></i>
                </div>
                <div class="col-xs-9 text-right">
                    <div class="huge">*</div>
                    <div>Doctorado</div>
                </div>
            </div>
        </div>
        <a href="#" onclick="validar(3);">
            <div class="panel-footer" style="background-color: white;">
                <span class="pull-left">Detalles</span>
                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                <div class="clearfix"></div>
            </div>
        </a>
    </div>
</div>
<div class="col-lg-3 col-md-6">
    <div class="panel panel-yellow">
        <div class="panel-heading">
            <div class="row">
                <div class="col-xs-3">
                    <i class="fa fa-file-o fa-5x"></i>
                </div>
                <div class="col-xs-9 text-right">
                    <div class="huge">E. U.</div>
                    <div>Bachillerato</div>
                </div>
            </div>
        </div>
        <a href="#" onclick="validar(4);">
            <div class="panel-footer" style="background-color: white;">
                <span class="pull-left">Detalles</span>
                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                <div class="clearfix"></div>
            </div>
        </a>
    </div>
</div>
<div class="col-lg-3 col-md-6">
    <div class="panel panel-morado">
        <div class="panel-heading">
            <div class="row">
                <div class="col-xs-3">
                    <i class="fa fa-file-text-o fa-5x"></i>
                </div>
                <div class="col-xs-9 text-right">
                    <div class="huge">*</div>
                    <div>Titulación</div>
                </div>
            </div>
        </div>
        <a href="#" onclick="validar(5);">
            <div class="panel-footer" style="background-color: white;">
                <span class="pull-left">Detalles</span>
                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                <div class="clearfix"></div>
            </div>
        </a>
    </div>
</div>
<div class="col-lg-3 col-md-6 hidden">
    <div class="panel panel-amarillo">
        <div class="panel-heading">
            <div class="row">
                <div class="col-xs-3">
                    <i class="fa fa-files-o fa-5x"></i>
                </div>
                <div class="col-xs-9 text-right">
                    <div class="huge">*</div>
                    <div>Diplomados / Otros</div>
                </div>
            </div>
        </div>
        <a href="#" onclick="validar(6);">
            <div class="panel-footer" style="background-color: white;">
                <span class="pull-left">Detalles</span>
                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                <div class="clearfix"></div>
            </div>
        </a>
    </div>
</div>