<br><center><h2>RENDIMIENTO ACAD&Eacute;MICO</h2></center><br>
<br>
<div style="width:36%; float: left; padding: 0px 0px 0px 60px">
    
<table border="0" cellspacing="0" cellpadding="0" class="hovertable" width="90%">

    
    <tr>
        <td>
        <b>PERIODO</b>
        </td>
        <td>
        <input style='font-weight:bold;text-align:center;' onblur="al_salir('p_id1','p_id2','periodos');" onclick="mostrar('p_id1','p_id2','periodos',250,310);" type='text' id='p_id1' size='1'>
        <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='p_id2' size='22' readonly='readonly'>
        </td>
    </tr>

    
    <tr>
        <td>
        <b>SEDE</b>
        </td>
        <td>
        <input style='font-weight:bold;text-align:center;'  type='text' onblur="al_salir('s_id1','s_id2','sedes');" onclick="mostrar('s_id1','s_id2','sedes',250,310);" id='s_id1' size='1'>
        <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='s_id2' size='22' readonly="readonly">
        </td>
    </tr>
    
    <tr>
        <td>
        <b>GRADO</b>
        </td>
        <td>
        <input style='font-weight:bold;text-align:center;' onblur="al_salir_grado('g_id1','g_id2','grados');" onclick="mostrar_grado('g_id1','g_id2','grados',250,310);" type='text' id='g_id1' size='1'>
        <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='g_id2' size='22' readonly='readonly'>
        </td>
    </tr>

    <tr>
        <td>
        <b>CURSO</b>
        </td>
        <td>
        <input style='font-weight:bold;text-align:center;' onblur="al_salir_curso('c_id1','c_id2','cursos');" onclick="mostrar_curso('c_id1','c_id2','cursos',250,310);" onFocus="mostrar_jornada();" type='text' id='c_id1' size='1'>
        <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='c_id2' size='22' readonly='readonly'>
        </td>
    </tr>


    <tr>
        <td>   
        <b>JORNADA</b>
        </td>
        <td>
        <input style='font-weight:bold;text-align:center;'  type='text' id='j_id1' size='1' readonly='readonly'>
        <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='j_id2' size='22' readonly='readonly'>
        </td>
    </tr>

    <tr>
        <td colspan="2" height="20" style='text-align:center;font-weight:bold;font-size:14px;color:#A71111'>
        
            <input type="radio" name="justifica" id="alum" onclick="alumnos()" value="1" checked>&nbsp;Alumnos&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="justifica" id="asig" onclick="asignaturas()" value="2" >&nbsp;Asignaturas&nbsp;
           
        
        
        </td>
    </tr>

    <tr>
        <td colspan="2" height="20" align="center">
        <input type='button' name='btnmostrar' class="button medium green" onclick='mostrar_rendimiento();' value=" Generar PDF ">
        
        <input type='button' name='btnlimpiar' class="button medium green" onclick='limpiar_rendimiento();' value=' Limpiar '>      
        
        <input type='button' name='btnlimpiar' class="button medium green" onclick='retornar()' value=' Retornar '>
        </td>
    </tr>

</table>

</div>
<div style="width:55%;  height:355px; float: left; ">

<!--  Tama&ntilde;o Iframe

<script type="text/javascript">
function resizePreview(){
  var preview = $("#preview");
  preview.height($(window).height() - preview.offset().top - 2);
}

$(function(){
  var preview = $("#preview");
  resizePreview();

  $(window).scroll(function() {
    var scrollTop = Math.min($(this).scrollTop(), preview.height()+preview.parent().offset().top) - 2;
    preview.css("margin-top", scrollTop + "px");
  });

  $(window).resize(resizePreview);
});
</script>-->

<div>
<iframe id="preview2" name="preview2" src="about:blank" style="width: 100%; height: 355px; "  frameborder="1"></iframe>

</div>


</div>
<div id='dialog' style='background-color:#003366; ' title='SELECCIONE ITEM' style="display:none;"></div>
 
