<div class="row">
	<div class="col-sm-4">
		<div id="menu"  class="list-group">
			<a data-toggle="pill" class="list-group-item" href="#menu1" onclick="cargarDivision('menu1','usuarios','Perfil','mostrarFormularioCambiarContrasena')"><i class="fa fa-key"></i> Contraseña</a>
			<a data-toggle="pill" class="list-group-item" href="#menu2" onclick="cargarDivision('menu2','personas','personas','mostrarFormularioInformacionGeneral')"><i class="fa fa-info"></i> Informacion General</a>
			<a data-toggle="pill" class="list-group-item" href="#menu3" onclick="cargarDivision('menu3','personas','personas','mostrarFormularioInformacionAvanzada')"><i class="fa fa-user"></i> Informacion Avanzada</a>
			<a data-toggle="pill" class="list-group-item" href="#menu4" onclick="cargarDivision('menu4','personas','personasRelaciones','mostrarTabla','personaId={{ usuario.personaID }}')"><i class="fa fa-users"></i> Informacion Familia</a>
			<a data-toggle="pill" class="list-group-item" href="#menu5" onclick="cargarDivision('menu5','personas','personas','mostrarFormularioInformacionContacto')"><i class="fa fa-envelope-o"></i> Informacion de Contacto</a>
			<a data-toggle="pill" class="list-group-item" href="#menu7" onclick="cargarDivision('menu7','personas','personasEstudios','mostrarTablaEstudiosAcademicos','personaId={{ usuario.personaID }}')"><i class="fa fa-graduation-cap"></i> Estudios Academicos</a>
		</div>
	</div>
	<div class="col-sm-8">
		<div class="tab-content">
			<div id="menu1" class="tab-pane fade in active">
				{{ mostrarVista('usuarios', 'perfil/form-contrasena', {"usuario": usuario } ) }}
			</div>
			<div id="menu2" class="tab-pane fade">
			</div>
			<div id="menu3" class="tab-pane fade">
			</div>
			<div id="menu4" class="tab-pane fade">
			</div>
			<div id="menu5" class="tab-pane fade">
			</div>
			<div id="menu7" class="tab-pane fade">
			</div>
		</div>
	</div>
</div>
