<br><center><h2>PROMEDIO ESTUDIANTES</h2></center><br>

<br>
<div style="width:40%; float: left;">
<center>
    <table border="0" cellpadding="4" cellspacing="6">
        <tr>
            <th align="right">SEDE</th>
            <td>
                <input style='font-weight:bold;text-align:center;' onblur="al_salir('s_id1','s_id2','sedes');" onclick="mostrar('s_id1','s_id2','sedes',250,160);" type='text' value="*" id='s_id1' size='2'>
                <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='s_id2' size='30' readonly="readonly" value="TODAS LAS SEDES">
            </td>
        </tr>
        
       
        <tr>
            <th align="right">JORNADA</th>
            <td>
                <input style='font-weight:bold;text-align:center;' onblur="al_salir('j_id1','j_id2','jornadas');" onclick="mostrar('j_id1','j_id2','jornadas',250,160);" type='text' value="*" id='j_id1' size='2'>
                <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='j_id2' size='30' readonly="readonly" value="TODAS LAS JORNADAS">
            </td>
        </tr>
        <tr>
            <th align="right">PERIODO</th>
             <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,160);" type='text' id='p_id1' size='2'>
                <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='p_id2' size='30' readonly="readonly" >
            </td>
        </tr>
         <tr>
            <th align="right">PUESTOS</th>
             <td>
                <input style='font-weight:bold;text-align:center;' type='text' id='pstos' size='2'>
                   </td>
        </tr>
        <tr>
            <th align="right">GRADO INICIAL</th>
            <td>
                <input style='font-weight:bold;text-align:center;' onblur="al_salirgrad('g_id1','g_id2','grados');" onclick="mostrargrad('g_id1','g_id2','grados',250,160);" type='text' id='g_id1' size='2'>
                <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='g_id2' size='30' readonly="readonly" >
            </td>

        </tr>
        <tr>
            <th align="right">GRADO FINAL</th>
            <td>
                <input style='font-weight:bold;text-align:center;' onblur="al_salirgrad('g2_id1','g2_id2','grados');" onclick="mostrargrad('g2_id1','g2_id2','grados',250,160);" type='text' id='g2_id1' size='2'>
                <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='g2_id2' size='30' readonly="readonly" >
            </td>
        </tr>
           <tr>
            <td colspan="2" align="center">
                <br>
                <input type="button" value=" Generar Reporte " class="button small green" onclick="pdf()">
                <input type="button" value=" Limpiar " class="button small green" onclick="limiarpp()">                           
                <input type="button" value=" Retornar " class="button small green" onclick="retornar()">

            </td>
        </tr>
        
    </table>
</center>
</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>
 
