<?php
  include('../seguridad.php')
?>
<html>

    <head><meta http-equiv='expires' content='0'><meta http-equiv='Cache-Control' content='no-cache'><meta http-equiv='Pragma' CONTENT='no-cache'>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>DESCARGAR BOLETIN</title>

         <link rel="stylesheet" href="https://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
        <script src="https://code.jquery.com/jquery-1.8.2.js"></script>
        <script src="/resources/demos/external/jquery.bgiframe-2.1.2.js"></script>
        <script src="https://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

        <link rel="stylesheet" type="text/css" href="../css/capas.css"/>
        <script type="text/javascript" src="boletin.js"></script>
        <link rel="stylesheet" type="text/css" href="estilo.css"/>
 <style>
body {
    background-color: #000000;
}

    select{
        background: #2981E4;
        color:#FFF;
        font-weight:bold;
        font-size:12px;
        text-shadow:0 1px 0 rgba(0,0,0,0.4);
        border-radius:8px;
    }
    option:(:checked) { 
        background-color: #FFF; 
    }

</style>       
    </head>
    <body onload='cargar_periodos()'>
        
    
    <div id="gn">

    <div id="cp1">
        <center>
           <img src="../imagenes/encabezado.jpg" width=50% height=50%>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
           <img src="../imagenes/escudo.png" width=10% height=70%>
        </center>
    </div>    
        
    <div id="cp2">
        <h4 ALIGN="CENTER">AUTORIZAR DESCARGA DE BOLET&Iacute;N ACAD&Eacute;MICO</h4><br>
    <center>
        <form>
        <table  border='1' align='center'  style='border-collapse:collapse;background:#FAFAFA'>
            <tr> 
            
                <TD align='center' width='30' style='font-weight:bold;font-size: 12px;background-color: #dfdcdc'>GRADO</TD> <TD align='center' width='30'><SELECT class='Estilo16' style="width: 150px;" id="grados" onchange='mostrar_grupos()'><option value=""></option></SELECT></TD>
                <TD align='center' width='30' style='font-weight:bold;font-size: 12px;background-color: #dfdcdc'>GRUPO</TD> <TD align='center' width='40'><SELECT class='Estilo16' style="width: 200px;" id="grupos" onchange='consulta_alumnos()'> <option value=""></option></SELECT></TD>
                
                <TD align='center' width='30' style='font-weight:bold;font-size: 12px;background-color: #dfdcdc'>TRIMESTRE</TD>  <TD align='center' width='30'><SELECT class='Estilo16' style="width:180px" id="periodos"  onchange='consulta_alumnos()' <option value=""></option></SELECT> </TD>
            
            
            </tr>

        </table>

        <br>

   <div  style="background-color:#000 ; width: 90%; margin: 5px 5px 5px 20px; padding: 2px 4px 2px 2px;">
        <div id="laborac" class="contenedor" style="background-color:#F2F2F2 ; width: 100%;  padding: 2px 1px 2px 1px;">

        </div>
   </div>

        <input type='button' name='btnlimpiar' class="button small green" onclick='retornar()' value=' Retornar '>

     </form>

    </center>

    </div>
        
    <div id="cp3">
       <center>
       <img src="../imagenes/pie.jpg" />
       </center>
    </div>

    </div>

</body>
</html>
