<br><center><h2>BOLETIN ACAD&Eacute;MICO</h2></center><br>

<br>
<div style="width:40%; float: left;">
<center>
    <table border="0" cellpadding="4" cellspacing="6">
        <tr>
            <th>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='20' readonly="readonly">
            </td>
        </tr> 
        <tr>    
            <th>GRADO</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,310);" type='text' id='g_id1'  onFocus="siguienteCampo ='a_id1';" size='2'>
                <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='g_id2' size='20' readonly="readonly">
            </td>
        </tr>
        <tr>
            <th>CURSO</th>
            <td>
                <input style='font-weight:bold;text-align:center;' onblur="al_salircurso('c_id1','c_id2','cursos');" onclick="mostrarcurso('c_id1','c_id2','cursos',250,190);" type='text' id='c_id1' onFocus="siguienteCampo ='i_h';" size='2'>
                <input style='font-weight:bold;text-align:center;background-color: #dfdcdc' type='text' id='c_id2' size='20' readonly="readonly">
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                
                <input type="button" value=" Generar PDF " class="button small green" onclick="pdf_curso()">
                <input type="button" value=" Limpiar " class="button small green" onclick="limiar_info_boletin_curso()">

            </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>
 
