-<style type="text/css">
<!--
.style1 {
	color: #333333;
	font-weight: none;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

.style2 {
	color: #333333;
	/*font-weight: bold;*/
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}


.usuario{
	background-color: rgb(99, 102, 106);
	/*background-color:#8F8F8C;*/
	text-transform: none;
	font-size: 13px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size-adjust:inherit;*/
	font-weight: bold;
}

.titulo_header {
	text-transform: none;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif; 
	/*font-size-adjust:inherit;*/
	font-size: 13px;
	font-weight: bold;
	background-color:#C41E3A;
}
-->
</style>
	<link href="../util/css/stylegral.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
<!--
.Estilo1 {
	font-size: 18px;
	font-weight: bold;
}
-->
    </style>
    <BR> <br />
	<table width="830" align="center" title="DGPOP" border="0" cellpadding="0" cellspacing="0">

		<tr>
			<td width="36%" align="center"><img src="../util/imagenes/saludC.jpg" width="299" height="94" /></td>
			<td align="center" width="33%"> <P> <span class="style1">Subsecretar&iacute;a de Administraci&oacute;n y Finanzas </span><BR>
			  <BR>
		  <span class="style2">Direcci&oacute;n General de Programaci&oacute;n, Organizaci&oacute;n y Presupuesto </span></P> </td>
		    <td width="31%" class=""><div align="center"><img src="images/LOGO_DIF5.png" width="134" height="109" /></div></td>
		</tr>

		
		<tr>
			<td align="center" colspan="2" height="5" > </td>
		</tr>
		<tr>
		  <td colspan="3" height="5" class="cabecera" >&nbsp;</td>
	  </tr>
		<tr>
			<td colspan="3" height="25" class="subtitulo1" ><div align="center">PORTAL CIUDADANO DE CONSULTA PRESUPUESTAL </div>
		    </td>
	    </tr>
		
	</table>
	<script language="JavaScript" type="text/javascript">


function regresar(){   
//alert("opcion= "+opcion); 
   var forma= document.busqueda;  
   windows.close;     
   return true;
}   	

function generar_reporte(opcion){
//alert("opcion= "+opcion);
   var forma= document.busqueda;    
    //alert("fc_anio_index="+forma.fc_anio.selectedIndex);
   if(forma.fc_anio.selectedIndex=='0'){
	  alert("Seleccione el Año");
	  forma.fc_anio.focus();
	  return false;
   }
   var valor1 = forma.fc_anio.options[forma.fc_anio.selectedIndex].text   
  // alert("valor1= "+valor1);	
   forma.anio.value =valor1;	
  if(opcion ==1){ 
    forma.action="descarga_reporte.php";
    forma.submit();
 }	
  if(opcion ==2){ 
    forma.action="busqueda_3.php";
    forma.submit();
 }	
 if(opcion ==3){ 
    //forma.action="portalChart.php";
    window.open('portalChart.php?anio='+valor1,'','width=1500, height=700,top=50px,left=90px,menubar=0,resizable=yes,location=0,scrollbars=yes,status=0,toolbar=0, directories= 0, toolbar = 0');
 }	

return true;
}
</script>
<link href="util/css/stylegral.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
-->
</style>
<form name="busqueda" id="busqueda" method="post" >
<input type="Hidden" name=" $fc_anio" value="" />  
<input type="Hidden" name="anio" value="" />
  <table align="center" width="845" 	class="fondo" >
<br>
	<tr>
		<td colspan="5" class="subtitulo2"> Busqueda de Información </td>
	</tr>
	<tr>
	  <td colspan="2"><img src="images/profe1.png" width="361" height="289" /></td>
      <td colspan="3"><p align="center" class="Estilo1">&iquest;De que a&ntilde;o quieres hacer tu consulta?</p>        
        <div align="center">A&ntilde;o:
          <select name="fc_anio" id="fc_anio" >
            <option value=""> Seleccione... </option>
            <option value="2010"   > 2010 </option>
            <option value="2011"   > 2011 </option>
            <option value="2012"   > 2012 </option>
            <option value="2013"   > 2013 </option>
            <option value="2014"   > 2014 </option>
          </select>
      </div></td>
    </tr>
		
	<tr>
	  <td colspan="5"><div align="center" class="Estilo1"><strong>Puede seleccionar mas de un año presupuestal dependiendo de la información que requieras</strong>.</div></td>
    </tr>
	<tr>
	  <td colspan="5"></td>
	</tr>
	
	<tr>
	  <td width="283" align="center" class="">&nbsp;</td>
      <td width="126" align="center" class=""><input type="button" value="Salir" onClick="window.close();" name="Salir" /></td>
      <td width="119" align="center" class=""><input name="regresar22" type="button"  id="regresar22" value="Generar Grafica" onclick="generar_reporte(3);" /></td>
      <td width="137" align="center" class=""><input name="regresar2" type="button"  id="regresar2" value="Generar Reporte" onclick="generar_reporte(1);" /></td>
	  <td width="154" align="center" class=""><span class="subtitulo2">
	    <input type="button" value="Continuar" onclick="generar_reporte(2);"  name="Continuar" />
	  </span></td>
	</tr>
</table>
</form>