API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 17th, 2015
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 167.95 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2.     <meta charset="utf-8">
  3.     <title>Simulador Empresarial DesafiAR</title>
  4.     <meta name="viewport" content="width=device-width, initial-scale=1">
  5.    
  6.     <!-- Google Fonts-->
  7.     <!--<link href='http://fonts.googleapis.com/css?family=Roboto:100,300,700' rel='stylesheet' type='text/css'>-->
  8.     <link href='http://simuladordesafiar1.azurewebsites.net/css/fonts/lato.css' rel='stylesheet' type='text/css'>
  9.     <!--<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>-->
  10.    
  11.     <link rel="stylesheet" type="text/css" href="http://simuladordesafiar1.azurewebsites.net/css/orden.css" media="screen" />
  12.     <link rel="stylesheet" type="text/css" href="http://simuladordesafiar1.azurewebsites.net/css/box.css" media="screen" />
  13.    
  14.     <!-- Style -->
  15.     <link href="http://simuladordesafiar1.azurewebsites.net/css/style.css" rel="stylesheet">
  16.  
  17.     <!-- Barra -->
  18.     <link href="http://simuladordesafiar1.azurewebsites.net/css/barra.css" rel="stylesheet">
  19.  
  20.     <!-- Accordion -->
  21.     <link href="http://simuladordesafiar1.azurewebsites.net/css/accordion/mtree.css" rel="stylesheet" />
  22.    
  23.     <!-- Font Icons -->
  24.     <link href="http://simuladordesafiar1.azurewebsites.net/css/icons/icon1.css" rel="stylesheet">
  25.    
  26.     <!-- Animacion cambio de ventana -->
  27.     <!--<link rel="stylesheet" type="text/css" href="css/svg/normalize.css" />-->
  28.     <!--<link rel="stylesheet" type="text/css" href="css/svg/demo.css" />-->
  29.     <link rel="stylesheet" type="text/css" href="http://simuladordesafiar1.azurewebsites.net/css/svg/component.css" />
  30.    
  31.     <!-- Colores -->
  32.     <link href="http://simuladordesafiar1.azurewebsites.net/css/colores.css" rel="stylesheet" />
  33.  
  34.     <!-- Ventana -->
  35.     <link href="http://simuladordesafiar1.azurewebsites.net/css/ventana.css" rel="stylesheet" />
  36.  
  37.     <!-- Mensajes -->
  38.     <link href="http://simuladordesafiar1.azurewebsites.net/css/mensajes.css" rel="stylesheet" />
  39.    
  40.     <!-- Efecto formulario ventana  -->
  41.     <!--<link rel="stylesheet" type="text/css" href="http://simuladordesafiar1.azurewebsites.net/css/form/demo.css" />
  42.     <link rel="stylesheet" type="text/css" href="css/form/component.css" />
  43.     <link rel="stylesheet" type="text/css" href="css/form/cs-select.css" />
  44.     <link rel="stylesheet" type="text/css" href="css/form/cs-skin-boxes.css" />-->
  45.     <link rel="stylesheet" type="text/css" href="http://simuladordesafiar1.azurewebsites.net/css/form/formulario.css" />
  46.  
  47.     <!-- Dots -->
  48.     <link rel="stylesheet" type="text/css" href="http://simuladordesafiar1.azurewebsites.net/css/dots/component.css" />
  49.  
  50.     <!-- Loader -->
  51.     <link rel="stylesheet" type="text/css" href="http://simuladordesafiar1.azurewebsites.net/css/loader.css" />
  52.  
  53.     <!-- Scroll -->
  54.     <link rel="stylesheet" type="text/css" href="http://simuladordesafiar1.azurewebsites.net/css/scroll/jquery.mCustomScrollbar.css" />    
  55.    
  56.     <style>
  57.         #divscroll_barra{
  58.             /*overflow-y:scroll;*/
  59.         }
  60.     </style>
  61.    
  62.     <!-- Modernizr -->
  63.     <script src="http://simuladordesafiar1.azurewebsites.net/js/form/modernizr.custom.js"></script>    
  64.  
  65.  
  66. </head>
  67. <body>
  68.  
  69. <div id="pagewrap" class="pagewrap">
  70.  
  71. <!-- Home -->
  72. <div class="container show" id="page-1">
  73.  
  74. <div id="cargando_inicial" style="background:rgba(0,0,0,1.00); width:100%; height:100%; position:absolute; z-index:10000">
  75.    
  76. </div>
  77.  
  78. <div class="barra gris" estado="cerrada">
  79.    
  80.         <!-- Boton para abrir la barra -->
  81.         <div  class="btn_barra"></div>
  82.        
  83.         <div class="contenedor_cen" style="margin:10px;">
  84.             <div class="titulo" style="font-size:28px; margin-top:5px; font-weight:700; text-transform:uppercase">
  85.                             </div>
  86.             <font class="subtitulo"> Desiciones tomadas </font>
  87.             <font class="numero"> <font class="porcentaje_decisiones"></font>% </font>
  88.            
  89.         </div>
  90.        
  91.         <div class="linea" style="margin-bottom:0px"></div>
  92.        
  93.         <div class="contenedor_icono">
  94.             <div class="icono centrado">
  95.                 <a href="#" onClick="cerrar_barra(); orden()"><span class="flaticon-uniE012 small"></span></a>
  96.             </div>
  97.         </div>
  98.         <div class="contenedor_icono divisor_v">
  99.             <div class="icono centrado">
  100.                 <a class="pageload-link" href="page-011"><span class="flaticon-uniE00B small"></span>
  101.                  </a>
  102.             </div>
  103.            
  104.            
  105.         </div>
  106.         <div class="contenedor_icono divisor_v">
  107.             <div class="icono centrado">
  108.                 <a class="pageload-link" href="page-09"><span class="flaticon-uniE009 small"></span></a>
  109.             </div>
  110.         </div>
  111.         <div class="contenedor_icono divisor_v">
  112.             <div class="icono centrado">
  113.                 <a class="pageload-link" href="page-10"><span class="flaticon-uniE006 small"></span></a>
  114.             </div>
  115.         </div>         
  116.  
  117.         <div class="linea" style="height:0px; margin:0px;"></div>
  118.        
  119.        
  120.         <!-- Menu desplegable -->
  121.         <div class="scroll_barra_conten" id="divscroll_barra">
  122.         <ul class="mtree transit gris" style="z-index:9999; ">
  123.             <li><a href="#">INFO. ECON&Oacute;MICA</a>
  124.                 <ul>
  125.                     <div class="contenedor_ul">
  126.                         <div class="texto_menu izq"> Indice de Estacionalidad</div>
  127.                         <div class="der"> <span>  </span></div>
  128.                         <div class="linea"></div>
  129.                         <div class="texto_menu izq"> Previsi&oacute;n de Est.</div>
  130.                         <div class="der"> <span></span></div>
  131.                         <div class="linea"></div>
  132.                         <div class="texto_menu izq"> Variaci&oacute;n de la act. econ&oacute;mica</div>
  133.                         <div class="der"> <span>0.00% </span></div>
  134.                         <div class="linea"></div>
  135.                         <div class="texto_menu izq"> Prev. de la act. economica</div>
  136.                         <div class="der"> <span>0.00% </span></div>
  137.                         <div class="linea"></div>
  138.                         <div class="texto_menu izq"> Tasa de inflacion trimestral</div>
  139.                         <div class="der"> <span>0.00%</span></div>
  140.                         <div class="linea"></div>
  141.                         <div class="texto_menu izq"> Prev. de la inflación trimestral</div>
  142.                         <div class="der"> <span>0.00%</span></div>
  143.                         <div class="linea"></div>
  144.                         <div class="texto_menu izq"> Tasa de interes de corto plazo</div>
  145.                         <div class="der"> <span>0.00% </span></div>
  146.                         <div class="texto_menu linea"></div>
  147.                         <div class="texto_menu izq"> Tasa de interes del proveedor</div>
  148.                         <div class="der"> <span>0.00%</span></div>
  149.                         <div class="linea_final"></div>
  150.                     </div>
  151.                 </ul>        
  152.             </li>
  153.             <li><a href="#">RESUMEN DE PERIODO</a>
  154.                 <ul>
  155.                     <div class="contenedor_ul">
  156.                         <div class="texto_menu izq"> Ventas en unidades</div>
  157.                         <div class="der"> <span>  Un </span></div>
  158.                         <div class="linea"></div>
  159.                         <div class="texto_menu izq"> Ventas en pesos</div>
  160.                         <div class="der"> <span>$ 0.00 </span></div>
  161.                         <div class="linea"></div>
  162.                         <div class="texto_menu izq"> &Oacute;rdenes recibidas</div>
  163.                         <div class="der"> <span> 0  Un</span></div>
  164.                         <div class="linea"></div>
  165.                         <div class="texto_menu izq"> Stock mercader&iacute;as</div>
  166.                         <div class="der"> <span>  Un</span></div>
  167.                         <div class="linea"></div>
  168.                         <div class="texto_menu izq"> Stock insumos</div>
  169.                         <div class="der"> <span>  Un</span></div>
  170.                         <div class="linea"></div>
  171.                         <div class="texto_menu izq"> Cuentas a recibir</div>
  172.                         <div class="der"> <span>$ 0.00 </span></div>
  173.                         <div class="linea"></div>                        
  174.                         <div class="texto_menu izq"> Deudas a corto plazo</div>
  175.                         <div class="der"> <span>$ 0.00 </span></div>
  176.                         <div class="linea"></div>                        
  177.                         <div class="texto_menu izq"> Utilidad neta</div>
  178.                         <div class="der"> <span> $ 0.00 </span></div>
  179.                         <div class="linea"></div>                        
  180.                         <div class="texto_menu izq"> Distribuci&oacute;n de ganancias</div>
  181.                         <div class="der"> <span> 0.00 %</span></div>
  182.                         <div class="linea"></div>                        
  183.                         <div class="texto_menu izq"> Variaci&oacute;n de caja</div>
  184.                         <div class="der"> <span> $ 0.00 </span></div>
  185.                         <div class="linea_final"></div>
  186.                     </div>
  187.                 </ul>        
  188.             </li>
  189.             <li><a href="#">DESCARGAS</a>
  190.                 <ul>
  191.                     <div class="contenedor_ul">
  192.                         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/balance.php" class="descarga_barra_link" target="_blank">
  193.                             <div class="texto_menu izq"> Balance general</div>
  194.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  195.                         </a>
  196.                         <div class="linea"></div>
  197.                         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/flujocaja.php" class="descarga_barra_link" target="_blank">
  198.                             <div class="texto_menu izq"> Flujo de caja</div>
  199.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  200.                         </a>
  201.                         <div class="linea"></div>
  202.                         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/investigaciones.php" class="descarga_barra_link" target="_blank">
  203.                             <div class="texto_menu izq"> Investigaciones</div>
  204.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  205.                         </a>
  206.                         <div class="linea"></div>
  207.                         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/escenario_economico.html" class="descarga_barra_link" target="_blank">
  208.                             <div class="texto_menu izq"> Escenario econ&oacute;mico</div>
  209.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  210.                         </a>
  211.                         <div class="linea_final"></div>  
  212.                     </div>
  213.                 </ul>
  214.             </li>
  215.         </ul>
  216.         </div>
  217.         <!--<div class="linea" style="height:0px; margin:0px;"></div>-->
  218. </div>  
  219.      
  220.  
  221.  
  222. <div class="cuerpo">
  223.  
  224.  
  225. <div class="menu">
  226.     <!-- Decisiones -->
  227.     <a class="btn_abrir_barra_inferior" href="#" title="Barra inferior">
  228.     <div class="box azul" col="1" row="1">
  229.         <div class="contenedor_ventana">
  230.             <div class="icono centrado">
  231.                 <span class="flaticon-uniE000"></span>
  232.             </div>
  233.         </div>
  234.     </div>
  235.     </a>
  236.  
  237.  
  238.     <!-- Presupuesto -->
  239.  
  240.     <div class="box gris" col="5" row="1">
  241.  
  242.         <ul class="rslides">
  243.             <li>
  244.             <div class="contenedor_ventana">
  245.                 <div class="contenedor_2 izq estrecho">
  246.                     <div class="titulo">
  247.                         <p> PRESUPUESTO </p>
  248.                     </div>
  249.                 </div>
  250.                 <div class="contenedor_2 der estrecho">
  251.                     <div class="titulo">
  252.                         <p> $0.00 </p>
  253.                     </div>
  254.                 </div>
  255.                
  256.                 <div class="contenedor_2 izq estrecho">
  257.                     <font class="subtitulo"> Gasto $
  258.                         <font class="gasto_pesos">0.00</font>
  259.                     </font>
  260.                     <font class="numero small">
  261.                         <font class="gasto_porcentaje">0.00</font>%
  262.                     </font>
  263.                 </div>
  264.                
  265.                 <div class="contenedor_2 der estrecho">
  266.                     <font class="subtitulo"> Dinero disp. $
  267.                         <font class="dinerodisp_pesos">0.00 </font>
  268.                     </font>                  
  269.                     <font class="numero small">
  270.                         <font class="dinerodisp_porcentaje">0.00</font>%
  271.                     </font>
  272.                 </div>
  273.                 <div class="contenedor_1 estrecho">
  274.                     <div style="height:8px; width:100%"></div>
  275.                     <div style="background:rgba(255,0,0,1.00); height:5px; width:100%;"></div>                                
  276.                     <div class="barra_gastos" style="background:rgba(255,166,0,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  277.                 </div>
  278.                
  279.             </div>
  280.             </li>          
  281.             <li>
  282.             <div class="contenedor_ventana">
  283.                 <div class="contenedor_2 izq estrecho">
  284.                     <div class="titulo">
  285.                         <p> PRESUPUESTO </p>
  286.                     </div>
  287.                 </div>
  288.                 <div class="contenedor_2 der estrecho">
  289.                     <div class="titulo">
  290.                         <p> $0.00 </p>
  291.                     </div>
  292.                 </div>
  293.             <div class="contenedor_2 izq estrecho">
  294.                 <font class="subtitulo"> Caja $
  295.                     <font>0.00</font>
  296.                 </font>
  297.                 <font class="numero small">
  298.                     <font>0.00</font>%
  299.                 </font>
  300.             </div>
  301.            
  302.             <div class="contenedor_2 der estrecho">
  303.                 <font class="subtitulo"> L&iacute;nea de cr&eacute;d. $
  304.                     <font class="">0.00 </font>
  305.                 </font>                  
  306.                 <font class="numero small">
  307.                     <font class="">0.00</font>%
  308.                 </font>
  309.             </div>
  310.            
  311.             <div class="contenedor_1 estrecho">
  312.                 <div style="height:8px; width:100%"></div>
  313.                 <div style="background:rgba(0,171,8,1.00); height:5px; width:100%;"></div>                                
  314.                 <div style="background:rgba(0,255,60,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  315.             </div>            
  316.             </div>
  317.             </li>
  318.         </ul>
  319.     </div>
  320.    
  321.  
  322.     <!-- Puntaje -->
  323.     <div class="box gris" col="2" row="1">
  324.  
  325.         <ul class="rslides">
  326.             <li>
  327.             <div class="contenedor_ventana">
  328.                 <div class="titulo">
  329.                     <p> PUNTAJE </p>
  330.                 </div>
  331.                 <div class="contenedor_1 estrecho">
  332.                     <font class="subtitulo"> Puntaje Acumulado </font>
  333.                     <font class="numero"> 0.00 </font>
  334.                 </div>
  335.             </div>
  336.             </li>          
  337.             <li>
  338.             <div class="contenedor_ventana">
  339.                 <div class="titulo">
  340.                     <p> PUNTAJE </p>
  341.                 </div>
  342.                 <div class="contenedor_1 estrecho">
  343.                     <font class="subtitulo"> Puntaje Ronda </font>
  344.                     <font class="numero"> 0.00 </font>
  345.                 </div>
  346.             </div>
  347.             </li>
  348.         </ul>
  349.     </div>
  350.  
  351.     <!-- Periodo -->
  352.     <div class="box gris" col="2" row="1">
  353.         <div class="contenedor_ventana">
  354.             <div class="titulo">
  355.                 <p> PERIODO </p>
  356.             </div>
  357.             <div class="contenedor_1 estrecho">
  358.                 <font class="subtitulo">  </font>
  359.                 <font class="numero">  </font>
  360.             </div>
  361.         </div>
  362.     </div>
  363.    
  364.     <!-- Tiempo -->
  365.     <div class="box gris" col="2" row="1">
  366.         <div class="contenedor_ventana">
  367.             <div class="titulo ">
  368.                 <p> TIEMPO </p>
  369.             </div>
  370.             <div class="contenedor_1 estrecho">
  371.                 <font class="subtitulo"> Restante </font>
  372.                 <font class="numero"><font class="tiempo" ppal=0> 00:00:00</font></font>
  373.             </div>
  374.         </div>
  375.     </div>
  376.    
  377.     <!-- Estacionalidad -->
  378.     <div class="box gris" col="3" row="1">
  379.         <div class="contenedor_ventana">
  380.             <div class="titulo">
  381.                 <p> ESTACIONALIDAD </p>
  382.             </div>
  383.             <div class="contenedor_2 izq estrecho">
  384.                 <font class="subtitulo"> Actual:  </font>
  385.                 <font class="numero">  </font>
  386.             </div>
  387.             <div class="contenedor_2 der estrecho">
  388.                 <font class="subtitulo"> Pr&oacute;x.:  </font>
  389.                 <font class="numero">  </font>
  390.             </div>
  391.            
  392.         </div>
  393.     </div>
  394.    
  395.     <!-- Empresa -->
  396.     <a class="pageload-link" href="#page-01">    
  397.     <div class="box gris" col="1" row="1">
  398.         <div class="contenedor_ventana">
  399.             <div class="icono centrado">
  400.                 <span class="flaticon-uniE00F"></span>
  401.             </div>
  402.         </div>            
  403.     </div>
  404.     </a>
  405.    
  406. </div>      
  407.  
  408.  
  409. <div class="conteiner">
  410.  
  411.     <a class="pageload-link" href="#page-12">  
  412.     <div class="box gris" col="4" row="2">
  413.         <div class="contenedor_ventana">
  414.             <div class="titulo">
  415.                 <p> AYUDA </p>
  416.             </div>
  417.             <div class="contenedor_2 izq estrecho">
  418.                 <font class="subtitulo"> Obtenga ayuda </font>
  419.                 <font class="numero small">  </font>  
  420.             </div>
  421.             <div class="personaje">
  422.                 <img src="http://simuladordesafiar1.azurewebsites.net/img/gerente.png">
  423.             </div>                
  424.         </div>
  425.     </div>
  426.     </a>    
  427.    
  428.     <div class="box gris formulario" col="8" row="4">
  429.         <div class="msj msj_error" style="text-align:center">
  430.             <div class="contenedor_msj"> </div>
  431.             <a href="#"><div class="btn_ok">OK</div></a>
  432.         </div>
  433.        
  434.         <div class="msj msj_ok" style="text-align:center">
  435.             <div class="contenedor_msj"> EL VALOR INGRESADO SE GUARDO CORRECTAMENTE </div>
  436.             <a href="#"><div class="btn_ok">OK</div></a>
  437.         </div>
  438.        
  439.         <div class="msj msj_alerta" style="text-align:center">
  440.             <div class="contenedor_msj"> SI NO GUARDA LA DECISION, SE DESCARTARAN LOS CAMBIOS. ¿DESEA GUARDAR? </div>
  441.             <div class="contenedor_si_no">
  442.                 <a href="#"><div class="btn_si">SI</div></a>
  443.                 <a href="#"><div class="btn_no">NO</div></a>
  444.             </div>                
  445.         </div>
  446.  
  447.        
  448.         <div class="contenedor_loader">
  449.             <div class="loader"></div>
  450.         </div>
  451.  
  452.         <div class="contenedor_form">
  453.             <div class="titulo">
  454.                 <h1>BIENVENIDOS</h1>
  455.                 <font class="subtitulo"> DESAF&Iacute;O ZONA I </font>
  456.             </div>
  457.            
  458.             <div class="botones">
  459.                 <a href="#" class="boton_guardar" style="z-index:9999"><span class="flaticon-uniE014"></span></a>
  460.             </div>
  461.            
  462.             <div class="contenedor_input mostrar" numero="1">
  463.                 <div class="contenedor_input_">
  464.                     <input type="text" name="NombreEmpresa" valor="" value="" READONLY >
  465.                     <p>Elige un nombre para tu empresa</p>
  466.                 </div>
  467.                 <div class="unidad"></div>
  468.             </div>
  469.            
  470.             <div class="dotstyle dotstyle-fillup">
  471.                 <ul>
  472.                     <li num = "1" class="current"><a href="#">DESAF&Iacute;O ZONA I</a></li>
  473.                 </ul>
  474.                 <div class="mouseover"></div>
  475.             </div>
  476.         </div>    
  477.     </div>
  478.    
  479.    
  480.  
  481.     <div class="box gris" col="4" row="1">
  482.         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/investigaciones.php" target="_blank">
  483.         <div class="contenedor_ventana">
  484.             <div class="titulo">
  485.                 <p> INVESTIGACIONES </p>
  486.             </div>
  487.             <div class="contenedor_2 izq estrecho">
  488.                 <font class="subtitulo"> Descarga el archivo </font>
  489.                 <font class="numero small"> </font>
  490.             </div>
  491.             <div class="contenedor_2 der estrecho">
  492.                 <span class="flaticon-uniE01F" style="font-size:40px; margin-top: -5px; margin-right: 20px;"></span>
  493.             </div>
  494.         </div>
  495.         </a>
  496.     </div>
  497.    
  498.     <div class="box gris" col="4" row="1">
  499.         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/escenario_economico.html" target="_blank">
  500.         <div class="contenedor_ventana">
  501.             <div class="titulo">
  502.                 <p> ESCENARIO ECON&Oacute;MICO </p>
  503.             </div>
  504.             <div class="contenedor_2 izq estrecho">
  505.                 <font class="subtitulo"> Descarga el archivo </font>
  506.                 <font class="numero small">  </font>
  507.             </div>
  508.                         <div class="contenedor_2 der estrecho">
  509.                 <span class="flaticon-uniE01F" style="font-size:40px; margin-top: -5px; margin-right: 20px;"></span>
  510.             </div>
  511.  
  512.         </div>
  513.         </a>
  514.     </div>
  515.  
  516.     <div class="box gris" col="4" row="1">
  517.         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/balance.php" target="_blank">    
  518.         <div class="contenedor_ventana">
  519.             <div class="titulo">
  520.                 <p> BALANCE GENERAL </p>
  521.             </div>
  522.             <div class="contenedor_2 izq estrecho">
  523.                 <font class="subtitulo"> Descarga el archivo </font>
  524.                 <font class="numero small">  </font>
  525.             </div>
  526.             <div class="contenedor_2 der estrecho">
  527.                 <span class="flaticon-uniE01F" style="font-size:40px; margin-top: -5px; margin-right: 20px;"></span>
  528.             </div>
  529.  
  530.         </div>
  531.         </a>
  532.     </div>
  533.  
  534.     <div class="box gris" col="4" row="1">
  535.         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/estadoresultados.php" target="_blank">    
  536.         <div class="contenedor_ventana">
  537.             <div class="titulo">
  538.                 <p> ESTADO DE RESULTADOS </p>
  539.             </div>
  540.             <div class="contenedor_2 izq estrecho">
  541.                 <font class="subtitulo"> Descarga el archivo </font>
  542.                 <font class="numero small">  </font>
  543.             </div>
  544.             <div class="contenedor_2 der estrecho">
  545.                 <span class="flaticon-uniE01F" style="font-size:40px; margin-top: -5px; margin-right: 20px;"></span>
  546.             </div>            
  547.         </div>
  548.         </a>
  549.     </div>
  550.  
  551.     <div class="box gris" col="4" row="1">
  552.         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/flujocaja.php" target="_blank">    
  553.         <div class="contenedor_ventana">
  554.             <div class="titulo">
  555.                 <p> FLUJO DE CAJA </p>
  556.             </div>
  557.             <div class="contenedor_2 izq estrecho">
  558.                 <font class="subtitulo"> Descarga el archivo </font>
  559.                 <font class="numero small">  </font>
  560.             </div>
  561.             <div class="contenedor_2 der estrecho">
  562.                 <span class="flaticon-uniE01F" style="font-size:40px; margin-top: -5px; margin-right: 20px;"></span>
  563.             </div>
  564.         </div>
  565.         </a>
  566.     </div>
  567.    
  568.     <div class="box gris" col="4" row="1">
  569.         <div class="contenedor_ventana">
  570.             <div class="titulo">
  571.                 <p> COLORES </p>
  572.             </div>
  573.             <div class="contenedor_1 izq estrecho">
  574.                 <div style="float:right; margin-top:-15px; margin-right:20px; height:0px">
  575.                     <input class="knob"  data-width="65" data-bgColor="#555" data-fgColor="rgba(255,255,255,0.8)" value="90">
  576.                 </div>            
  577.                 <font class="subtitulo"> Selecciona tu color favorito </font>
  578.                 <div class="colores">
  579.                 <ul>
  580.                     <a href="#"><li class="color1"></li></a>
  581.                     <a href="#"><li class="color2"></li></a>
  582.                     <a href="#"><li class="color3"></li></a>
  583.                     <a href="#"><li class="color4"></li></a>
  584.                     <a href="#"><li class="color5"></li></a>
  585.                     <a href="#"><li class="color0"></li></a>
  586.                 </ul>
  587.                 </div>
  588.             </div>
  589.         </div>
  590.     </div>
  591. </div>
  592. </div>
  593. </div><!-- Pagina principal -->
  594. <div class="container" id="page-2">
  595.  
  596. <div class="barra gris" estado="cerrada">
  597.    
  598.         <!-- Boton para abrir la barra -->
  599.         <div  class="btn_barra"></div>
  600.        
  601.         <div class="contenedor_cen" style="margin:10px;">
  602.             <div class="titulo" style="font-size:28px; margin-top:5px; font-weight:700; text-transform:uppercase">
  603.                             </div>
  604.             <font class="subtitulo"> Desiciones tomadas </font>
  605.             <font class="numero"> <font class="porcentaje_decisiones"></font>% </font>
  606.            
  607.         </div>
  608.        
  609.         <div class="linea" style="margin-bottom:0px"></div>
  610.        
  611.         <div class="contenedor_icono">
  612.             <div class="icono centrado">
  613.                 <a href="#" onClick="cerrar_barra(); orden()"><span class="flaticon-uniE012 small"></span></a>
  614.             </div>
  615.         </div>
  616.         <div class="contenedor_icono divisor_v">
  617.             <div class="icono centrado">
  618.                 <a class="pageload-link" href="page-011"><span class="flaticon-uniE00B small"></span>
  619.                  </a>
  620.             </div>
  621.            
  622.            
  623.         </div>
  624.         <div class="contenedor_icono divisor_v">
  625.             <div class="icono centrado">
  626.                 <a class="pageload-link" href="page-09"><span class="flaticon-uniE009 small"></span></a>
  627.             </div>
  628.         </div>
  629.         <div class="contenedor_icono divisor_v">
  630.             <div class="icono centrado">
  631.                 <a class="pageload-link" href="page-10"><span class="flaticon-uniE006 small"></span></a>
  632.             </div>
  633.         </div>         
  634.  
  635.         <div class="linea" style="height:0px; margin:0px;"></div>
  636.        
  637.        
  638.         <!-- Menu desplegable -->
  639.         <div class="scroll_barra_conten" id="divscroll_barra">
  640.         <ul class="mtree transit gris" style="z-index:9999; ">
  641.             <li><a href="#">INFO. ECON&Oacute;MICA</a>
  642.                 <ul>
  643.                     <div class="contenedor_ul">
  644.                         <div class="texto_menu izq"> Indice de Estacionalidad</div>
  645.                         <div class="der"> <span>  </span></div>
  646.                         <div class="linea"></div>
  647.                         <div class="texto_menu izq"> Previsi&oacute;n de Est.</div>
  648.                         <div class="der"> <span></span></div>
  649.                         <div class="linea"></div>
  650.                         <div class="texto_menu izq"> Variaci&oacute;n de la act. econ&oacute;mica</div>
  651.                         <div class="der"> <span>0.00% </span></div>
  652.                         <div class="linea"></div>
  653.                         <div class="texto_menu izq"> Prev. de la act. economica</div>
  654.                         <div class="der"> <span>0.00% </span></div>
  655.                         <div class="linea"></div>
  656.                         <div class="texto_menu izq"> Tasa de inflacion trimestral</div>
  657.                         <div class="der"> <span>0.00%</span></div>
  658.                         <div class="linea"></div>
  659.                         <div class="texto_menu izq"> Prev. de la inflación trimestral</div>
  660.                         <div class="der"> <span>0.00%</span></div>
  661.                         <div class="linea"></div>
  662.                         <div class="texto_menu izq"> Tasa de interes de corto plazo</div>
  663.                         <div class="der"> <span>0.00% </span></div>
  664.                         <div class="texto_menu linea"></div>
  665.                         <div class="texto_menu izq"> Tasa de interes del proveedor</div>
  666.                         <div class="der"> <span>0.00%</span></div>
  667.                         <div class="linea_final"></div>
  668.                     </div>
  669.                 </ul>        
  670.             </li>
  671.             <li><a href="#">RESUMEN DE PERIODO</a>
  672.                 <ul>
  673.                     <div class="contenedor_ul">
  674.                         <div class="texto_menu izq"> Ventas en unidades</div>
  675.                         <div class="der"> <span>  Un </span></div>
  676.                         <div class="linea"></div>
  677.                         <div class="texto_menu izq"> Ventas en pesos</div>
  678.                         <div class="der"> <span>$ 0.00 </span></div>
  679.                         <div class="linea"></div>
  680.                         <div class="texto_menu izq"> &Oacute;rdenes recibidas</div>
  681.                         <div class="der"> <span> 0  Un</span></div>
  682.                         <div class="linea"></div>
  683.                         <div class="texto_menu izq"> Stock mercader&iacute;as</div>
  684.                         <div class="der"> <span>  Un</span></div>
  685.                         <div class="linea"></div>
  686.                         <div class="texto_menu izq"> Stock insumos</div>
  687.                         <div class="der"> <span>  Un</span></div>
  688.                         <div class="linea"></div>
  689.                         <div class="texto_menu izq"> Cuentas a recibir</div>
  690.                         <div class="der"> <span>$ 0.00 </span></div>
  691.                         <div class="linea"></div>                        
  692.                         <div class="texto_menu izq"> Deudas a corto plazo</div>
  693.                         <div class="der"> <span>$ 0.00 </span></div>
  694.                         <div class="linea"></div>                        
  695.                         <div class="texto_menu izq"> Utilidad neta</div>
  696.                         <div class="der"> <span> $ 0.00 </span></div>
  697.                         <div class="linea"></div>                        
  698.                         <div class="texto_menu izq"> Distribuci&oacute;n de ganancias</div>
  699.                         <div class="der"> <span> 0.00 %</span></div>
  700.                         <div class="linea"></div>                        
  701.                         <div class="texto_menu izq"> Variaci&oacute;n de caja</div>
  702.                         <div class="der"> <span> $ 0.00 </span></div>
  703.                         <div class="linea_final"></div>
  704.                     </div>
  705.                 </ul>        
  706.             </li>
  707.             <li><a href="#">DESCARGAS</a>
  708.                 <ul>
  709.                     <div class="contenedor_ul">
  710.                         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/balance.php" class="descarga_barra_link" target="_blank">
  711.                             <div class="texto_menu izq"> Balance general</div>
  712.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  713.                         </a>
  714.                         <div class="linea"></div>
  715.                         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/flujocaja.php" class="descarga_barra_link" target="_blank">
  716.                             <div class="texto_menu izq"> Flujo de caja</div>
  717.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  718.                         </a>
  719.                         <div class="linea"></div>
  720.                         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/investigaciones.php" class="descarga_barra_link" target="_blank">
  721.                             <div class="texto_menu izq"> Investigaciones</div>
  722.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  723.                         </a>
  724.                         <div class="linea"></div>
  725.                         <a href="http://simuladordesafiar1.azurewebsites.net/descargas/escenario_economico.html" class="descarga_barra_link" target="_blank">
  726.                             <div class="texto_menu izq"> Escenario econ&oacute;mico</div>
  727.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  728.                         </a>
  729.                         <div class="linea_final"></div>  
  730.                     </div>
  731.                 </ul>
  732.             </li>
  733.         </ul>
  734.         </div>
  735.         <!--<div class="linea" style="height:0px; margin:0px;"></div>-->
  736. </div>  
  737.      
  738.  
  739.  
  740.  
  741. <div class="cuerpo">
  742.  
  743.  
  744. <div class="menu">
  745.     <!-- Decisiones -->
  746.     <a class="btn_abrir_barra_inferior" href="#" title="Barra inferior">
  747.     <div class="box azul" col="1" row="1">
  748.         <div class="contenedor_ventana">
  749.             <div class="icono centrado">
  750.                 <span class="flaticon-uniE000"></span>
  751.             </div>
  752.         </div>
  753.     </div>
  754.     </a>
  755.  
  756.  
  757.     <!-- Presupuesto -->
  758.  
  759.     <div class="box gris" col="5" row="1">
  760.  
  761.         <ul class="rslides">
  762.             <li>
  763.             <div class="contenedor_ventana">
  764.                 <div class="contenedor_2 izq estrecho">
  765.                     <div class="titulo">
  766.                         <p> PRESUPUESTO </p>
  767.                     </div>
  768.                 </div>
  769.                 <div class="contenedor_2 der estrecho">
  770.                     <div class="titulo">
  771.                         <p> $0.00 </p>
  772.                     </div>
  773.                 </div>
  774.                
  775.                 <div class="contenedor_2 izq estrecho">
  776.                     <font class="subtitulo"> Gasto $
  777.                         <font class="gasto_pesos">0.00</font>
  778.                     </font>
  779.                     <font class="numero small">
  780.                         <font class="gasto_porcentaje">0.00</font>%
  781.                     </font>
  782.                 </div>
  783.                
  784.                 <div class="contenedor_2 der estrecho">
  785.                     <font class="subtitulo"> Dinero disp. $
  786.                         <font class="dinerodisp_pesos">0.00 </font>
  787.                     </font>                  
  788.                     <font class="numero small">
  789.                         <font class="dinerodisp_porcentaje">0.00</font>%
  790.                     </font>
  791.                 </div>
  792.                 <div class="contenedor_1 estrecho">
  793.                     <div style="height:8px; width:100%"></div>
  794.                     <div style="background:rgba(255,0,0,1.00); height:5px; width:100%;"></div>                                
  795.                     <div class="barra_gastos" style="background:rgba(255,166,0,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  796.                 </div>
  797.                
  798.             </div>
  799.             </li>          
  800.             <li>
  801.             <div class="contenedor_ventana">
  802.                 <div class="contenedor_2 izq estrecho">
  803.                     <div class="titulo">
  804.                         <p> PRESUPUESTO </p>
  805.                     </div>
  806.                 </div>
  807.                 <div class="contenedor_2 der estrecho">
  808.                     <div class="titulo">
  809.                         <p> $0.00 </p>
  810.                     </div>
  811.                 </div>
  812.             <div class="contenedor_2 izq estrecho">
  813.                 <font class="subtitulo"> Caja $
  814.                     <font>0.00</font>
  815.                 </font>
  816.                 <font class="numero small">
  817.                     <font>0.00</font>%
  818.                 </font>
  819.             </div>
  820.            
  821.             <div class="contenedor_2 der estrecho">
  822.                 <font class="subtitulo"> L&iacute;nea de cr&eacute;d. $
  823.                     <font class="">0.00 </font>
  824.                 </font>                  
  825.                 <font class="numero small">
  826.                     <font class="">0.00</font>%
  827.                 </font>
  828.             </div>
  829.            
  830.             <div class="contenedor_1 estrecho">
  831.                 <div style="height:8px; width:100%"></div>
  832.                 <div style="background:rgba(0,171,8,1.00); height:5px; width:100%;"></div>                                
  833.                 <div style="background:rgba(0,255,60,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  834.             </div>            
  835.             </div>
  836.             </li>
  837.         </ul>
  838.     </div>
  839.    
  840.  
  841.     <!-- Puntaje -->
  842.     <div class="box gris" col="2" row="1">
  843.  
  844.         <ul class="rslides">
  845.             <li>
  846.             <div class="contenedor_ventana">
  847.                 <div class="titulo">
  848.                     <p> PUNTAJE </p>
  849.                 </div>
  850.                 <div class="contenedor_1 estrecho">
  851.                     <font class="subtitulo"> Puntaje Acumulado </font>
  852.                     <font class="numero"> 0.00 </font>
  853.                 </div>
  854.             </div>
  855.             </li>          
  856.             <li>
  857.             <div class="contenedor_ventana">
  858.                 <div class="titulo">
  859.                     <p> PUNTAJE </p>
  860.                 </div>
  861.                 <div class="contenedor_1 estrecho">
  862.                     <font class="subtitulo"> Puntaje Ronda </font>
  863.                     <font class="numero"> 0.00 </font>
  864.                 </div>
  865.             </div>
  866.             </li>
  867.         </ul>
  868.     </div>
  869.  
  870.     <!-- Periodo -->
  871.     <div class="box gris" col="2" row="1">
  872.         <div class="contenedor_ventana">
  873.             <div class="titulo">
  874.                 <p> PERIODO </p>
  875.             </div>
  876.             <div class="contenedor_1 estrecho">
  877.                 <font class="subtitulo">  </font>
  878.                 <font class="numero">  </font>
  879.             </div>
  880.         </div>
  881.     </div>
  882.    
  883.     <!-- Tiempo -->
  884.     <div class="box gris" col="2" row="1">
  885.         <div class="contenedor_ventana">
  886.             <div class="titulo ">
  887.                 <p> TIEMPO </p>
  888.             </div>
  889.             <div class="contenedor_1 estrecho">
  890.                 <font class="subtitulo"> Restante </font>
  891.                 <font class="numero"><font class="tiempo" ppal=1> 00:00:00</font></font>
  892.             </div>
  893.         </div>
  894.     </div>
  895.    
  896.     <!-- Estacionalidad -->
  897.     <div class="box gris" col="3" row="1">
  898.         <div class="contenedor_ventana">
  899.             <div class="titulo">
  900.                 <p> ESTACIONALIDAD </p>
  901.             </div>
  902.             <div class="contenedor_2 izq estrecho">
  903.                 <font class="subtitulo"> Actual:  </font>
  904.                 <font class="numero">  </font>
  905.             </div>
  906.             <div class="contenedor_2 der estrecho">
  907.                 <font class="subtitulo"> Pr&oacute;x.:  </font>
  908.                 <font class="numero">  </font>
  909.             </div>
  910.            
  911.         </div>
  912.     </div>
  913.    
  914.     <!-- Empresa -->
  915.     <a class="pageload-link" href="#page-01">    
  916.     <div class="box gris" col="1" row="1">
  917.         <div class="contenedor_ventana">
  918.             <div class="icono centrado">
  919.                 <span class="flaticon-uniE00F"></span>
  920.             </div>
  921.         </div>            
  922.     </div>
  923.     </a>
  924.    
  925. </div>      
  926.  
  927. <div class="conteiner">
  928.  
  929.     <a class="pageload-link" href="#page-13">  
  930.     <div class="box gris" col="4" row="2">
  931.         <div class="contenedor_ventana">
  932.             <div class="titulo">
  933.                 <p> AYUDA </p>
  934.             </div>
  935.             <div class="contenedor_2 izq estrecho">
  936.                 <font class="subtitulo"> Obtenga ayuda </font>
  937.                 <font class="numero small">  </font>  
  938.             </div>
  939.             <div class="personaje">
  940.                 <img src="http://simuladordesafiar1.azurewebsites.net/img/chef.png">
  941.             </div>
  942.         </div>
  943.     </div>
  944.     </a>  
  945.  
  946.  
  947.    
  948.     <div class="box gris formulario" col="8" row="4">
  949.         <div class="msj msj_error" style="text-align:center">
  950.             <div class="contenedor_msj"> </div>
  951.             <a href="#"><div class="btn_ok">OK</div></a>
  952.         </div>
  953.        
  954.         <div class="msj msj_ok" style="text-align:center">
  955.             <div class="contenedor_msj"> EL VALOR INGRESADO SE GUARDO CORRECTAMENTE </div>
  956.             <a href="#"><div class="btn_ok">OK</div></a>
  957.         </div>
  958.        
  959.         <div class="msj msj_alerta" style="text-align:center">
  960.             <div class="contenedor_msj"> SI NO GUARDA LA DECISION, SE DESCARTARAN LOS CAMBIOS. ¿DESEA GUARDAR? </div>
  961.             <div class="contenedor_si_no">
  962.                 <a href="#"><div class="btn_si">SI</div></a>
  963.                 <a href="#"><div class="btn_no">NO</div></a>
  964.             </div>                
  965.         </div>
  966.  
  967.        
  968.         <div class="contenedor_loader">
  969.             <div class="loader"></div>
  970.         </div>
  971.  
  972.         <div class="contenedor_form">
  973.             <div class="titulo">
  974.                 <h1>PRODUCCI&Oacute;N</h1>
  975.                 <font class="subtitulo"> ORDEN DE PRODUCCI&Oacute;N </font>
  976.             </div>
  977.            
  978.             <div class="botones">
  979.                 <a href="#" class="boton_guardar" style="z-index:9999"><span class="flaticon-uniE014"></span></a>
  980.             </div>
  981.            
  982.             <div class="contenedor_input mostrar" numero="1">
  983.                 <div class="contenedor_input_">
  984.                     <input type="text" name="Produccion" valor="" value="">
  985.                     <p>Producci&oacute;n para el periodo actual</p>
  986.                 </div>
  987.                 <div class="unidad"><font>UN.</font></div>
  988.             </div>
  989.            
  990.             <div class="contenedor_input" numero="2">
  991.                 <div class="contenedor_input_">
  992.                     <div class="opciones">
  993.                         <div class="opcion " valor="1">NORMAL<p>( $0.00 )</p></div>
  994.                         <div class="opcion " valor="2">DIFERENCIADA<p>( $0.00 )</p></div>
  995.                         <div class="opcion " valor="3">PREMIUM<p>( $0.00 )</p></div>
  996.                         <input type="hidden" class="opcion_val" value="" valor=""  val1="$0.00" val2="$0.00" val3="$0.00" name="TipoInsProd" >
  997.                     </div>
  998.                     <div class="nav_opciones" style="padding-top:8px;">
  999.                         <a href="#" style="position:absolute; z-index:999; right:0" class="sig"> > </a>
  1000.                         <a href="#" style="position:absolute; z-index:999; left:0" class="atr"> < </a>
  1001.                     </div>
  1002.                     <p style="margin-top:96px">El tipo de insumo es para el pr&oacute;ximo periodo</p>
  1003.                 </div>
  1004.             </div>
  1005.  
  1006.  
  1007.             <div class="contenedor_input" numero="3" style="width:90%;margin-left:5%; margin-top:40px;">
  1008.            
  1009.                 <div style="float:left; width:40%; margin-left:0px; margin-top:-40px">
  1010.                 <div class="contenedor_input_" style="">
  1011.                     <input type="text" name="InsProd" value="" valor="">
  1012.                     <p style="margin-top:-10px">Los insumos son para el pr&oacute;ximo periodo</p>
  1013.                 </div>
  1014.                 <div class="unidad"><font>UN.</font></div>
  1015.                 </div>
  1016.                
  1017.                
  1018.                 <div style="float:right; width:40%; margin-right:0px;  margin-top:-40px">
  1019.                <div class="contenedor_input_">
  1020.                     <input type="text" name="PlazoProv" value="" valor="">
  1021.                     <p style="margin-top:-10px">PLAZO PROVEEDORES</p>  
  1022.                 </div>
  1023.                 <div class="unidad"><font>%</font></div>
  1024.  
  1025.                 </div>
  1026.                
  1027.                
  1028.                 <div style="border-left:solid 1px rgba(255,255,255,1.00); width:1px; margin:auto; height:100px;  margin-top:-35px"></div>
  1029.                
  1030.             </div>
  1031.  
  1032.             <div class="contenedor_input" numero="4">
  1033.                 <div class="contenedor_input_">
  1034.                     <div class="opciones">
  1035.                         <div class="opcion mostrar" valor="600">BAJO<p>( $0 )</p></div>
  1036.                         <div class="opcion mostrar" valor="900">MODERADO<p>( $0 )</p></div>
  1037.                         <div class="opcion mostrar" valor="1500">ALTO<p>( $0 )</p></div>
  1038.                         <input type="hidden" class="opcion_val" value="" valor="" name="Mantenimiento">
  1039.                     </div>
  1040.                     <div class="nav_opciones" style="padding-top:8px;">
  1041.                         <a href="#" style="position:absolute; z-index:999; right:0" class="sig"> > </a>
  1042.                         <a href="#" style="position:absolute; z-index:999; left:0" class="atr"> < </a>
  1043.                     </div>
  1044.                     <p style="margin-top:96px">El mantenimiento de la f&aacute;brica es para el periodo actual</p>
  1045.                 </div>
  1046.             </div>
  1047.  
  1048.            
  1049.             <div class="dotstyle dotstyle-fillup">
  1050.                 <ul>
  1051.                     <li num = "1" class="current"><a href="#">ORDEN DE PRODUCCI&Oacute;N</a></li>
  1052.                     <li num = "2"><a href="#">TIPO DE INSUMOS</a></li>                    
  1053.                     <li num = "3"><a href="#">COMPRA DE INSUMOS</a></li>
  1054.                     <li num = "4"><a href="#">MANTENIMIENTO DE LA F&Aacute;BRICA</a></li>
  1055.                 </ul>
  1056.                 <div class="mouseover"></div>
  1057.             </div>
  1058.         </div>    
  1059.     </div>
  1060.  
  1061.  
  1062.     <div class="box gris" col="4" row="1">
  1063.         <div class="contenedor_ventana">
  1064.             <div class="titulo">
  1065.                 <p> COMPRA DE INSUMOS </p>
  1066.             </div>
  1067.             <div class="contenedor_2 izq estrecho">
  1068.                 <font class="subtitulo"> Pago al contado ($) </font>
  1069.                 <font class="numero small" id="inv_compra_insumos"> 0 </font>
  1070.             </div>
  1071.         </div>
  1072.     </div>
  1073.        
  1074.     <div class="box gris" col="4" row="1">
  1075.         <div class="contenedor_ventana">
  1076.             <div class="titulo">
  1077.                 <p> ORDENES SIN ATENDER </p>
  1078.             </div>
  1079.             <div class="contenedor_2 izq estrecho">
  1080.                 <font class="subtitulo"> Cant. de Ord. sin atender </font>
  1081.                 <font class="numero small">  </font>
  1082.             </div>
  1083.         </div>
  1084.     </div>
  1085.    
  1086.     <div class="box gris" col="4" row="2">
  1087.         <div class="contenedor_ventana">
  1088.             <div class="titulo">
  1089.                 <p> UTILIZACI&Oacute;N DE LA PLANTA</p>
  1090.             </div>
  1091.             <div class="contenedor_2 izq estrecho">
  1092.                   <font class="subtitulo"> Capacidad de planta </font>
  1093.                   <font class="numero">  </font>
  1094.             </div>
  1095.             <div class="contenedor_2 der estrecho">
  1096.                   <font class="subtitulo"> Producci&oacute;n max. actual </font>
  1097.                   <font class="numero">  </font>
  1098.             </div>            
  1099.             <div class="canvas">
  1100.                 <canvas id="canvas_cap_planta" width="280px" height="140px"></canvas>
  1101.             </div>                
  1102.         </div>
  1103.     </div>
  1104.  
  1105.  
  1106.     <div class="box gris" col="4" row="1">
  1107.         <div class="contenedor_ventana">
  1108.             <div class="titulo">
  1109.                 <p> STOCK DE ALFAJORES </p>
  1110.             </div>
  1111.             <div class="contenedor_3">
  1112.                 <font class="subtitulo izq"> Cant. de Un. </font>
  1113.                 <font class="numero small">  </font>
  1114.             </div>
  1115.             <!--<div class="contenedor_3 cen">
  1116.                 <font class="subtitulo"> Clases de Insumos </font>
  1117.                 <font class="numero small"> DIFERENCIADA </font>
  1118.             </div>
  1119.             <div class="contenedor_3 der">
  1120.                 <font class="subtitulo"> Tipo de Empaque </font>
  1121.                 <font class="numero small"> BOPP </font>
  1122.             </div>-->
  1123.         </div>
  1124.     </div>
  1125.  
  1126.  
  1127.     <div class="box gris" col="4" row="1">
  1128.         <div class="contenedor_ventana">
  1129.             <div class="titulo">
  1130.                 <p> STOCK INSUMOS </p>
  1131.             </div>
  1132.             <div class="contenedor_2 izq estrecho">
  1133.                 <font class="subtitulo"> Cantidad disponible (Un) </font>
  1134.                 <font class="numero small"> </font>  
  1135.             </div>
  1136.             <div class="contenedor_2 der estrecho">
  1137.                 <font class="subtitulo"> Clase de insumos </font>
  1138.                 <font class="numero small"> DIFERENCIADA </font>
  1139.             </div>
  1140.         </div>
  1141.     </div>
  1142.    
  1143. </div>
  1144. </div>
  1145. </div><!-- Pagina principal -->
  1146. <div class="container" id="page-3">
  1147.  
  1148. <div class="barra gris" estado="cerrada">
  1149.    
  1150.         <!-- Boton para abrir la barra -->
  1151.         <div  class="btn_barra"></div>
  1152.        
  1153.         <div class="contenedor_cen" style="margin:10px;">
  1154.             <div class="titulo" style="font-size:28px; margin-top:5px; font-weight:700; text-transform:uppercase">
  1155.                             </div>
  1156.             <font class="subtitulo"> Desiciones tomadas </font>
  1157.             <font class="numero"> <font class="porcentaje_decisiones"></font>% </font>
  1158.            
  1159.         </div>
  1160.        
  1161.         <div class="linea" style="margin-bottom:0px"></div>
  1162.        
  1163.         <div class="contenedor_icono">
  1164.             <div class="icono centrado">
  1165.                 <a href="#" onClick="cerrar_barra(); orden()"><span class="flaticon-uniE012 small"></span></a>
  1166.             </div>
  1167.         </div>
  1168.         <div class="contenedor_icono divisor_v">
  1169.             <div class="icono centrado">
  1170.                 <a class="pageload-link" href="page-011"><span class="flaticon-uniE00B small"></span>
  1171.                  </a>
  1172.             </div>
  1173.            
  1174.            
  1175.         </div>
  1176.         <div class="contenedor_icono divisor_v">
  1177.             <div class="icono centrado">
  1178.                 <a class="pageload-link" href="page-09"><span class="flaticon-uniE009 small"></span></a>
  1179.             </div>
  1180.         </div>
  1181.         <div class="contenedor_icono divisor_v">
  1182.             <div class="icono centrado">
  1183.                 <a class="pageload-link" href="page-10"><span class="flaticon-uniE006 small"></span></a>
  1184.             </div>
  1185.         </div>         
  1186.  
  1187.         <div class="linea" style="height:0px; margin:0px;"></div>
  1188.        
  1189.        
  1190.         <!-- Menu desplegable -->
  1191.         <div class="scroll_barra_conten" id="divscroll_barra">
  1192.         <ul class="mtree transit gris" style="z-index:9999; ">
  1193.             <li><a href="#">INFO. ECON&Oacute;MICA</a>
  1194.                 <ul>
  1195.                     <div class="contenedor_ul">
  1196.                         <div class="texto_menu izq"> Indice de Estacionalidad</div>
  1197.                         <div class="der"> <span>  </span></div>
  1198.                         <div class="linea"></div>
  1199.                         <div class="texto_menu izq"> Previsi&oacute;n de Est.</div>
  1200.                         <div class="der"> <span></span></div>
  1201.                         <div class="linea"></div>
  1202.                         <div class="texto_menu izq"> Variaci&oacute;n de la act. econ&oacute;mica</div>
  1203.                         <div class="der"> <span>0.00% </span></div>
  1204.                         <div class="linea"></div>
  1205.                         <div class="texto_menu izq"> Prev. de la act. economica</div>
  1206.                         <div class="der"> <span>0.00% </span></div>
  1207.                         <div class="linea"></div>
  1208.                         <div class="texto_menu izq"> Tasa de inflacion trimestral</div>
  1209.                         <div class="der"> <span>0.00%</span></div>
  1210.                         <div class="linea"></div>
  1211.                         <div class="texto_menu izq"> Prev. de la inflación trimestral</div>
  1212.                         <div class="der"> <span>0.00%</span></div>
  1213.                         <div class="linea"></div>
  1214.                         <div class="texto_menu izq"> Tasa de interes de corto plazo</div>
  1215.                         <div class="der"> <span>0.00% </span></div>
  1216.                         <div class="texto_menu linea"></div>
  1217.                         <div class="texto_menu izq"> Tasa de interes del proveedor</div>
  1218.                         <div class="der"> <span>0.00%</span></div>
  1219.                         <div class="linea_final"></div>
  1220.                     </div>
  1221.                 </ul>        
  1222.             </li>
  1223.             <li><a href="#">RESUMEN DE PERIODO</a>
  1224.                 <ul>
  1225.                     <div class="contenedor_ul">
  1226.                         <div class="texto_menu izq"> Ventas en unidades</div>
  1227.                         <div class="der"> <span>  Un </span></div>
  1228.                         <div class="linea"></div>
  1229.                         <div class="texto_menu izq"> Ventas en pesos</div>
  1230.                         <div class="der"> <span>$ 0.00 </span></div>
  1231.                         <div class="linea"></div>
  1232.                         <div class="texto_menu izq"> &Oacute;rdenes recibidas</div>
  1233.                         <div class="der"> <span> 0  Un</span></div>
  1234.                         <div class="linea"></div>
  1235.                         <div class="texto_menu izq"> Stock mercader&iacute;as</div>
  1236.                         <div class="der"> <span>  Un</span></div>
  1237.                         <div class="linea"></div>
  1238.                         <div class="texto_menu izq"> Stock insumos</div>
  1239.                         <div class="der"> <span>  Un</span></div>
  1240.                         <div class="linea"></div>
  1241.                         <div class="texto_menu izq"> Cuentas a recibir</div>
  1242.                         <div class="der"> <span>$ 0.00 </span></div>
  1243.                         <div class="linea"></div>                        
  1244.                         <div class="texto_menu izq"> Deudas a corto plazo</div>
  1245.                         <div class="der"> <span>$ 0.00 </span></div>
  1246.                         <div class="linea"></div>                        
  1247.                         <div class="texto_menu izq"> Utilidad neta</div>
  1248.                         <div class="der"> <span> $ 0.00 </span></div>
  1249.                         <div class="linea"></div>                        
  1250.                         <div class="texto_menu izq"> Distribuci&oacute;n de ganancias</div>
  1251.                         <div class="der"> <span> 0.00 %</span></div>
  1252.                         <div class="linea"></div>                        
  1253.                         <div class="texto_menu izq"> Variaci&oacute;n de caja</div>
  1254.                         <div class="der"> <span> $ 0.00 </span></div>
  1255.                         <div class="linea_final"></div>
  1256.                     </div>
  1257.                 </ul>        
  1258.             </li>
  1259.             <li><a href="#">DESCARGAS</a>
  1260.                 <ul>
  1261.                     <div class="contenedor_ul">
  1262.                         <a href="descargas/balance.php" class="descarga_barra_link" target="_blank">
  1263.                             <div class="texto_menu izq"> Balance general</div>
  1264.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  1265.                         </a>
  1266.                         <div class="linea"></div>
  1267.                         <a href="descargas/flujocaja.php" class="descarga_barra_link" target="_blank">
  1268.                             <div class="texto_menu izq"> Flujo de caja</div>
  1269.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  1270.                         </a>
  1271.                         <div class="linea"></div>
  1272.                         <a href="descargas/investigaciones.php" class="descarga_barra_link" target="_blank">
  1273.                             <div class="texto_menu izq"> Investigaciones</div>
  1274.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  1275.                         </a>
  1276.                         <div class="linea"></div>
  1277.                         <a href="descargas/escenario_economico.html" class="descarga_barra_link" target="_blank">
  1278.                             <div class="texto_menu izq"> Escenario econ&oacute;mico</div>
  1279.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  1280.                         </a>
  1281.                         <div class="linea_final"></div>  
  1282.                     </div>
  1283.                 </ul>
  1284.             </li>
  1285.         </ul>
  1286.         </div>
  1287.         <!--<div class="linea" style="height:0px; margin:0px;"></div>-->
  1288. </div>  
  1289.      
  1290.  
  1291.  
  1292. <div class="cuerpo">
  1293.  
  1294.  
  1295. <div class="menu">
  1296.     <!-- Decisiones -->
  1297.     <a class="btn_abrir_barra_inferior" href="#" title="Barra inferior">
  1298.     <div class="box azul" col="1" row="1">
  1299.         <div class="contenedor_ventana">
  1300.             <div class="icono centrado">
  1301.                 <span class="flaticon-uniE000"></span>
  1302.             </div>
  1303.         </div>
  1304.     </div>
  1305.     </a>
  1306.  
  1307.  
  1308.     <!-- Presupuesto -->
  1309.  
  1310.     <div class="box gris" col="5" row="1">
  1311.  
  1312.         <ul class="rslides">
  1313.             <li>
  1314.             <div class="contenedor_ventana">
  1315.                 <div class="contenedor_2 izq estrecho">
  1316.                     <div class="titulo">
  1317.                         <p> PRESUPUESTO </p>
  1318.                     </div>
  1319.                 </div>
  1320.                 <div class="contenedor_2 der estrecho">
  1321.                     <div class="titulo">
  1322.                         <p> $0.00 </p>
  1323.                     </div>
  1324.                 </div>
  1325.                
  1326.                 <div class="contenedor_2 izq estrecho">
  1327.                     <font class="subtitulo"> Gasto $
  1328.                         <font class="gasto_pesos">0.00</font>
  1329.                     </font>
  1330.                     <font class="numero small">
  1331.                         <font class="gasto_porcentaje">0.00</font>%
  1332.                     </font>
  1333.                 </div>
  1334.                
  1335.                 <div class="contenedor_2 der estrecho">
  1336.                     <font class="subtitulo"> Dinero disp. $
  1337.                         <font class="dinerodisp_pesos">0.00 </font>
  1338.                     </font>                  
  1339.                     <font class="numero small">
  1340.                         <font class="dinerodisp_porcentaje">0.00</font>%
  1341.                     </font>
  1342.                 </div>
  1343.                 <div class="contenedor_1 estrecho">
  1344.                     <div style="height:8px; width:100%"></div>
  1345.                     <div style="background:rgba(255,0,0,1.00); height:5px; width:100%;"></div>                                
  1346.                     <div class="barra_gastos" style="background:rgba(255,166,0,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  1347.                 </div>
  1348.                
  1349.             </div>
  1350.             </li>          
  1351.             <li>
  1352.             <div class="contenedor_ventana">
  1353.                 <div class="contenedor_2 izq estrecho">
  1354.                     <div class="titulo">
  1355.                         <p> PRESUPUESTO </p>
  1356.                     </div>
  1357.                 </div>
  1358.                 <div class="contenedor_2 der estrecho">
  1359.                     <div class="titulo">
  1360.                         <p> $0.00 </p>
  1361.                     </div>
  1362.                 </div>
  1363.             <div class="contenedor_2 izq estrecho">
  1364.                 <font class="subtitulo"> Caja $
  1365.                     <font>0.00</font>
  1366.                 </font>
  1367.                 <font class="numero small">
  1368.                     <font>0.00</font>%
  1369.                 </font>
  1370.             </div>
  1371.            
  1372.             <div class="contenedor_2 der estrecho">
  1373.                 <font class="subtitulo"> L&iacute;nea de cr&eacute;d. $
  1374.                     <font class="">0.00 </font>
  1375.                 </font>                  
  1376.                 <font class="numero small">
  1377.                     <font class="">0.00</font>%
  1378.                 </font>
  1379.             </div>
  1380.            
  1381.             <div class="contenedor_1 estrecho">
  1382.                 <div style="height:8px; width:100%"></div>
  1383.                 <div style="background:rgba(0,171,8,1.00); height:5px; width:100%;"></div>                                
  1384.                 <div style="background:rgba(0,255,60,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  1385.             </div>            
  1386.             </div>
  1387.             </li>
  1388.         </ul>
  1389.     </div>
  1390.    
  1391.  
  1392.     <!-- Puntaje -->
  1393.     <div class="box gris" col="2" row="1">
  1394.  
  1395.         <ul class="rslides">
  1396.             <li>
  1397.             <div class="contenedor_ventana">
  1398.                 <div class="titulo">
  1399.                     <p> PUNTAJE </p>
  1400.                 </div>
  1401.                 <div class="contenedor_1 estrecho">
  1402.                     <font class="subtitulo"> Puntaje Acumulado </font>
  1403.                     <font class="numero"> 0.00 </font>
  1404.                 </div>
  1405.             </div>
  1406.             </li>          
  1407.             <li>
  1408.             <div class="contenedor_ventana">
  1409.                 <div class="titulo">
  1410.                     <p> PUNTAJE </p>
  1411.                 </div>
  1412.                 <div class="contenedor_1 estrecho">
  1413.                     <font class="subtitulo"> Puntaje Ronda </font>
  1414.                     <font class="numero"> 0.00 </font>
  1415.                 </div>
  1416.             </div>
  1417.             </li>
  1418.         </ul>
  1419.     </div>
  1420.  
  1421.     <!-- Periodo -->
  1422.     <div class="box gris" col="2" row="1">
  1423.         <div class="contenedor_ventana">
  1424.             <div class="titulo">
  1425.                 <p> PERIODO </p>
  1426.             </div>
  1427.             <div class="contenedor_1 estrecho">
  1428.                 <font class="subtitulo">  </font>
  1429.                 <font class="numero">  </font>
  1430.             </div>
  1431.         </div>
  1432.     </div>
  1433.    
  1434.     <!-- Tiempo -->
  1435.     <div class="box gris" col="2" row="1">
  1436.         <div class="contenedor_ventana">
  1437.             <div class="titulo ">
  1438.                 <p> TIEMPO </p>
  1439.             </div>
  1440.             <div class="contenedor_1 estrecho">
  1441.                 <font class="subtitulo"> Restante </font>
  1442.                 <font class="numero"><font class="tiempo" ppal=2> 00:00:00</font></font>
  1443.             </div>
  1444.         </div>
  1445.     </div>
  1446.    
  1447.     <!-- Estacionalidad -->
  1448.     <div class="box gris" col="3" row="1">
  1449.         <div class="contenedor_ventana">
  1450.             <div class="titulo">
  1451.                 <p> ESTACIONALIDAD </p>
  1452.             </div>
  1453.             <div class="contenedor_2 izq estrecho">
  1454.                 <font class="subtitulo"> Actual:  </font>
  1455.                 <font class="numero">  </font>
  1456.             </div>
  1457.             <div class="contenedor_2 der estrecho">
  1458.                 <font class="subtitulo"> Pr&oacute;x.:  </font>
  1459.                 <font class="numero">  </font>
  1460.             </div>
  1461.            
  1462.         </div>
  1463.     </div>
  1464.    
  1465.     <!-- Empresa -->
  1466.     <a class="pageload-link" href="#page-01">    
  1467.     <div class="box gris" col="1" row="1">
  1468.         <div class="contenedor_ventana">
  1469.             <div class="icono centrado">
  1470.                 <span class="flaticon-uniE00F"></span>
  1471.             </div>
  1472.         </div>            
  1473.     </div>
  1474.     </a>
  1475.    
  1476. </div>      
  1477.  
  1478.  
  1479.  
  1480. <div class="conteiner">
  1481.  
  1482.     <a class="pageload-link" href="#page-14">  
  1483.     <div class="box gris" col="4" row="2">
  1484.         <div class="contenedor_ventana">
  1485.             <div class="titulo">
  1486.                 <p> AYUDA </p>
  1487.             </div>
  1488.             <div class="contenedor_2 izq estrecho">
  1489.                 <font class="subtitulo"> Obtenga ayuda </font>
  1490.                 <font class="numero small">  </font>  
  1491.             </div>
  1492.             <div class="personaje">
  1493.                 <img src="http://simuladordesafiar1.azurewebsites.net/img/gerente.png">
  1494.             </div>
  1495.         </div>
  1496.     </div>
  1497.     </a>  
  1498.    
  1499.  
  1500.     <div class="box gris formulario" col="8" row="4">
  1501.    
  1502.         <div class="msj msj_error" style="text-align:center">
  1503.             <div class="contenedor_msj"> </div>
  1504.             <a href="#"><div class="btn_ok">OK</div></a>
  1505.         </div>
  1506.        
  1507.         <div class="msj msj_ok" style="text-align:center">
  1508.             <div class="contenedor_msj"> EL VALOR INGRESADO SE GUARDO CORRECTAMENTE </div>
  1509.             <a href="#"><div class="btn_ok">OK</div></a>
  1510.         </div>
  1511.        
  1512.         <div class="msj msj_alerta" style="text-align:center">
  1513.             <div class="contenedor_msj"> SI NO GUARDA LA DECISION, SE DESCARTARAN LOS CAMBIOS. ¿DESEA GUARDAR? </div>
  1514.             <div class="contenedor_si_no">
  1515.                 <a href="#"><div class="btn_si">SI</div></a>
  1516.                 <a href="#"><div class="btn_no">NO</div></a>
  1517.             </div>                
  1518.         </div>
  1519.  
  1520.        
  1521.         <div class="contenedor_loader">
  1522.             <div class="loader"></div>
  1523.         </div>
  1524.  
  1525.         <div class="contenedor_form">
  1526.             <div class="titulo">
  1527.                 <h1>DIRECCI&Oacute;N</h1>
  1528.                 <font class="subtitulo"> INVESTIGACI&Oacute;N Y DESARROLLO </font>
  1529.             </div>
  1530.            
  1531.             <div class="botones">
  1532.                 <a href="#" class="boton_guardar"><span class="flaticon-uniE014"></span></a>
  1533.             </div>
  1534.            
  1535.             <div class="contenedor_input mostrar" numero="1">
  1536.                 <div class="contenedor_input_">
  1537.                     <input type="text" name="InvDesProducto" valor="" value="">
  1538.                     <p>La inversi&oacute;n tiene efecto apartir del periodo actual</p>
  1539.                 </div>
  1540.                 <div class="unidad"><font>$</font></div>
  1541.             </div>
  1542.            
  1543.             <div class="contenedor_input" numero="2">
  1544.                 <div class="contenedor_input_">
  1545.                     <div class="opciones">
  1546.                         <div class="opcion " valor="1">PL&Aacute;STICO<p>( $0.00 )</p></div>
  1547.                         <div class="opcion " valor="2">BOOP<p>( $0.00 )</p></div>
  1548.                         <div class="opcion " valor="3">METALIZADO<p>( $0.00 )</p></div>
  1549.                         <input type="hidden" class="opcion_val" valor="" value="" name="TipoEmp">
  1550.                     </div>
  1551.                     <div class="nav_opciones" style="padding-top:8px;">
  1552.                         <a href="#" style="position:absolute; z-index:999; right:0" class="sig"> > </a>
  1553.                         <a href="#" style="position:absolute; z-index:999; left:0" class="atr"> < </a>
  1554.                     </div>
  1555.                     <p style="margin-top:96px">El tipo de empaque es para los alfajores del periodo actual</p>
  1556.                 </div>
  1557.             </div>
  1558.  
  1559.  
  1560.             <div class="contenedor_input" numero="3">
  1561.                 <div class="contenedor_input_">
  1562.                     <input type="text" name="AumPlanta" valor="" value="">
  1563.                     <p>El aumento de la cap. se ver&aacute; reflejado a partir del pr&oacute;ximo periodo</p>
  1564.                 </div>
  1565.                 <div class="unidad"><font>UN.</font></div>
  1566.             </div>
  1567.            
  1568.             <div class="contenedor_input" numero="4">
  1569.                 <div class="contenedor_input_">
  1570.                     <input type="text" name="DistGanancias" valor="" value="">
  1571.                     <p>Distrubci&oacute;n de ganancias en el periodo actual</p>
  1572.                 </div>
  1573.                 <div class="unidad"><font>%</font></div>
  1574.             </div>
  1575.            
  1576.             <div class="contenedor_input" numero="5">
  1577.                 <div class="contenedor_input_">
  1578.                     <input type="text" name="PedidoPrestamo" valor="" value="">
  1579.                     <p>El dinero estar&aacute; disponible en el pr&oacute;ximo periodo</p>
  1580.                 </div>
  1581.                 <div class="unidad"><font>$</font></div>
  1582.             </div>            
  1583.            
  1584.             <div class="dotstyle dotstyle-fillup">
  1585.                 <ul>
  1586.                     <li num = "1" class="current"><a href="#">INVESTIGACI&Oacute;N Y DESARROLLO</a></li>
  1587.                     <li num = "2"><a href="#">TIPO DE EMPAQUE</a></li>                    
  1588.                     <li num = "3"><a href="#">AUMENTO DE CAPACIDAD DE LA PLANTA</a></li>
  1589.                     <li num = "4"><a href="#">DISTRIBUCI&Oacute;N DE GANANCIAS</a></li>
  1590.                     <li num = "5"><a href="#">PEDIDO DE PR&Eacute;STAMO AL BANCO</a></li>                    
  1591.                 </ul>
  1592.                 <div class="mouseover"></div>
  1593.             </div>
  1594.         </div>  
  1595.    
  1596.     </div>
  1597.    
  1598.     <div class="box gris" col="4" row="1">
  1599.         <div class="contenedor_ventana">
  1600.             <div class="titulo">
  1601.                 <p> AUMENTO DE PLANTA </p>
  1602.             </div>
  1603.             <div class="contenedor_1 izq estrecho">
  1604.                   <font class="subtitulo"> Inversion en aumento de planta($) </font>
  1605.                   <font class="numero small" id="InvPlanta"> 0 </font>
  1606.             </div>
  1607.         </div>
  1608.     </div>
  1609.  
  1610.     <div class="box gris" col="4" row="1">
  1611.         <div class="contenedor_ventana">
  1612.             <div class="titulo">
  1613.                 <p> CALIDAD DEL PRODUCTO </p>
  1614.             </div>
  1615.             <div class="contenedor_1 estrecho izq">
  1616.                 <font class="subtitulo izq"> &Iacute;ndice de calidad</font>
  1617.                 <font class="numero small"> 0.00 </font>
  1618.             </div>
  1619.         </div>
  1620.     </div>
  1621.  
  1622.     <div class="box gris" col="4" row="1">
  1623.         <ul class="rslides">
  1624.             <li>
  1625.             <div class="contenedor_ventana">
  1626.                 <div class="titulo">
  1627.                     <p> DISTRIBUCI&Oacute;N DE GANANCIAS </p>
  1628.                 </div>
  1629.                 <div class="contenedor_1 estrecho izq">
  1630.                     <font class="subtitulo izq"> Distr. periodo anterior ($)</font>
  1631.                     <font class="numero small"> 0.00 </font>
  1632.                 </div>
  1633.             </div>    
  1634.             </li>          
  1635.             <li>
  1636.             <div class="contenedor_ventana">
  1637.                 <div class="titulo">
  1638.                     <p> DISTRIBUCI&Oacute;N DE GANANCIAS </p>
  1639.                 </div>
  1640.                 <div class="contenedor_1 estrecho izq">
  1641.                     <font class="subtitulo izq"> Distr. periodo anterior (%)</font>
  1642.                     <font class="numero small"> 10 </font>
  1643.                 </div>
  1644.             </div>    
  1645.             </li>
  1646.             <li>
  1647.             <div class="contenedor_ventana">
  1648.                 <div class="titulo">
  1649.                     <p> DISTRIBUCI&Oacute;N DE GANANCIAS </p>
  1650.                 </div>
  1651.                 <div class="contenedor_1 estrecho izq">
  1652.                     <font class="subtitulo izq"> Distr. acumulada (%)</font>
  1653.                     <font class="numero small"> 0.00 </font>
  1654.                 </div>
  1655.             </div>    
  1656.             </li>            
  1657.         </ul>
  1658.        
  1659.     </div>
  1660.  
  1661.     <div class="box gris" col="4" row="1">
  1662.         <div class="contenedor_ventana">
  1663.             <div class="titulo">
  1664.                 <p> INESTIGACI&Oacute;N Y DESARROLLO </p>
  1665.             </div>
  1666.             <div class="contenedor_1 estrecho izq">
  1667.                 <font class="subtitulo izq"> Inversion en ID ($)</font>
  1668.                 <font class="numero small"> 10,000.00 </font>
  1669.             </div>
  1670.         </div>
  1671.     </div>
  1672.  
  1673.     <div class="box gris" col="4" row="1">
  1674.         <div class="contenedor_ventana">
  1675.             <div class="titulo">
  1676.                 <p> TIPO DE EMPAQUE </p>
  1677.             </div>
  1678.             <div class="contenedor_1 estrecho izq">
  1679.                 <font class="subtitulo izq"> Tipo de empaque per. ant.</font>
  1680.                 <font class="numero small"> BOPP </font>
  1681.             </div>
  1682.         </div>
  1683.     </div>
  1684.  
  1685.     <div class="box gris" col="2" row="1">
  1686.         <div class="contenedor_ventana">
  1687.             <div class="titulo">
  1688.                 <p> F&Aacute;BRICA </p>
  1689.             </div>
  1690.             <div class="contenedor_1 izq estrecho">
  1691.                   <font class="subtitulo"> Capacidad de planta (Un) </font>
  1692.                   <font class="numero">  </font>
  1693.             </div>
  1694.         </div>
  1695.     </div>
  1696.  
  1697.     <div class="box gris" col="2" row="1">
  1698.         <div class="contenedor_ventana">
  1699.             <div class="titulo">
  1700.                 <p> TASA </p>
  1701.             </div>
  1702.             <div class="contenedor_1 izq estrecho">
  1703.                   <font class="subtitulo"> Inter&eacute;s corto plazo (%)</font>
  1704.                   <font class="numero"> 0.00 </font>
  1705.             </div>
  1706.         </div>
  1707.     </div>
  1708.    
  1709. </div>
  1710. </div>
  1711. </div><!-- Pagina principal -->
  1712. <div class="container" id="page-4">
  1713.  
  1714. <div class="barra gris" estado="cerrada">
  1715.    
  1716.         <!-- Boton para abrir la barra -->
  1717.         <div  class="btn_barra"></div>
  1718.        
  1719.         <div class="contenedor_cen" style="margin:10px;">
  1720.             <div class="titulo" style="font-size:28px; margin-top:5px; font-weight:700; text-transform:uppercase">
  1721.                             </div>
  1722.             <font class="subtitulo"> Desiciones tomadas </font>
  1723.             <font class="numero"> <font class="porcentaje_decisiones"></font>% </font>
  1724.            
  1725.         </div>
  1726.        
  1727.         <div class="linea" style="margin-bottom:0px"></div>
  1728.        
  1729.         <div class="contenedor_icono">
  1730.             <div class="icono centrado">
  1731.                 <a href="#" onClick="cerrar_barra(); orden()"><span class="flaticon-uniE012 small"></span></a>
  1732.             </div>
  1733.         </div>
  1734.         <div class="contenedor_icono divisor_v">
  1735.             <div class="icono centrado">
  1736.                 <a class="pageload-link" href="page-011"><span class="flaticon-uniE00B small"></span>
  1737.                  </a>
  1738.             </div>
  1739.            
  1740.            
  1741.         </div>
  1742.         <div class="contenedor_icono divisor_v">
  1743.             <div class="icono centrado">
  1744.                 <a class="pageload-link" href="page-09"><span class="flaticon-uniE009 small"></span></a>
  1745.             </div>
  1746.         </div>
  1747.         <div class="contenedor_icono divisor_v">
  1748.             <div class="icono centrado">
  1749.                 <a class="pageload-link" href="page-10"><span class="flaticon-uniE006 small"></span></a>
  1750.             </div>
  1751.         </div>         
  1752.  
  1753.         <div class="linea" style="height:0px; margin:0px;"></div>
  1754.        
  1755.        
  1756.         <!-- Menu desplegable -->
  1757.         <div class="scroll_barra_conten" id="divscroll_barra">
  1758.         <ul class="mtree transit gris" style="z-index:9999; ">
  1759.             <li><a href="#">INFO. ECON&Oacute;MICA</a>
  1760.                 <ul>
  1761.                     <div class="contenedor_ul">
  1762.                         <div class="texto_menu izq"> Indice de Estacionalidad</div>
  1763.                         <div class="der"> <span>  </span></div>
  1764.                         <div class="linea"></div>
  1765.                         <div class="texto_menu izq"> Previsi&oacute;n de Est.</div>
  1766.                         <div class="der"> <span></span></div>
  1767.                         <div class="linea"></div>
  1768.                         <div class="texto_menu izq"> Variaci&oacute;n de la act. econ&oacute;mica</div>
  1769.                         <div class="der"> <span>0.00% </span></div>
  1770.                         <div class="linea"></div>
  1771.                         <div class="texto_menu izq"> Prev. de la act. economica</div>
  1772.                         <div class="der"> <span>0.00% </span></div>
  1773.                         <div class="linea"></div>
  1774.                         <div class="texto_menu izq"> Tasa de inflacion trimestral</div>
  1775.                         <div class="der"> <span>0.00%</span></div>
  1776.                         <div class="linea"></div>
  1777.                         <div class="texto_menu izq"> Prev. de la inflación trimestral</div>
  1778.                         <div class="der"> <span>0.00%</span></div>
  1779.                         <div class="linea"></div>
  1780.                         <div class="texto_menu izq"> Tasa de interes de corto plazo</div>
  1781.                         <div class="der"> <span>0.00% </span></div>
  1782.                         <div class="texto_menu linea"></div>
  1783.                         <div class="texto_menu izq"> Tasa de interes del proveedor</div>
  1784.                         <div class="der"> <span>0.00%</span></div>
  1785.                         <div class="linea_final"></div>
  1786.                     </div>
  1787.                 </ul>        
  1788.             </li>
  1789.             <li><a href="#">RESUMEN DE PERIODO</a>
  1790.                 <ul>
  1791.                     <div class="contenedor_ul">
  1792.                         <div class="texto_menu izq"> Ventas en unidades</div>
  1793.                         <div class="der"> <span>  Un </span></div>
  1794.                         <div class="linea"></div>
  1795.                         <div class="texto_menu izq"> Ventas en pesos</div>
  1796.                         <div class="der"> <span>$ 0.00 </span></div>
  1797.                         <div class="linea"></div>
  1798.                         <div class="texto_menu izq"> &Oacute;rdenes recibidas</div>
  1799.                         <div class="der"> <span> 0  Un</span></div>
  1800.                         <div class="linea"></div>
  1801.                         <div class="texto_menu izq"> Stock mercader&iacute;as</div>
  1802.                         <div class="der"> <span>  Un</span></div>
  1803.                         <div class="linea"></div>
  1804.                         <div class="texto_menu izq"> Stock insumos</div>
  1805.                         <div class="der"> <span>  Un</span></div>
  1806.                         <div class="linea"></div>
  1807.                         <div class="texto_menu izq"> Cuentas a recibir</div>
  1808.                         <div class="der"> <span>$ 0.00 </span></div>
  1809.                         <div class="linea"></div>                        
  1810.                         <div class="texto_menu izq"> Deudas a corto plazo</div>
  1811.                         <div class="der"> <span>$ 0.00 </span></div>
  1812.                         <div class="linea"></div>                        
  1813.                         <div class="texto_menu izq"> Utilidad neta</div>
  1814.                         <div class="der"> <span> $ 0.00 </span></div>
  1815.                         <div class="linea"></div>                        
  1816.                         <div class="texto_menu izq"> Distribuci&oacute;n de ganancias</div>
  1817.                         <div class="der"> <span> 0.00 %</span></div>
  1818.                         <div class="linea"></div>                        
  1819.                         <div class="texto_menu izq"> Variaci&oacute;n de caja</div>
  1820.                         <div class="der"> <span> $ 0.00 </span></div>
  1821.                         <div class="linea_final"></div>
  1822.                     </div>
  1823.                 </ul>        
  1824.             </li>
  1825.             <li><a href="#">DESCARGAS</a>
  1826.                 <ul>
  1827.                     <div class="contenedor_ul">
  1828.                         <a href="descargas/balance.php" class="descarga_barra_link" target="_blank">
  1829.                             <div class="texto_menu izq"> Balance general</div>
  1830.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  1831.                         </a>
  1832.                         <div class="linea"></div>
  1833.                         <a href="descargas/flujocaja.php" class="descarga_barra_link" target="_blank">
  1834.                             <div class="texto_menu izq"> Flujo de caja</div>
  1835.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  1836.                         </a>
  1837.                         <div class="linea"></div>
  1838.                         <a href="descargas/investigaciones.php" class="descarga_barra_link" target="_blank">
  1839.                             <div class="texto_menu izq"> Investigaciones</div>
  1840.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  1841.                         </a>
  1842.                         <div class="linea"></div>
  1843.                         <a href="descargas/escenario_economico.html" class="descarga_barra_link" target="_blank">
  1844.                             <div class="texto_menu izq"> Escenario econ&oacute;mico</div>
  1845.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  1846.                         </a>
  1847.                         <div class="linea_final"></div>  
  1848.                     </div>
  1849.                 </ul>
  1850.             </li>
  1851.         </ul>
  1852.         </div>
  1853.         <!--<div class="linea" style="height:0px; margin:0px;"></div>-->
  1854. </div>  
  1855.      
  1856.  
  1857.  
  1858. <div class="cuerpo">
  1859.  
  1860.  
  1861. <div class="menu">
  1862.     <!-- Decisiones -->
  1863.     <a class="btn_abrir_barra_inferior" href="#" title="Barra inferior">
  1864.     <div class="box azul" col="1" row="1">
  1865.         <div class="contenedor_ventana">
  1866.             <div class="icono centrado">
  1867.                 <span class="flaticon-uniE000"></span>
  1868.             </div>
  1869.         </div>
  1870.     </div>
  1871.     </a>
  1872.  
  1873.  
  1874.     <!-- Presupuesto -->
  1875.  
  1876.     <div class="box gris" col="5" row="1">
  1877.  
  1878.         <ul class="rslides">
  1879.             <li>
  1880.             <div class="contenedor_ventana">
  1881.                 <div class="contenedor_2 izq estrecho">
  1882.                     <div class="titulo">
  1883.                         <p> PRESUPUESTO </p>
  1884.                     </div>
  1885.                 </div>
  1886.                 <div class="contenedor_2 der estrecho">
  1887.                     <div class="titulo">
  1888.                         <p> $0.00 </p>
  1889.                     </div>
  1890.                 </div>
  1891.                
  1892.                 <div class="contenedor_2 izq estrecho">
  1893.                     <font class="subtitulo"> Gasto $
  1894.                         <font class="gasto_pesos">0.00</font>
  1895.                     </font>
  1896.                     <font class="numero small">
  1897.                         <font class="gasto_porcentaje">0.00</font>%
  1898.                     </font>
  1899.                 </div>
  1900.                
  1901.                 <div class="contenedor_2 der estrecho">
  1902.                     <font class="subtitulo"> Dinero disp. $
  1903.                         <font class="dinerodisp_pesos">0.00 </font>
  1904.                     </font>                  
  1905.                     <font class="numero small">
  1906.                         <font class="dinerodisp_porcentaje">0.00</font>%
  1907.                     </font>
  1908.                 </div>
  1909.                 <div class="contenedor_1 estrecho">
  1910.                     <div style="height:8px; width:100%"></div>
  1911.                     <div style="background:rgba(255,0,0,1.00); height:5px; width:100%;"></div>                                
  1912.                     <div class="barra_gastos" style="background:rgba(255,166,0,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  1913.                 </div>
  1914.                
  1915.             </div>
  1916.             </li>          
  1917.             <li>
  1918.             <div class="contenedor_ventana">
  1919.                 <div class="contenedor_2 izq estrecho">
  1920.                     <div class="titulo">
  1921.                         <p> PRESUPUESTO </p>
  1922.                     </div>
  1923.                 </div>
  1924.                 <div class="contenedor_2 der estrecho">
  1925.                     <div class="titulo">
  1926.                         <p> $0.00 </p>
  1927.                     </div>
  1928.                 </div>
  1929.             <div class="contenedor_2 izq estrecho">
  1930.                 <font class="subtitulo"> Caja $
  1931.                     <font>0.00</font>
  1932.                 </font>
  1933.                 <font class="numero small">
  1934.                     <font>0.00</font>%
  1935.                 </font>
  1936.             </div>
  1937.            
  1938.             <div class="contenedor_2 der estrecho">
  1939.                 <font class="subtitulo"> L&iacute;nea de cr&eacute;d. $
  1940.                     <font class="">0.00 </font>
  1941.                 </font>                  
  1942.                 <font class="numero small">
  1943.                     <font class="">0.00</font>%
  1944.                 </font>
  1945.             </div>
  1946.            
  1947.             <div class="contenedor_1 estrecho">
  1948.                 <div style="height:8px; width:100%"></div>
  1949.                 <div style="background:rgba(0,171,8,1.00); height:5px; width:100%;"></div>                                
  1950.                 <div style="background:rgba(0,255,60,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  1951.             </div>            
  1952.             </div>
  1953.             </li>
  1954.         </ul>
  1955.     </div>
  1956.    
  1957.  
  1958.     <!-- Puntaje -->
  1959.     <div class="box gris" col="2" row="1">
  1960.  
  1961.         <ul class="rslides">
  1962.             <li>
  1963.             <div class="contenedor_ventana">
  1964.                 <div class="titulo">
  1965.                     <p> PUNTAJE </p>
  1966.                 </div>
  1967.                 <div class="contenedor_1 estrecho">
  1968.                     <font class="subtitulo"> Puntaje Acumulado </font>
  1969.                     <font class="numero"> 0.00 </font>
  1970.                 </div>
  1971.             </div>
  1972.             </li>          
  1973.             <li>
  1974.             <div class="contenedor_ventana">
  1975.                 <div class="titulo">
  1976.                     <p> PUNTAJE </p>
  1977.                 </div>
  1978.                 <div class="contenedor_1 estrecho">
  1979.                     <font class="subtitulo"> Puntaje Ronda </font>
  1980.                     <font class="numero"> 0.00 </font>
  1981.                 </div>
  1982.             </div>
  1983.             </li>
  1984.         </ul>
  1985.     </div>
  1986.  
  1987.     <!-- Periodo -->
  1988.     <div class="box gris" col="2" row="1">
  1989.         <div class="contenedor_ventana">
  1990.             <div class="titulo">
  1991.                 <p> PERIODO </p>
  1992.             </div>
  1993.             <div class="contenedor_1 estrecho">
  1994.                 <font class="subtitulo">  </font>
  1995.                 <font class="numero">  </font>
  1996.             </div>
  1997.         </div>
  1998.     </div>
  1999.    
  2000.     <!-- Tiempo -->
  2001.     <div class="box gris" col="2" row="1">
  2002.         <div class="contenedor_ventana">
  2003.             <div class="titulo ">
  2004.                 <p> TIEMPO </p>
  2005.             </div>
  2006.             <div class="contenedor_1 estrecho">
  2007.                 <font class="subtitulo"> Restante </font>
  2008.                 <font class="numero"><font class="tiempo" ppal=3> 00:00:00</font></font>
  2009.             </div>
  2010.         </div>
  2011.     </div>
  2012.    
  2013.     <!-- Estacionalidad -->
  2014.     <div class="box gris" col="3" row="1">
  2015.         <div class="contenedor_ventana">
  2016.             <div class="titulo">
  2017.                 <p> ESTACIONALIDAD </p>
  2018.             </div>
  2019.             <div class="contenedor_2 izq estrecho">
  2020.                 <font class="subtitulo"> Actual:  </font>
  2021.                 <font class="numero">  </font>
  2022.             </div>
  2023.             <div class="contenedor_2 der estrecho">
  2024.                 <font class="subtitulo"> Pr&oacute;x.:  </font>
  2025.                 <font class="numero">  </font>
  2026.             </div>
  2027.            
  2028.         </div>
  2029.     </div>
  2030.    
  2031.     <!-- Empresa -->
  2032.     <a class="pageload-link" href="#page-01">    
  2033.     <div class="box gris" col="1" row="1">
  2034.         <div class="contenedor_ventana">
  2035.             <div class="icono centrado">
  2036.                 <span class="flaticon-uniE00F"></span>
  2037.             </div>
  2038.         </div>            
  2039.     </div>
  2040.     </a>
  2041.    
  2042. </div>      
  2043.  
  2044.  
  2045.  
  2046. <div class="conteiner">
  2047.  
  2048.     <a class="pageload-link" href="#page-15">  
  2049.     <div class="box gris" col="4" row="2">
  2050.         <div class="contenedor_ventana">
  2051.             <div class="titulo">
  2052.                 <p> AYUDA </p>
  2053.             </div>
  2054.             <div class="contenedor_2 izq estrecho">
  2055.                 <font class="subtitulo"> Obtenga ayuda </font>
  2056.                 <font class="numero small">  </font>  
  2057.             </div>
  2058.             <div class="personaje">
  2059.                 <img src="http://simuladordesafiar1.azurewebsites.net/img/marketing.png">
  2060.             </div>
  2061.         </div>
  2062.     </div>
  2063.     </a>  
  2064.    
  2065.    
  2066.    
  2067.     <div class="box gris formulario" col="8" row="4">
  2068.  
  2069.         <div class="msj msj_error" style="text-align:center">
  2070.             <div class="contenedor_msj"> </div>
  2071.             <a href="#"><div class="btn_ok">OK</div></a>
  2072.         </div>
  2073.        
  2074.         <div class="msj msj_ok" style="text-align:center">
  2075.             <div class="contenedor_msj"> EL VALOR INGRESADO SE GUARDO CORRECTAMENTE </div>
  2076.             <a href="#"><div class="btn_ok">OK</div></a>
  2077.         </div>
  2078.        
  2079.         <div class="msj msj_alerta" style="text-align:center">
  2080.             <div class="contenedor_msj"> SI NO GUARDA LA DECISION, SE DESCARTARAN LOS CAMBIOS. ¿DESEA GUARDAR? </div>
  2081.             <div class="contenedor_si_no">
  2082.                 <a href="#"><div class="btn_si">SI</div></a>
  2083.                 <a href="#"><div class="btn_no">NO</div></a>
  2084.             </div>                
  2085.         </div>
  2086.  
  2087.        
  2088.         <div class="contenedor_loader">
  2089.             <div class="loader"></div>
  2090.         </div>
  2091.  
  2092.         <div class="contenedor_form">
  2093.             <div class="titulo">
  2094.                 <h1>PUBLICIDAD</h1>
  2095.                 <font class="subtitulo"> INVERSI&Oacute;N EN INTERNET </font>
  2096.             </div>
  2097.            
  2098.             <div class="botones">
  2099.                 <a href="#" class="boton_guardar"><span class="flaticon-uniE014"></span></a>
  2100.             </div>
  2101.            
  2102.             <div class="contenedor_input mostrar" numero="1">
  2103.                 <div class="contenedor_input_">
  2104.                     <input type="text" name="MkInternet" valor="" value="">
  2105.                     <p>La inversi&oacute;n tiene efecto apartir del periodo actual</p>
  2106.                 </div>
  2107.                 <div class="unidad"><font>$</font></div>
  2108.             </div>
  2109.  
  2110.             <div class="contenedor_input" numero="2">
  2111.                 <div class="contenedor_input_">
  2112.                     <input type="text" name="MkTv" valor="" value="">
  2113.                     <p>La inversi&oacute;n tiene efecto apartir del periodo actual</p>
  2114.                 </div>
  2115.                 <div class="unidad"><font>$</font></div>
  2116.             </div>
  2117.            
  2118.             <div class="contenedor_input" numero="3">
  2119.                 <div class="contenedor_input_">
  2120.                     <input type="text" name="MkRadio" valor="" value="">
  2121.                     <p>La inversi&oacute;n tiene efecto apartir del periodo actual</p>
  2122.                 </div>
  2123.                 <div class="unidad"><font>$</font></div>
  2124.             </div>
  2125.  
  2126.             <div class="contenedor_input" numero="4">
  2127.                 <div class="contenedor_input_">
  2128.                     <input type="text" name="MkPrensa" valor="" value="">
  2129.                     <p>La inversi&oacute;n tiene efecto apartir del periodo actual</p>
  2130.                 </div>
  2131.                 <div class="unidad"><font>$</font></div>
  2132.             </div>
  2133.  
  2134.             <div class="contenedor_input" numero="5">
  2135.                 <div class="contenedor_input_">
  2136.                     <input type="text" name="MkMediosExt" valor="" value="">
  2137.                     <p>La inversi&oacute;n tiene efecto apartir del periodo actual</p>
  2138.                 </div>
  2139.                 <div class="unidad"><font>$</font></div>
  2140.             </div>                        
  2141.            
  2142.             <div class="dotstyle dotstyle-fillup">
  2143.                 <ul>
  2144.                     <li num = "1" class="current"><a href="#">INVERSI&Oacute;N EN INTERNET</a></li>
  2145.                     <li num = "2"><a href="#">INVERSI&Oacute;N EN TV</a></li>                    
  2146.                     <li num = "3"><a href="#">INVERSI&Oacute;N EN RADIO</a></li>
  2147.                     <li num = "4"><a href="#">INVERSI&Oacute;N EN PRENSA</a></li>                    
  2148.                     <li num = "5"><a href="#">INVERSI&Oacute;N EN V&Iacute;A P&Uacute;BLICA</a></li>
  2149.                    
  2150.                 </ul>
  2151.                 <div class="mouseover"></div>
  2152.             </div>
  2153.         </div>
  2154.  
  2155.    
  2156.    
  2157.     </div>
  2158.    
  2159.     <div class="box gris" col="4" row="1">
  2160.         <div class="contenedor_ventana">
  2161.             <div class="titulo">
  2162.                 <p> INTERNET </p>
  2163.             </div>
  2164.             <div class="contenedor_1 izq estrecho">
  2165.                   <font class="subtitulo"> Inversi&oacute;n periodo anterior($) </font>
  2166.                   <font class="numero small"> 2000 </font>
  2167.             </div>
  2168.         </div>
  2169.     </div>
  2170.    
  2171.     <div class="box gris" col="4" row="1">
  2172.         <div class="contenedor_ventana">
  2173.             <div class="titulo">
  2174.                 <p> RADIO </p>
  2175.             </div>
  2176.             <div class="contenedor_1 izq estrecho">
  2177.                   <font class="subtitulo"> Inversi&oacute;n periodo anterior($) </font>
  2178.                   <font class="numero small"> 800 </font>
  2179.             </div>
  2180.         </div>
  2181.     </div>
  2182.     <div class="box gris" col="4" row="1">
  2183.         <div class="contenedor_ventana">
  2184.             <div class="titulo">
  2185.                 <p> TV </p>
  2186.             </div>
  2187.             <div class="contenedor_1 izq estrecho">
  2188.                   <font class="subtitulo"> Inversi&oacute;n periodo anterior($) </font>
  2189.                   <font class="numero small"> 5000 </font>
  2190.             </div>
  2191.         </div>
  2192.     </div>
  2193.     <div class="box gris" col="4" row="1">
  2194.         <div class="contenedor_ventana">
  2195.             <div class="titulo">
  2196.                 <p> PRENSA </p>
  2197.             </div>
  2198.             <div class="contenedor_1 izq estrecho">
  2199.                   <font class="subtitulo"> Inversi&oacute;n periodo anterior($) </font>
  2200.                   <font class="numero small"> 1000 </font>
  2201.             </div>
  2202.         </div>
  2203.     </div>
  2204.     <div class="box gris" col="4" row="1">
  2205.         <div class="contenedor_ventana">
  2206.             <div class="titulo">
  2207.                 <p> V&iacute;A P&Uacute;BLICA </p>
  2208.             </div>
  2209.             <div class="contenedor_1 izq estrecho">
  2210.                   <font class="subtitulo"> Inversi&oacute;n periodo anterior($) </font>
  2211.                   <font class="numero small"> 3000 </font>
  2212.             </div>
  2213.         </div>
  2214.     </div>            
  2215.  
  2216.     <div class="box gris" col="4" row="1">
  2217.         <div class="contenedor_ventana">
  2218.             <div class="titulo">
  2219.                 <p> INVERSI&Oacute;N EN PUBLICIDAD </p>
  2220.             </div>
  2221.             <div class="contenedor_1 izq estrecho">
  2222.                   <font class="subtitulo"> Inversi&oacute;n en el periodo anterior($) </font>
  2223.                   <font class="numero"> 11800 </font>
  2224.             </div>
  2225.         </div>
  2226.     </div>
  2227. </div>
  2228. </div>
  2229. </div><!-- Pagina principal -->
  2230. <div class="container" id="page-5">
  2231.  
  2232. <div class="barra gris" estado="cerrada">
  2233.    
  2234.         <!-- Boton para abrir la barra -->
  2235.         <div  class="btn_barra"></div>
  2236.        
  2237.         <div class="contenedor_cen" style="margin:10px;">
  2238.             <div class="titulo" style="font-size:28px; margin-top:5px; font-weight:700; text-transform:uppercase">
  2239.                             </div>
  2240.             <font class="subtitulo"> Desiciones tomadas </font>
  2241.             <font class="numero"> <font class="porcentaje_decisiones"></font>% </font>
  2242.            
  2243.         </div>
  2244.        
  2245.         <div class="linea" style="margin-bottom:0px"></div>
  2246.        
  2247.         <div class="contenedor_icono">
  2248.             <div class="icono centrado">
  2249.                 <a href="#" onClick="cerrar_barra(); orden()"><span class="flaticon-uniE012 small"></span></a>
  2250.             </div>
  2251.         </div>
  2252.         <div class="contenedor_icono divisor_v">
  2253.             <div class="icono centrado">
  2254.                 <a class="pageload-link" href="page-011"><span class="flaticon-uniE00B small"></span>
  2255.                  </a>
  2256.             </div>
  2257.            
  2258.            
  2259.         </div>
  2260.         <div class="contenedor_icono divisor_v">
  2261.             <div class="icono centrado">
  2262.                 <a class="pageload-link" href="page-09"><span class="flaticon-uniE009 small"></span></a>
  2263.             </div>
  2264.         </div>
  2265.         <div class="contenedor_icono divisor_v">
  2266.             <div class="icono centrado">
  2267.                 <a class="pageload-link" href="page-10"><span class="flaticon-uniE006 small"></span></a>
  2268.             </div>
  2269.         </div>         
  2270.  
  2271.         <div class="linea" style="height:0px; margin:0px;"></div>
  2272.        
  2273.        
  2274.         <!-- Menu desplegable -->
  2275.         <div class="scroll_barra_conten" id="divscroll_barra">
  2276.         <ul class="mtree transit gris" style="z-index:9999; ">
  2277.             <li><a href="#">INFO. ECON&Oacute;MICA</a>
  2278.                 <ul>
  2279.                     <div class="contenedor_ul">
  2280.                         <div class="texto_menu izq"> Indice de Estacionalidad</div>
  2281.                         <div class="der"> <span>  </span></div>
  2282.                         <div class="linea"></div>
  2283.                         <div class="texto_menu izq"> Previsi&oacute;n de Est.</div>
  2284.                         <div class="der"> <span></span></div>
  2285.                         <div class="linea"></div>
  2286.                         <div class="texto_menu izq"> Variaci&oacute;n de la act. econ&oacute;mica</div>
  2287.                         <div class="der"> <span>0.00% </span></div>
  2288.                         <div class="linea"></div>
  2289.                         <div class="texto_menu izq"> Prev. de la act. economica</div>
  2290.                         <div class="der"> <span>0.00% </span></div>
  2291.                         <div class="linea"></div>
  2292.                         <div class="texto_menu izq"> Tasa de inflacion trimestral</div>
  2293.                         <div class="der"> <span>0.00%</span></div>
  2294.                         <div class="linea"></div>
  2295.                         <div class="texto_menu izq"> Prev. de la inflación trimestral</div>
  2296.                         <div class="der"> <span>0.00%</span></div>
  2297.                         <div class="linea"></div>
  2298.                         <div class="texto_menu izq"> Tasa de interes de corto plazo</div>
  2299.                         <div class="der"> <span>0.00% </span></div>
  2300.                         <div class="texto_menu linea"></div>
  2301.                         <div class="texto_menu izq"> Tasa de interes del proveedor</div>
  2302.                         <div class="der"> <span>0.00%</span></div>
  2303.                         <div class="linea_final"></div>
  2304.                     </div>
  2305.                 </ul>        
  2306.             </li>
  2307.             <li><a href="#">RESUMEN DE PERIODO</a>
  2308.                 <ul>
  2309.                     <div class="contenedor_ul">
  2310.                         <div class="texto_menu izq"> Ventas en unidades</div>
  2311.                         <div class="der"> <span>  Un </span></div>
  2312.                         <div class="linea"></div>
  2313.                         <div class="texto_menu izq"> Ventas en pesos</div>
  2314.                         <div class="der"> <span>$ 0.00 </span></div>
  2315.                         <div class="linea"></div>
  2316.                         <div class="texto_menu izq"> &Oacute;rdenes recibidas</div>
  2317.                         <div class="der"> <span> 0  Un</span></div>
  2318.                         <div class="linea"></div>
  2319.                         <div class="texto_menu izq"> Stock mercader&iacute;as</div>
  2320.                         <div class="der"> <span>  Un</span></div>
  2321.                         <div class="linea"></div>
  2322.                         <div class="texto_menu izq"> Stock insumos</div>
  2323.                         <div class="der"> <span>  Un</span></div>
  2324.                         <div class="linea"></div>
  2325.                         <div class="texto_menu izq"> Cuentas a recibir</div>
  2326.                         <div class="der"> <span>$ 0.00 </span></div>
  2327.                         <div class="linea"></div>                        
  2328.                         <div class="texto_menu izq"> Deudas a corto plazo</div>
  2329.                         <div class="der"> <span>$ 0.00 </span></div>
  2330.                         <div class="linea"></div>                        
  2331.                         <div class="texto_menu izq"> Utilidad neta</div>
  2332.                         <div class="der"> <span> $ 0.00 </span></div>
  2333.                         <div class="linea"></div>                        
  2334.                         <div class="texto_menu izq"> Distribuci&oacute;n de ganancias</div>
  2335.                         <div class="der"> <span> 0.00 %</span></div>
  2336.                         <div class="linea"></div>                        
  2337.                         <div class="texto_menu izq"> Variaci&oacute;n de caja</div>
  2338.                         <div class="der"> <span> $ 0.00 </span></div>
  2339.                         <div class="linea_final"></div>
  2340.                     </div>
  2341.                 </ul>        
  2342.             </li>
  2343.             <li><a href="#">DESCARGAS</a>
  2344.                 <ul>
  2345.                     <div class="contenedor_ul">
  2346.                         <a href="descargas/balance.php" class="descarga_barra_link" target="_blank">
  2347.                             <div class="texto_menu izq"> Balance general</div>
  2348.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  2349.                         </a>
  2350.                         <div class="linea"></div>
  2351.                         <a href="descargas/flujocaja.php" class="descarga_barra_link" target="_blank">
  2352.                             <div class="texto_menu izq"> Flujo de caja</div>
  2353.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  2354.                         </a>
  2355.                         <div class="linea"></div>
  2356.                         <a href="descargas/investigaciones.php" class="descarga_barra_link" target="_blank">
  2357.                             <div class="texto_menu izq"> Investigaciones</div>
  2358.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  2359.                         </a>
  2360.                         <div class="linea"></div>
  2361.                         <a href="descargas/escenario_economico.html" class="descarga_barra_link" target="_blank">
  2362.                             <div class="texto_menu izq"> Escenario econ&oacute;mico</div>
  2363.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  2364.                         </a>
  2365.                         <div class="linea_final"></div>  
  2366.                     </div>
  2367.                 </ul>
  2368.             </li>
  2369.         </ul>
  2370.         </div>
  2371.         <!--<div class="linea" style="height:0px; margin:0px;"></div>-->
  2372. </div>  
  2373.      
  2374.  
  2375.  
  2376. <div class="cuerpo">
  2377.  
  2378.  
  2379. <div class="menu">
  2380.     <!-- Decisiones -->
  2381.     <a class="btn_abrir_barra_inferior" href="#" title="Barra inferior">
  2382.     <div class="box azul" col="1" row="1">
  2383.         <div class="contenedor_ventana">
  2384.             <div class="icono centrado">
  2385.                 <span class="flaticon-uniE000"></span>
  2386.             </div>
  2387.         </div>
  2388.     </div>
  2389.     </a>
  2390.  
  2391.  
  2392.     <!-- Presupuesto -->
  2393.  
  2394.     <div class="box gris" col="5" row="1">
  2395.  
  2396.         <ul class="rslides">
  2397.             <li>
  2398.             <div class="contenedor_ventana">
  2399.                 <div class="contenedor_2 izq estrecho">
  2400.                     <div class="titulo">
  2401.                         <p> PRESUPUESTO </p>
  2402.                     </div>
  2403.                 </div>
  2404.                 <div class="contenedor_2 der estrecho">
  2405.                     <div class="titulo">
  2406.                         <p> $0.00 </p>
  2407.                     </div>
  2408.                 </div>
  2409.                
  2410.                 <div class="contenedor_2 izq estrecho">
  2411.                     <font class="subtitulo"> Gasto $
  2412.                         <font class="gasto_pesos">0.00</font>
  2413.                     </font>
  2414.                     <font class="numero small">
  2415.                         <font class="gasto_porcentaje">0.00</font>%
  2416.                     </font>
  2417.                 </div>
  2418.                
  2419.                 <div class="contenedor_2 der estrecho">
  2420.                     <font class="subtitulo"> Dinero disp. $
  2421.                         <font class="dinerodisp_pesos">0.00 </font>
  2422.                     </font>                  
  2423.                     <font class="numero small">
  2424.                         <font class="dinerodisp_porcentaje">0.00</font>%
  2425.                     </font>
  2426.                 </div>
  2427.                 <div class="contenedor_1 estrecho">
  2428.                     <div style="height:8px; width:100%"></div>
  2429.                     <div style="background:rgba(255,0,0,1.00); height:5px; width:100%;"></div>                                
  2430.                     <div class="barra_gastos" style="background:rgba(255,166,0,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  2431.                 </div>
  2432.                
  2433.             </div>
  2434.             </li>          
  2435.             <li>
  2436.             <div class="contenedor_ventana">
  2437.                 <div class="contenedor_2 izq estrecho">
  2438.                     <div class="titulo">
  2439.                         <p> PRESUPUESTO </p>
  2440.                     </div>
  2441.                 </div>
  2442.                 <div class="contenedor_2 der estrecho">
  2443.                     <div class="titulo">
  2444.                         <p> $0.00 </p>
  2445.                     </div>
  2446.                 </div>
  2447.             <div class="contenedor_2 izq estrecho">
  2448.                 <font class="subtitulo"> Caja $
  2449.                     <font>0.00</font>
  2450.                 </font>
  2451.                 <font class="numero small">
  2452.                     <font>0.00</font>%
  2453.                 </font>
  2454.             </div>
  2455.            
  2456.             <div class="contenedor_2 der estrecho">
  2457.                 <font class="subtitulo"> L&iacute;nea de cr&eacute;d. $
  2458.                     <font class="">0.00 </font>
  2459.                 </font>                  
  2460.                 <font class="numero small">
  2461.                     <font class="">0.00</font>%
  2462.                 </font>
  2463.             </div>
  2464.            
  2465.             <div class="contenedor_1 estrecho">
  2466.                 <div style="height:8px; width:100%"></div>
  2467.                 <div style="background:rgba(0,171,8,1.00); height:5px; width:100%;"></div>                                
  2468.                 <div style="background:rgba(0,255,60,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  2469.             </div>            
  2470.             </div>
  2471.             </li>
  2472.         </ul>
  2473.     </div>
  2474.    
  2475.  
  2476.     <!-- Puntaje -->
  2477.     <div class="box gris" col="2" row="1">
  2478.  
  2479.         <ul class="rslides">
  2480.             <li>
  2481.             <div class="contenedor_ventana">
  2482.                 <div class="titulo">
  2483.                     <p> PUNTAJE </p>
  2484.                 </div>
  2485.                 <div class="contenedor_1 estrecho">
  2486.                     <font class="subtitulo"> Puntaje Acumulado </font>
  2487.                     <font class="numero"> 0.00 </font>
  2488.                 </div>
  2489.             </div>
  2490.             </li>          
  2491.             <li>
  2492.             <div class="contenedor_ventana">
  2493.                 <div class="titulo">
  2494.                     <p> PUNTAJE </p>
  2495.                 </div>
  2496.                 <div class="contenedor_1 estrecho">
  2497.                     <font class="subtitulo"> Puntaje Ronda </font>
  2498.                     <font class="numero"> 0.00 </font>
  2499.                 </div>
  2500.             </div>
  2501.             </li>
  2502.         </ul>
  2503.     </div>
  2504.  
  2505.     <!-- Periodo -->
  2506.     <div class="box gris" col="2" row="1">
  2507.         <div class="contenedor_ventana">
  2508.             <div class="titulo">
  2509.                 <p> PERIODO </p>
  2510.             </div>
  2511.             <div class="contenedor_1 estrecho">
  2512.                 <font class="subtitulo">  </font>
  2513.                 <font class="numero">  </font>
  2514.             </div>
  2515.         </div>
  2516.     </div>
  2517.    
  2518.     <!-- Tiempo -->
  2519.     <div class="box gris" col="2" row="1">
  2520.         <div class="contenedor_ventana">
  2521.             <div class="titulo ">
  2522.                 <p> TIEMPO </p>
  2523.             </div>
  2524.             <div class="contenedor_1 estrecho">
  2525.                 <font class="subtitulo"> Restante </font>
  2526.                 <font class="numero"><font class="tiempo" ppal=4> 00:00:00</font></font>
  2527.             </div>
  2528.         </div>
  2529.     </div>
  2530.    
  2531.     <!-- Estacionalidad -->
  2532.     <div class="box gris" col="3" row="1">
  2533.         <div class="contenedor_ventana">
  2534.             <div class="titulo">
  2535.                 <p> ESTACIONALIDAD </p>
  2536.             </div>
  2537.             <div class="contenedor_2 izq estrecho">
  2538.                 <font class="subtitulo"> Actual:  </font>
  2539.                 <font class="numero">  </font>
  2540.             </div>
  2541.             <div class="contenedor_2 der estrecho">
  2542.                 <font class="subtitulo"> Pr&oacute;x.:  </font>
  2543.                 <font class="numero">  </font>
  2544.             </div>
  2545.            
  2546.         </div>
  2547.     </div>
  2548.    
  2549.     <!-- Empresa -->
  2550.     <a class="pageload-link" href="#page-01">    
  2551.     <div class="box gris" col="1" row="1">
  2552.         <div class="contenedor_ventana">
  2553.             <div class="icono centrado">
  2554.                 <span class="flaticon-uniE00F"></span>
  2555.             </div>
  2556.         </div>            
  2557.     </div>
  2558.     </a>
  2559.    
  2560. </div>      
  2561.  
  2562.  
  2563.  
  2564. <div class="conteiner">
  2565.  
  2566.     <a class="pageload-link" href="#page-16">  
  2567.     <div class="box gris" col="4" row="2">
  2568.         <div class="contenedor_ventana">
  2569.             <div class="titulo">
  2570.                 <p> AYUDA </p>
  2571.             </div>
  2572.             <div class="contenedor_2 izq estrecho">
  2573.                 <font class="subtitulo"> Obtenga ayuda </font>
  2574.                 <font class="numero small">  </font>  
  2575.             </div>
  2576.             <div class="personaje">
  2577.                 <img src="http://simuladordesafiar1.azurewebsites.net/img/marketing.png">
  2578.             </div>
  2579.         </div>
  2580.     </div>
  2581.     </a>  
  2582.    
  2583.    
  2584.     <div class="box gris formulario" col="8" row="4">
  2585.  
  2586.         <div class="msj msj_error" style="text-align:center">
  2587.             <div class="contenedor_msj"> </div>
  2588.             <a href="#"><div class="btn_ok">OK</div></a>
  2589.         </div>
  2590.        
  2591.         <div class="msj msj_ok" style="text-align:center">
  2592.             <div class="contenedor_msj"> EL VALOR INGRESADO SE GUARDO CORRECTAMENTE </div>
  2593.             <a href="#"><div class="btn_ok">OK</div></a>
  2594.         </div>
  2595.        
  2596.         <div class="msj msj_alerta" style="text-align:center">
  2597.             <div class="contenedor_msj"> SI NO GUARDA LA DECISION, SE DESCARTARAN LOS CAMBIOS. ¿DESEA GUARDAR? </div>
  2598.             <div class="contenedor_si_no">
  2599.                 <a href="#"><div class="btn_si">SI</div></a>
  2600.                 <a href="#"><div class="btn_no">NO</div></a>
  2601.             </div>                
  2602.         </div>
  2603.  
  2604.        
  2605.         <div class="contenedor_loader">
  2606.             <div class="loader"></div>
  2607.         </div>
  2608.  
  2609.         <div class="contenedor_form">
  2610.             <div class="titulo">
  2611.                 <h1>ESTRATEGIA DE PRECIO</h1>
  2612.                 <font class="subtitulo"> PRECIO DEL PRODUCTO </font>
  2613.             </div>
  2614.            
  2615.             <div class="botones">
  2616.                 <a href="#" class="boton_guardar"><span class="flaticon-uniE014"></span></a>
  2617.             </div>
  2618.            
  2619.             <div class="contenedor_input mostrar" numero="1">
  2620.                 <div class="contenedor_input_">
  2621.                     <input type="text" name="Precio" valor="" value="">
  2622.                     <p>El precio del producto es para el periodo actual</p>
  2623.                 </div>
  2624.                 <div class="unidad"><font>$</font></div>
  2625.             </div>
  2626.  
  2627.             <div class="contenedor_input" numero="2">
  2628.                 <div class="contenedor_input_">
  2629.                     <input type="text" name="Descuento" valor="" value="">
  2630.                     <p>Descuento a aplicar sobre el precio de venta</p>
  2631.                 </div>
  2632.                 <div class="unidad"><font>%</font></div>
  2633.             </div>
  2634.            
  2635.             <div class="contenedor_input" numero="3">
  2636.                 <div class="contenedor_input_">
  2637.                     <input type="text" name="APlazo" valor="" value="">
  2638.                     <p></p>
  2639.                 </div>
  2640.                 <div class="unidad"><font>%</font></div>
  2641.             </div>
  2642.            
  2643.             <div class="dotstyle dotstyle-fillup">
  2644.                 <ul>
  2645.                     <li num = "1" class="current"><a href="#">ESTRAT&Eacute;GIA DE PRECIO</a></li>
  2646.                     <li num = "2"><a href="#">% DE DESCUENTO EN OFERTA</a></li>                    
  2647.                     <li num = "3"><a href="#">% PERMITIDO DE VENTAS A PLAZO</a></li>
  2648.                 </ul>
  2649.                 <div class="mouseover"></div>
  2650.             </div>
  2651.         </div>
  2652.    
  2653.     </div>
  2654.    
  2655.     <div class="box gris" col="4" row="1">
  2656.         <div class="contenedor_ventana">
  2657.             <div class="titulo">
  2658.                 <p> PRECIO </p>
  2659.             </div>
  2660.             <ul class="rslides">
  2661.                 <li>            
  2662.                     <div class="contenedor_1 estrecho izq">
  2663.                         <font class="subtitulo izq"> Precio periodo anterior ($)</font>
  2664.                         <font class="numero small"> 0.00 </font>
  2665.                     </div>
  2666.                 </li>
  2667.                 <li>            
  2668.                     <div class="contenedor_1 estrecho izq">
  2669.                         <font class="subtitulo izq"> Precio con desc. periodo anterior ($)</font>
  2670.                         <font class="numero small"> 0.00 </font>
  2671.                     </div>
  2672.                 </li>
  2673.             </ul>                            
  2674.             <!-- Precio con descuento -->
  2675.         </div>
  2676.     </div>
  2677.  
  2678.     <div class="box gris" col="4" row="1">
  2679.         <div class="contenedor_ventana">
  2680.             <div class="titulo">
  2681.                 <p> ORDENES RECIBIDAS </p>
  2682.             </div>
  2683.             <div class="contenedor_1 estrecho izq">
  2684.                 <font class="subtitulo izq"> Ordenes recibidas (Un)</font>
  2685.                 <font class="numero small"> 0 </font>
  2686.             </div>
  2687.         </div>
  2688.     </div>
  2689.  
  2690.     <div class="box gris" col="4" row="1">
  2691.         <div class="contenedor_ventana">
  2692.             <div class="titulo">
  2693.                 <p> STOCK </p>
  2694.             </div>
  2695.             <div class="contenedor_1 estrecho izq">
  2696.                 <font class="subtitulo izq"> Unidades en Stock (Un)</font>
  2697.                 <font class="numero small">  </font>
  2698.             </div>
  2699.         </div>
  2700.     </div>
  2701.  
  2702.     <div class="box gris" col="4" row="1">
  2703.    
  2704.     <ul class="rslides">
  2705.         <li>
  2706.         <div class="contenedor_ventana">
  2707.             <div class="titulo">
  2708.                 <p> COSTOS VARIABLES </p>
  2709.             </div>
  2710.             <div class="contenedor_1 estrecho izq">
  2711.                 <font class="subtitulo izq"> Costo variable por unidad ($)</font>
  2712.                 <font class="numero small"> <font class="costounprodvar">0.00 </font> </font>
  2713.             </div>
  2714.         </div>
  2715.         </li>
  2716.         <li>
  2717.         <div class="contenedor_ventana">
  2718.             <div class="titulo">
  2719.                 <p> COSTOS TOTALES</p>
  2720.             </div>
  2721.             <div class="contenedor_2 izq estrecho">
  2722.                 <font class="subtitulo"> Costo total por unidad ($) </font>
  2723.                 <font class="numero small" id="costounprod"> 0.00 </font>
  2724.             </div>
  2725.         </div>
  2726.         </li>
  2727.     </ul>        
  2728.        
  2729.     </div>
  2730.  
  2731.     <div class="box gris" col="4" row="1">
  2732.         <div class="contenedor_ventana">
  2733.             <div class="titulo">
  2734.                 <p> PUNTO DE EQUILIBRIO </p>
  2735.             </div>
  2736.             <div class="contenedor_2 izq estrecho">
  2737.                 <font class="subtitulo"> Punto de equilibrio (Un) </font>
  2738.                 <div class="numero small" id=""> <font class="puntoequilibrio">  </font> </div>
  2739.             </div>
  2740.         </div>
  2741.     </div>
  2742.  
  2743.     <div class="box gris" col="4" row="1">
  2744.         <div class="contenedor_ventana">
  2745.             <div class="titulo">
  2746.                 <p> VENTAS A PLAZO </p>
  2747.             </div>
  2748.             <div class="contenedor_1 estrecho izq">
  2749.                 <font class="subtitulo izq"> Ventas a plazo per. ant. (%)</font>
  2750.                 <font class="numero small"> 20.00 </font>
  2751.             </div>
  2752.         </div>
  2753.     </div>
  2754.  
  2755.  
  2756. </div>
  2757. </div>
  2758. </div><!-- Pagina principal -->
  2759. <div class="container" id="page-6">
  2760.  
  2761. <div class="barra gris" estado="cerrada">
  2762.    
  2763.         <!-- Boton para abrir la barra -->
  2764.         <div  class="btn_barra"></div>
  2765.        
  2766.         <div class="contenedor_cen" style="margin:10px;">
  2767.             <div class="titulo" style="font-size:28px; margin-top:5px; font-weight:700; text-transform:uppercase">
  2768.                             </div>
  2769.             <font class="subtitulo"> Desiciones tomadas </font>
  2770.             <font class="numero"> <font class="porcentaje_decisiones"></font>% </font>
  2771.            
  2772.         </div>
  2773.        
  2774.         <div class="linea" style="margin-bottom:0px"></div>
  2775.        
  2776.         <div class="contenedor_icono">
  2777.             <div class="icono centrado">
  2778.                 <a href="#" onClick="cerrar_barra(); orden()"><span class="flaticon-uniE012 small"></span></a>
  2779.             </div>
  2780.         </div>
  2781.         <div class="contenedor_icono divisor_v">
  2782.             <div class="icono centrado">
  2783.                 <a class="pageload-link" href="page-011"><span class="flaticon-uniE00B small"></span>
  2784.                  </a>
  2785.             </div>
  2786.            
  2787.            
  2788.         </div>
  2789.         <div class="contenedor_icono divisor_v">
  2790.             <div class="icono centrado">
  2791.                 <a class="pageload-link" href="page-09"><span class="flaticon-uniE009 small"></span></a>
  2792.             </div>
  2793.         </div>
  2794.         <div class="contenedor_icono divisor_v">
  2795.             <div class="icono centrado">
  2796.                 <a class="pageload-link" href="page-10"><span class="flaticon-uniE006 small"></span></a>
  2797.             </div>
  2798.         </div>         
  2799.  
  2800.         <div class="linea" style="height:0px; margin:0px;"></div>
  2801.        
  2802.        
  2803.         <!-- Menu desplegable -->
  2804.         <div class="scroll_barra_conten" id="divscroll_barra">
  2805.         <ul class="mtree transit gris" style="z-index:9999; ">
  2806.             <li><a href="#">INFO. ECON&Oacute;MICA</a>
  2807.                 <ul>
  2808.                     <div class="contenedor_ul">
  2809.                         <div class="texto_menu izq"> Indice de Estacionalidad</div>
  2810.                         <div class="der"> <span>  </span></div>
  2811.                         <div class="linea"></div>
  2812.                         <div class="texto_menu izq"> Previsi&oacute;n de Est.</div>
  2813.                         <div class="der"> <span></span></div>
  2814.                         <div class="linea"></div>
  2815.                         <div class="texto_menu izq"> Variaci&oacute;n de la act. econ&oacute;mica</div>
  2816.                         <div class="der"> <span>0.00% </span></div>
  2817.                         <div class="linea"></div>
  2818.                         <div class="texto_menu izq"> Prev. de la act. economica</div>
  2819.                         <div class="der"> <span>0.00% </span></div>
  2820.                         <div class="linea"></div>
  2821.                         <div class="texto_menu izq"> Tasa de inflacion trimestral</div>
  2822.                         <div class="der"> <span>0.00%</span></div>
  2823.                         <div class="linea"></div>
  2824.                         <div class="texto_menu izq"> Prev. de la inflación trimestral</div>
  2825.                         <div class="der"> <span>0.00%</span></div>
  2826.                         <div class="linea"></div>
  2827.                         <div class="texto_menu izq"> Tasa de interes de corto plazo</div>
  2828.                         <div class="der"> <span>0.00% </span></div>
  2829.                         <div class="texto_menu linea"></div>
  2830.                         <div class="texto_menu izq"> Tasa de interes del proveedor</div>
  2831.                         <div class="der"> <span>0.00%</span></div>
  2832.                         <div class="linea_final"></div>
  2833.                     </div>
  2834.                 </ul>        
  2835.             </li>
  2836.             <li><a href="#">RESUMEN DE PERIODO</a>
  2837.                 <ul>
  2838.                     <div class="contenedor_ul">
  2839.                         <div class="texto_menu izq"> Ventas en unidades</div>
  2840.                         <div class="der"> <span>  Un </span></div>
  2841.                         <div class="linea"></div>
  2842.                         <div class="texto_menu izq"> Ventas en pesos</div>
  2843.                         <div class="der"> <span>$ 0.00 </span></div>
  2844.                         <div class="linea"></div>
  2845.                         <div class="texto_menu izq"> &Oacute;rdenes recibidas</div>
  2846.                         <div class="der"> <span> 0  Un</span></div>
  2847.                         <div class="linea"></div>
  2848.                         <div class="texto_menu izq"> Stock mercader&iacute;as</div>
  2849.                         <div class="der"> <span>  Un</span></div>
  2850.                         <div class="linea"></div>
  2851.                         <div class="texto_menu izq"> Stock insumos</div>
  2852.                         <div class="der"> <span>  Un</span></div>
  2853.                         <div class="linea"></div>
  2854.                         <div class="texto_menu izq"> Cuentas a recibir</div>
  2855.                         <div class="der"> <span>$ 0.00 </span></div>
  2856.                         <div class="linea"></div>                        
  2857.                         <div class="texto_menu izq"> Deudas a corto plazo</div>
  2858.                         <div class="der"> <span>$ 0.00 </span></div>
  2859.                         <div class="linea"></div>                        
  2860.                         <div class="texto_menu izq"> Utilidad neta</div>
  2861.                         <div class="der"> <span> $ 0.00 </span></div>
  2862.                         <div class="linea"></div>                        
  2863.                         <div class="texto_menu izq"> Distribuci&oacute;n de ganancias</div>
  2864.                         <div class="der"> <span> 0.00 %</span></div>
  2865.                         <div class="linea"></div>                        
  2866.                         <div class="texto_menu izq"> Variaci&oacute;n de caja</div>
  2867.                         <div class="der"> <span> $ 0.00 </span></div>
  2868.                         <div class="linea_final"></div>
  2869.                     </div>
  2870.                 </ul>        
  2871.             </li>
  2872.             <li><a href="#">DESCARGAS</a>
  2873.                 <ul>
  2874.                     <div class="contenedor_ul">
  2875.                         <a href="descargas/balance.php" class="descarga_barra_link" target="_blank">
  2876.                             <div class="texto_menu izq"> Balance general</div>
  2877.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  2878.                         </a>
  2879.                         <div class="linea"></div>
  2880.                         <a href="descargas/flujocaja.php" class="descarga_barra_link" target="_blank">
  2881.                             <div class="texto_menu izq"> Flujo de caja</div>
  2882.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  2883.                         </a>
  2884.                         <div class="linea"></div>
  2885.                         <a href="descargas/investigaciones.php" class="descarga_barra_link" target="_blank">
  2886.                             <div class="texto_menu izq"> Investigaciones</div>
  2887.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  2888.                         </a>
  2889.                         <div class="linea"></div>
  2890.                         <a href="descargas/escenario_economico.html" class="descarga_barra_link" target="_blank">
  2891.                             <div class="texto_menu izq"> Escenario econ&oacute;mico</div>
  2892.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  2893.                         </a>
  2894.                         <div class="linea_final"></div>  
  2895.                     </div>
  2896.                 </ul>
  2897.             </li>
  2898.         </ul>
  2899.         </div>
  2900.         <!--<div class="linea" style="height:0px; margin:0px;"></div>-->
  2901. </div>  
  2902.      
  2903.  
  2904.  
  2905. <div class="cuerpo">
  2906.  
  2907.  
  2908. <div class="menu">
  2909.     <!-- Decisiones -->
  2910.     <a class="btn_abrir_barra_inferior" href="#" title="Barra inferior">
  2911.     <div class="box azul" col="1" row="1">
  2912.         <div class="contenedor_ventana">
  2913.             <div class="icono centrado">
  2914.                 <span class="flaticon-uniE000"></span>
  2915.             </div>
  2916.         </div>
  2917.     </div>
  2918.     </a>
  2919.  
  2920.  
  2921.     <!-- Presupuesto -->
  2922.  
  2923.     <div class="box gris" col="5" row="1">
  2924.  
  2925.         <ul class="rslides">
  2926.             <li>
  2927.             <div class="contenedor_ventana">
  2928.                 <div class="contenedor_2 izq estrecho">
  2929.                     <div class="titulo">
  2930.                         <p> PRESUPUESTO </p>
  2931.                     </div>
  2932.                 </div>
  2933.                 <div class="contenedor_2 der estrecho">
  2934.                     <div class="titulo">
  2935.                         <p> $0.00 </p>
  2936.                     </div>
  2937.                 </div>
  2938.                
  2939.                 <div class="contenedor_2 izq estrecho">
  2940.                     <font class="subtitulo"> Gasto $
  2941.                         <font class="gasto_pesos">0.00</font>
  2942.                     </font>
  2943.                     <font class="numero small">
  2944.                         <font class="gasto_porcentaje">0.00</font>%
  2945.                     </font>
  2946.                 </div>
  2947.                
  2948.                 <div class="contenedor_2 der estrecho">
  2949.                     <font class="subtitulo"> Dinero disp. $
  2950.                         <font class="dinerodisp_pesos">0.00 </font>
  2951.                     </font>                  
  2952.                     <font class="numero small">
  2953.                         <font class="dinerodisp_porcentaje">0.00</font>%
  2954.                     </font>
  2955.                 </div>
  2956.                 <div class="contenedor_1 estrecho">
  2957.                     <div style="height:8px; width:100%"></div>
  2958.                     <div style="background:rgba(255,0,0,1.00); height:5px; width:100%;"></div>                                
  2959.                     <div class="barra_gastos" style="background:rgba(255,166,0,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  2960.                 </div>
  2961.                
  2962.             </div>
  2963.             </li>          
  2964.             <li>
  2965.             <div class="contenedor_ventana">
  2966.                 <div class="contenedor_2 izq estrecho">
  2967.                     <div class="titulo">
  2968.                         <p> PRESUPUESTO </p>
  2969.                     </div>
  2970.                 </div>
  2971.                 <div class="contenedor_2 der estrecho">
  2972.                     <div class="titulo">
  2973.                         <p> $0.00 </p>
  2974.                     </div>
  2975.                 </div>
  2976.             <div class="contenedor_2 izq estrecho">
  2977.                 <font class="subtitulo"> Caja $
  2978.                     <font>0.00</font>
  2979.                 </font>
  2980.                 <font class="numero small">
  2981.                     <font>0.00</font>%
  2982.                 </font>
  2983.             </div>
  2984.            
  2985.             <div class="contenedor_2 der estrecho">
  2986.                 <font class="subtitulo"> L&iacute;nea de cr&eacute;d. $
  2987.                     <font class="">0.00 </font>
  2988.                 </font>                  
  2989.                 <font class="numero small">
  2990.                     <font class="">0.00</font>%
  2991.                 </font>
  2992.             </div>
  2993.            
  2994.             <div class="contenedor_1 estrecho">
  2995.                 <div style="height:8px; width:100%"></div>
  2996.                 <div style="background:rgba(0,171,8,1.00); height:5px; width:100%;"></div>                                
  2997.                 <div style="background:rgba(0,255,60,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  2998.             </div>            
  2999.             </div>
  3000.             </li>
  3001.         </ul>
  3002.     </div>
  3003.    
  3004.  
  3005.     <!-- Puntaje -->
  3006.     <div class="box gris" col="2" row="1">
  3007.  
  3008.         <ul class="rslides">
  3009.             <li>
  3010.             <div class="contenedor_ventana">
  3011.                 <div class="titulo">
  3012.                     <p> PUNTAJE </p>
  3013.                 </div>
  3014.                 <div class="contenedor_1 estrecho">
  3015.                     <font class="subtitulo"> Puntaje Acumulado </font>
  3016.                     <font class="numero"> 0.00 </font>
  3017.                 </div>
  3018.             </div>
  3019.             </li>          
  3020.             <li>
  3021.             <div class="contenedor_ventana">
  3022.                 <div class="titulo">
  3023.                     <p> PUNTAJE </p>
  3024.                 </div>
  3025.                 <div class="contenedor_1 estrecho">
  3026.                     <font class="subtitulo"> Puntaje Ronda </font>
  3027.                     <font class="numero"> 0.00 </font>
  3028.                 </div>
  3029.             </div>
  3030.             </li>
  3031.         </ul>
  3032.     </div>
  3033.  
  3034.     <!-- Periodo -->
  3035.     <div class="box gris" col="2" row="1">
  3036.         <div class="contenedor_ventana">
  3037.             <div class="titulo">
  3038.                 <p> PERIODO </p>
  3039.             </div>
  3040.             <div class="contenedor_1 estrecho">
  3041.                 <font class="subtitulo">  </font>
  3042.                 <font class="numero">  </font>
  3043.             </div>
  3044.         </div>
  3045.     </div>
  3046.    
  3047.     <!-- Tiempo -->
  3048.     <div class="box gris" col="2" row="1">
  3049.         <div class="contenedor_ventana">
  3050.             <div class="titulo ">
  3051.                 <p> TIEMPO </p>
  3052.             </div>
  3053.             <div class="contenedor_1 estrecho">
  3054.                 <font class="subtitulo"> Restante </font>
  3055.                 <font class="numero"><font class="tiempo" ppal=5> 00:00:00</font></font>
  3056.             </div>
  3057.         </div>
  3058.     </div>
  3059.    
  3060.     <!-- Estacionalidad -->
  3061.     <div class="box gris" col="3" row="1">
  3062.         <div class="contenedor_ventana">
  3063.             <div class="titulo">
  3064.                 <p> ESTACIONALIDAD </p>
  3065.             </div>
  3066.             <div class="contenedor_2 izq estrecho">
  3067.                 <font class="subtitulo"> Actual:  </font>
  3068.                 <font class="numero">  </font>
  3069.             </div>
  3070.             <div class="contenedor_2 der estrecho">
  3071.                 <font class="subtitulo"> Pr&oacute;x.:  </font>
  3072.                 <font class="numero">  </font>
  3073.             </div>
  3074.            
  3075.         </div>
  3076.     </div>
  3077.    
  3078.     <!-- Empresa -->
  3079.     <a class="pageload-link" href="#page-01">    
  3080.     <div class="box gris" col="1" row="1">
  3081.         <div class="contenedor_ventana">
  3082.             <div class="icono centrado">
  3083.                 <span class="flaticon-uniE00F"></span>
  3084.             </div>
  3085.         </div>            
  3086.     </div>
  3087.     </a>
  3088.    
  3089. </div>      
  3090.  
  3091.  
  3092.  
  3093. <div class="conteiner">
  3094.  
  3095.     <a class="pageload-link" href="#page-17">  
  3096.     <div class="box gris celeste" col="4" row="2">
  3097.         <div class="contenedor_ventana">
  3098.             <div class="titulo">
  3099.                 <p> AYUDA </p>
  3100.             </div>
  3101.             <div class="contenedor_2 izq estrecho">
  3102.                 <font class="subtitulo"> Obtenga ayuda </font>
  3103.                 <font class="numero small">  </font>  
  3104.             </div>
  3105.             <img style="height:180px; margin-left:40%; margin-top:-46px" src="http://simuladordesafiar1.azurewebsites.net/img/cocinero.png">
  3106.         </div>
  3107.     </div>
  3108.     </a>  
  3109.    
  3110.    
  3111.  <div class="box gris" col="8" row="4">
  3112.    
  3113.             <div class="" style="width:100%; height: 370px; overflow:hidden">
  3114.  
  3115.             <div class="fs-form-wrap" id="formBanco">
  3116.                 <div class="fs-title">
  3117.                     <h1>BANCO</h1>
  3118.                 </div>
  3119.                 <form class="fs-form fs-form-full" autocomplete="off">
  3120.                     <ol class="fs-fields">
  3121.                         <li>
  3122.                             <label class="fs-field-label fs-anim-upper" for="banc1">Pedido de prestamos al BANCO ($)</label>
  3123.                             <input class="fs-mark fs-anim-lower" id="banc1" name="PedidoPrestamo" type="number" placeholder="1000" step="100" min="100" value="0.00" required/>
  3124.  
  3125.                         </li>
  3126.                         <!--<li>
  3127.                             <label class="fs-field-label fs-anim-upper" for="banc1">Pedido de prestamos al BANCO ($)</label>
  3128.                             <input class="fs-mark fs-anim-lower" id="banc1" name="PedidoPrestamo" type="" placeholder="1000" step="100" min="100" value="0.00" required/>-->
  3129.  
  3130.                         </li>
  3131.                     </ol><!-- /fs-fields -->
  3132.                 </form><!-- /fs-form -->
  3133.                
  3134.             </div><!-- /fs-form-wrap -->
  3135.         </div>
  3136.        
  3137.         <div id="loader_banc" class="contenedor_loader">
  3138.             <div class="loader"></div>
  3139.         </div>
  3140.    
  3141.    
  3142.     </div>
  3143.    
  3144.     <div class="box gris" col="4" row="1">
  3145.         <div class="contenedor_ventana">
  3146.             <div class="titulo">
  3147.                 <p> PRECIO </p>
  3148.             </div>
  3149.             <ul class="rslides">
  3150.                 <li>            
  3151.                     <div class="contenedor_1 estrecho izq">
  3152.                         <font class="subtitulo izq"> Precio periodo anterior ($)</font>
  3153.                         <font class="numero small"> 0.00 </font>
  3154.                     </div>
  3155.                 </li>
  3156.                 <li>            
  3157.                     <div class="contenedor_1 estrecho izq">
  3158.                         <font class="subtitulo izq"> Precio con desc. periodo anterior ($)</font>
  3159.                         <font class="numero small"> 0.00 </font>
  3160.                     </div>
  3161.                 </li>
  3162.                            
  3163.             <!-- Precio con descuento -->
  3164.         </div>
  3165.     </div>
  3166.  
  3167.     <div class="box gris" col="4" row="1">
  3168.         <div class="contenedor_ventana">
  3169.             <div class="titulo">
  3170.                 <p> ORDENES RECIBIDAS </p>
  3171.             </div>
  3172.             <div class="contenedor_1 estrecho izq">
  3173.                 <font class="subtitulo izq"> Ordenes recibidas (Un)</font>
  3174.                 <font class="numero small"> 0 </font>
  3175.             </div>
  3176.         </div>
  3177.     </div>
  3178.  
  3179.     <div class="box gris" col="4" row="1">
  3180.         <div class="contenedor_ventana">
  3181.             <div class="titulo">
  3182.                 <p> STOCK </p>
  3183.             </div>
  3184.             <div class="contenedor_1 estrecho izq">
  3185.                 <font class="subtitulo izq"> Unidades en Stock (Un)</font>
  3186.                 <font class="numero small">  </font>
  3187.             </div>
  3188.         </div>
  3189.     </div>
  3190.  
  3191.     <div class="box gris" col="4" row="1">
  3192.         <div class="contenedor_ventana">
  3193.             <div class="titulo">
  3194.                 <p> COSTOS VARIABLES </p>
  3195.             </div>
  3196.             <div class="contenedor_1 estrecho izq">
  3197.                 <font class="subtitulo izq"> Costo variable por unidad ($)</font>
  3198.                 <font class="numero small"> <font class="costounprodvar">0.00 </font> </font>
  3199.             </div>
  3200.         </div>
  3201.     </div>
  3202.  
  3203. <!--
  3204.     <div class="box gris" col="4" row="1">
  3205.         <div class="contenedor_ventana">
  3206.             <div class="titulo">
  3207.                 <p> PUNTO DE EQUILIBRIO </p>
  3208.             </div>
  3209.             <div class="contenedor_1 estrecho izq">
  3210.                 <font class="subtitulo izq"> Punto de equilibrio (Un)</font>
  3211.                 <font class="numero small"> 0.00 </font>
  3212.             </div>
  3213.         </div>
  3214.     </div>
  3215. -->
  3216.  
  3217.     <div class="box gris" col="4" row="1">
  3218.         <div class="contenedor_ventana">
  3219.             <div class="titulo">
  3220.                 <p> COSTO DE PRODUCCION </p>
  3221.             </div>
  3222.             <div class="contenedor_2 izq estrecho">
  3223.                 <font class="subtitulo"> Costo un. de producci&oacute;n ($) </font>
  3224.                 <font class="numero small" id="costounprod"> 0.00 </font>
  3225.             </div>
  3226.         </div>
  3227.     </div>
  3228.  
  3229.     <div class="box gris" col="4" row="1">
  3230.         <div class="contenedor_ventana">
  3231.             <div class="titulo">
  3232.                 <p> VENTAS A PLAZO </p>
  3233.             </div>
  3234.             <div class="contenedor_1 estrecho izq">
  3235.                 <font class="subtitulo izq"> Ventas a plazo per. ant. (%)</font>
  3236.                 <font class="numero small"> 20.00 </font>
  3237.             </div>
  3238.         </div>
  3239.     </div>
  3240.  
  3241.  
  3242. </div>
  3243. </div>
  3244. </div><!-- Pagina principal -->
  3245. <div class="container" id="page-7">
  3246.  
  3247. <div class="barra gris" estado="cerrada">
  3248.    
  3249.         <!-- Boton para abrir la barra -->
  3250.         <div  class="btn_barra"></div>
  3251.        
  3252.         <div class="contenedor_cen" style="margin:10px;">
  3253.             <div class="titulo" style="font-size:28px; margin-top:5px; font-weight:700; text-transform:uppercase">
  3254.                             </div>
  3255.             <font class="subtitulo"> Desiciones tomadas </font>
  3256.             <font class="numero"> <font class="porcentaje_decisiones"></font>% </font>
  3257.            
  3258.         </div>
  3259.        
  3260.         <div class="linea" style="margin-bottom:0px"></div>
  3261.        
  3262.         <div class="contenedor_icono">
  3263.             <div class="icono centrado">
  3264.                 <a href="#" onClick="cerrar_barra(); orden()"><span class="flaticon-uniE012 small"></span></a>
  3265.             </div>
  3266.         </div>
  3267.         <div class="contenedor_icono divisor_v">
  3268.             <div class="icono centrado">
  3269.                 <a class="pageload-link" href="page-011"><span class="flaticon-uniE00B small"></span>
  3270.                  </a>
  3271.             </div>
  3272.            
  3273.            
  3274.         </div>
  3275.         <div class="contenedor_icono divisor_v">
  3276.             <div class="icono centrado">
  3277.                 <a class="pageload-link" href="page-09"><span class="flaticon-uniE009 small"></span></a>
  3278.             </div>
  3279.         </div>
  3280.         <div class="contenedor_icono divisor_v">
  3281.             <div class="icono centrado">
  3282.                 <a class="pageload-link" href="page-10"><span class="flaticon-uniE006 small"></span></a>
  3283.             </div>
  3284.         </div>         
  3285.  
  3286.         <div class="linea" style="height:0px; margin:0px;"></div>
  3287.        
  3288.        
  3289.         <!-- Menu desplegable -->
  3290.         <div class="scroll_barra_conten" id="divscroll_barra">
  3291.         <ul class="mtree transit gris" style="z-index:9999; ">
  3292.             <li><a href="#">INFO. ECON&Oacute;MICA</a>
  3293.                 <ul>
  3294.                     <div class="contenedor_ul">
  3295.                         <div class="texto_menu izq"> Indice de Estacionalidad</div>
  3296.                         <div class="der"> <span>  </span></div>
  3297.                         <div class="linea"></div>
  3298.                         <div class="texto_menu izq"> Previsi&oacute;n de Est.</div>
  3299.                         <div class="der"> <span></span></div>
  3300.                         <div class="linea"></div>
  3301.                         <div class="texto_menu izq"> Variaci&oacute;n de la act. econ&oacute;mica</div>
  3302.                         <div class="der"> <span>0.00% </span></div>
  3303.                         <div class="linea"></div>
  3304.                         <div class="texto_menu izq"> Prev. de la act. economica</div>
  3305.                         <div class="der"> <span>0.00% </span></div>
  3306.                         <div class="linea"></div>
  3307.                         <div class="texto_menu izq"> Tasa de inflacion trimestral</div>
  3308.                         <div class="der"> <span>0.00%</span></div>
  3309.                         <div class="linea"></div>
  3310.                         <div class="texto_menu izq"> Prev. de la inflación trimestral</div>
  3311.                         <div class="der"> <span>0.00%</span></div>
  3312.                         <div class="linea"></div>
  3313.                         <div class="texto_menu izq"> Tasa de interes de corto plazo</div>
  3314.                         <div class="der"> <span>0.00% </span></div>
  3315.                         <div class="texto_menu linea"></div>
  3316.                         <div class="texto_menu izq"> Tasa de interes del proveedor</div>
  3317.                         <div class="der"> <span>0.00%</span></div>
  3318.                         <div class="linea_final"></div>
  3319.                     </div>
  3320.                 </ul>        
  3321.             </li>
  3322.             <li><a href="#">RESUMEN DE PERIODO</a>
  3323.                 <ul>
  3324.                     <div class="contenedor_ul">
  3325.                         <div class="texto_menu izq"> Ventas en unidades</div>
  3326.                         <div class="der"> <span>  Un </span></div>
  3327.                         <div class="linea"></div>
  3328.                         <div class="texto_menu izq"> Ventas en pesos</div>
  3329.                         <div class="der"> <span>$ 0.00 </span></div>
  3330.                         <div class="linea"></div>
  3331.                         <div class="texto_menu izq"> &Oacute;rdenes recibidas</div>
  3332.                         <div class="der"> <span> 0  Un</span></div>
  3333.                         <div class="linea"></div>
  3334.                         <div class="texto_menu izq"> Stock mercader&iacute;as</div>
  3335.                         <div class="der"> <span>  Un</span></div>
  3336.                         <div class="linea"></div>
  3337.                         <div class="texto_menu izq"> Stock insumos</div>
  3338.                         <div class="der"> <span>  Un</span></div>
  3339.                         <div class="linea"></div>
  3340.                         <div class="texto_menu izq"> Cuentas a recibir</div>
  3341.                         <div class="der"> <span>$ 0.00 </span></div>
  3342.                         <div class="linea"></div>                        
  3343.                         <div class="texto_menu izq"> Deudas a corto plazo</div>
  3344.                         <div class="der"> <span>$ 0.00 </span></div>
  3345.                         <div class="linea"></div>                        
  3346.                         <div class="texto_menu izq"> Utilidad neta</div>
  3347.                         <div class="der"> <span> $ 0.00 </span></div>
  3348.                         <div class="linea"></div>                        
  3349.                         <div class="texto_menu izq"> Distribuci&oacute;n de ganancias</div>
  3350.                         <div class="der"> <span> 0.00 %</span></div>
  3351.                         <div class="linea"></div>                        
  3352.                         <div class="texto_menu izq"> Variaci&oacute;n de caja</div>
  3353.                         <div class="der"> <span> $ 0.00 </span></div>
  3354.                         <div class="linea_final"></div>
  3355.                     </div>
  3356.                 </ul>        
  3357.             </li>
  3358.             <li><a href="#">DESCARGAS</a>
  3359.                 <ul>
  3360.                     <div class="contenedor_ul">
  3361.                         <a href="descargas/balance.php" class="descarga_barra_link" target="_blank">
  3362.                             <div class="texto_menu izq"> Balance general</div>
  3363.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  3364.                         </a>
  3365.                         <div class="linea"></div>
  3366.                         <a href="descargas/flujocaja.php" class="descarga_barra_link" target="_blank">
  3367.                             <div class="texto_menu izq"> Flujo de caja</div>
  3368.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  3369.                         </a>
  3370.                         <div class="linea"></div>
  3371.                         <a href="descargas/investigaciones.php" class="descarga_barra_link" target="_blank">
  3372.                             <div class="texto_menu izq"> Investigaciones</div>
  3373.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  3374.                         </a>
  3375.                         <div class="linea"></div>
  3376.                         <a href="descargas/escenario_economico.html" class="descarga_barra_link" target="_blank">
  3377.                             <div class="texto_menu izq"> Escenario econ&oacute;mico</div>
  3378.                             <div class="der"> <span class="flaticon-uniE01F descarga_barra"> </span></div>
  3379.                         </a>
  3380.                         <div class="linea_final"></div>  
  3381.                     </div>
  3382.                 </ul>
  3383.             </li>
  3384.         </ul>
  3385.         </div>
  3386.         <!--<div class="linea" style="height:0px; margin:0px;"></div>-->
  3387. </div>  
  3388.      
  3389.  
  3390.  
  3391. <div class="cuerpo">
  3392.  
  3393.  
  3394. <div class="menu">
  3395.     <!-- Decisiones -->
  3396.     <a class="btn_abrir_barra_inferior" href="#" title="Barra inferior">
  3397.     <div class="box azul" col="1" row="1">
  3398.         <div class="contenedor_ventana">
  3399.             <div class="icono centrado">
  3400.                 <span class="flaticon-uniE000"></span>
  3401.             </div>
  3402.         </div>
  3403.     </div>
  3404.     </a>
  3405.  
  3406.  
  3407.     <!-- Presupuesto -->
  3408.  
  3409.     <div class="box gris" col="5" row="1">
  3410.  
  3411.         <ul class="rslides">
  3412.             <li>
  3413.             <div class="contenedor_ventana">
  3414.                 <div class="contenedor_2 izq estrecho">
  3415.                     <div class="titulo">
  3416.                         <p> PRESUPUESTO </p>
  3417.                     </div>
  3418.                 </div>
  3419.                 <div class="contenedor_2 der estrecho">
  3420.                     <div class="titulo">
  3421.                         <p> $0.00 </p>
  3422.                     </div>
  3423.                 </div>
  3424.                
  3425.                 <div class="contenedor_2 izq estrecho">
  3426.                     <font class="subtitulo"> Gasto $
  3427.                         <font class="gasto_pesos">0.00</font>
  3428.                     </font>
  3429.                     <font class="numero small">
  3430.                         <font class="gasto_porcentaje">0.00</font>%
  3431.                     </font>
  3432.                 </div>
  3433.                
  3434.                 <div class="contenedor_2 der estrecho">
  3435.                     <font class="subtitulo"> Dinero disp. $
  3436.                         <font class="dinerodisp_pesos">0.00 </font>
  3437.                     </font>                  
  3438.                     <font class="numero small">
  3439.                         <font class="dinerodisp_porcentaje">0.00</font>%
  3440.                     </font>
  3441.                 </div>
  3442.                 <div class="contenedor_1 estrecho">
  3443.                     <div style="height:8px; width:100%"></div>
  3444.                     <div style="background:rgba(255,0,0,1.00); height:5px; width:100%;"></div>                                
  3445.                     <div class="barra_gastos" style="background:rgba(255,166,0,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  3446.                 </div>
  3447.                
  3448.             </div>
  3449.             </li>          
  3450.             <li>
  3451.             <div class="contenedor_ventana">
  3452.                 <div class="contenedor_2 izq estrecho">
  3453.                     <div class="titulo">
  3454.                         <p> PRESUPUESTO </p>
  3455.                     </div>
  3456.                 </div>
  3457.                 <div class="contenedor_2 der estrecho">
  3458.                     <div class="titulo">
  3459.                         <p> $0.00 </p>
  3460.                     </div>
  3461.                 </div>
  3462.             <div class="contenedor_2 izq estrecho">
  3463.                 <font class="subtitulo"> Caja $
  3464.                     <font>0.00</font>
  3465.                 </font>
  3466.                 <font class="numero small">
  3467.                     <font>0.00</font>%
  3468.                 </font>
  3469.             </div>
  3470.            
  3471.             <div class="contenedor_2 der estrecho">
  3472.                 <font class="subtitulo"> L&iacute;nea de cr&eacute;d. $
  3473.                     <font class="">0.00 </font>
  3474.                 </font>                  
  3475.                 <font class="numero small">
  3476.                     <font class="">0.00</font>%
  3477.                 </font>
  3478.             </div>
  3479.            
  3480.             <div class="contenedor_1 estrecho">
  3481.                 <div style="height:8px; width:100%"></div>
  3482.                 <div style="background:rgba(0,171,8,1.00); height:5px; width:100%;"></div>                                
  3483.                 <div style="background:rgba(0,255,60,1.00); height:5px; width:0.00%; float:left; margin-top:-5px"></div>
  3484.             </div>            
  3485.             </div>
  3486.             </li>
  3487.         </ul>
  3488.     </div>
  3489.    
  3490.  
  3491.     <!-- Puntaje -->
  3492.     <div class="box gris" col="2" row="1">
  3493.  
  3494.         <ul class="rslides">
  3495.             <li>
  3496.             <div class="contenedor_ventana">
  3497.                 <div class="titulo">
  3498.                     <p> PUNTAJE </p>
  3499.                 </div>
  3500.                 <div class="contenedor_1 estrecho">
  3501.                     <font class="subtitulo"> Puntaje Acumulado </font>
  3502.                     <font class="numero"> 0.00 </font>
  3503.                 </div>
  3504.             </div>
  3505.             </li>          
  3506.             <li>
  3507.             <div class="contenedor_ventana">
  3508.                 <div class="titulo">
  3509.                     <p> PUNTAJE </p>
  3510.                 </div>
  3511.                 <div class="contenedor_1 estrecho">
  3512.                     <font class="subtitulo"> Puntaje Ronda </font>
  3513.                     <font class="numero"> 0.00 </font>
  3514.                 </div>
  3515.             </div>
  3516.             </li>
  3517.         </ul>
  3518.     </div>
  3519.  
  3520.     <!-- Periodo -->
  3521.     <div class="box gris" col="2" row="1">
  3522.         <div class="contenedor_ventana">
  3523.             <div class="titulo">
  3524.                 <p> PERIODO </p>
  3525.             </div>
  3526.             <div class="contenedor_1 estrecho">
  3527.                 <font class="subtitulo">  </font>
  3528.                 <font class="numero">  </font>
  3529.             </div>
  3530.         </div>
  3531.     </div>
  3532.    
  3533.     <!-- Tiempo -->
  3534.     <div class="box gris" col="2" row="1">
  3535.         <div class="contenedor_ventana">
  3536.             <div class="titulo ">
  3537.                 <p> TIEMPO </p>
  3538.             </div>
  3539.             <div class="contenedor_1 estrecho">
  3540.                 <font class="subtitulo"> Restante </font>
  3541.                 <font class="numero"><font class="tiempo" ppal=6> 00:00:00</font></font>
  3542.             </div>
  3543.         </div>
  3544.     </div>
  3545.    
  3546.     <!-- Estacionalidad -->
  3547.     <div class="box gris" col="3" row="1">
  3548.         <div class="contenedor_ventana">
  3549.             <div class="titulo">
  3550.                 <p> ESTACIONALIDAD </p>
  3551.             </div>
  3552.             <div class="contenedor_2 izq estrecho">
  3553.                 <font class="subtitulo"> Actual:  </font>
  3554.                 <font class="numero">  </font>
  3555.             </div>
  3556.             <div class="contenedor_2 der estrecho">
  3557.                 <font class="subtitulo"> Pr&oacute;x.:  </font>
  3558.                 <font class="numero">  </font>
  3559.             </div>
  3560.            
  3561.         </div>
  3562.     </div>
  3563.    
  3564.     <!-- Empresa -->
  3565.     <a class="pageload-link" href="#page-01">    
  3566.     <div class="box gris" col="1" row="1">
  3567.         <div class="contenedor_ventana">
  3568.             <div class="icono centrado">
  3569.                 <span class="flaticon-uniE00F"></span>
  3570.             </div>
  3571.         </div>            
  3572.     </div>
  3573.     </a>
  3574.    
  3575. </div>      
  3576.  
  3577.  
  3578.  
  3579. <div class="conteiner">
  3580.  
  3581.     <a class="pageload-link" href="#page-18">  
  3582.     <div class="box gris" col="4" row="2">
  3583.         <div class="contenedor_ventana">
  3584.             <div class="titulo">
  3585.                 <p> AYUDA </p>
  3586.             </div>
  3587.             <div class="contenedor_2 izq estrecho">
  3588.                 <font class="subtitulo"> Obtenga ayuda </font>
  3589.                 <font class="numero small">  </font>  
  3590.             </div>
  3591.             <div class="personaje">
  3592.                 <img src="http://simuladordesafiar1.azurewebsites.net/img/gerente.png">
  3593.             </div>
  3594.         </div>
  3595.     </div>
  3596.     </a>  
  3597.    
  3598.    
  3599.     <div class="box gris formulario" col="8" row="4">
  3600.  
  3601.         <div class="msj msj_error" style="text-align:center">
  3602.             <div class="contenedor_msj"> </div>
  3603.             <a href="#"><div class="btn_ok">OK</div></a>
  3604.         </div>
  3605.        
  3606.         <div class="msj msj_ok" style="text-align:center">
  3607.             <div class="contenedor_msj"> EL VALOR INGRESADO SE GUARDO CORRECTAMENTE </div>
  3608.             <a href="#"><div class="btn_ok">OK</div></a>
  3609.         </div>
  3610.        
  3611.         <div class="msj msj_alerta" style="text-align:center">
  3612.             <div class="contenedor_msj"> SI NO GUARDA LA DECISION, SE DESCARTARAN LOS CAMBIOS. ¿DESEA GUARDAR? </div>
  3613.             <div class="contenedor_si_no">
  3614.                 <a href="#"><div class="btn_si">SI</div></a>
  3615.                 <a href="#"><div class="btn_no">NO</div></a>
  3616.             </div>                
  3617.         </div>
  3618.  
  3619.        
  3620.         <div class="contenedor_loader">
  3621.             <div class="loader"></div>
  3622.         </div>
  3623.  
  3624.         <div class="contenedor_form">
  3625.             <div class="titulo">
  3626.                 <h1>ACCIONES DE RSE</h1>
  3627.                 <font class="subtitulo"> EMPLEADOS </font>
  3628.             </div>
  3629.            
  3630.             <div class="botones">
  3631.                 <a href="#" class="boton_guardar"><span class="flaticon-uniE014"></span></a>
  3632.             </div>
  3633.            
  3634.             <div class="contenedor_input mostrar" numero="1">
  3635.                 <div class="contenedor_input_">
  3636.                     <div class="opciones">
  3637.                         <div class="opcion " valor="0"> NO INVERTIR  </div>
  3638.                         <div class="opcion " valor="10000">INVERTIR </div>
  3639.                         <input type="hidden" class="opcion_val" valor="" value="" name="RSE_1">
  3640.                     </div>
  3641.                     <div class="nav_opciones" style="padding-top:8px;">
  3642.                         <a href="#" style="position:absolute; z-index:999; right:0" class="sig"> > </a>
  3643.                         <a href="#" style="position:absolute; z-index:999; left:0" class="atr"> < </a>
  3644.                     </div>
  3645.                     <p style="margin-top:96px"><span>Mejorar</span> la adecuaci&oacute;n de los <span>puestos de trabajo ( $10,000 )</span></p>
  3646.                 </div>
  3647.             </div>
  3648.            
  3649.             <div class="contenedor_input " numero="2">
  3650.                 <div class="contenedor_input_">
  3651.                     <div class="opciones">
  3652.                         <div class="opcion " valor="0">NO INVERTIR </div>
  3653.                         <div class="opcion " valor="800">INVERTIR</div>
  3654.                         <input type="hidden" class="opcion_val" valor="" value="" name="RSE_2">
  3655.                     </div>
  3656.                     <div class="nav_opciones" style="padding-top:8px;">
  3657.                         <a href="#" style="position:absolute; z-index:999; right:0" class="sig"> > </a>
  3658.                         <a href="#" style="position:absolute; z-index:999; left:0" class="atr"> < </a>
  3659.                     </div>
  3660.                     <p style="margin-top:96px">Abrir <span>v&iacute;as de comunicaci&oacute;n ( $800 )</span></p>
  3661.                 </div>
  3662.             </div>
  3663.            
  3664.             <div class="contenedor_input " numero="3">
  3665.                 <div class="contenedor_input_">
  3666.                     <div class="opciones">
  3667.                         <div class="opcion " valor="0">NO INVERTIR </div>
  3668.                         <div class="opcion " valor="1800">INVERTIR</div>
  3669.                         <input type="hidden" class="opcion_val" valor="" value="" name="RSE_3">
  3670.                     </div>
  3671.                     <div class="nav_opciones" style="padding-top:8px;">
  3672.                         <a href="#" style="position:absolute; z-index:999; right:0" class="sig"> > </a>
  3673.                         <a href="#" style="position:absolute; z-index:999; left:0" class="atr"> < </a>
  3674.                     </div>
  3675.                     <p style="margin-top:96px">No llevar a cabo <span>marketing enga&ntilde;oso ( $1,800 )</span></p>
  3676.                 </div>
  3677.             </div>
  3678.            
  3679.             <div class="contenedor_input " numero="4">
  3680.                 <div class="contenedor_input_">
  3681.                     <div class="opciones">
  3682.                         <div class="opcion " valor="0">NO INVERTIR</div>
  3683.                         <div class="opcion " valor="7000">INVERTIR</div>
  3684.                         <input type="hidden" class="opcion_val" valor="" value="" name="RSE_4">
  3685.                     </div>
  3686.                     <div class="nav_opciones" style="padding-top:8px;">
  3687.                         <a href="#" style="position:absolute; z-index:999; right:0" class="sig"> > </a>
  3688.                         <a href="#" style="position:absolute; z-index:999; left:0" class="atr"> < </a>
  3689.                     </div>
  3690.                     <p style="margin-top:96px"><span>Mejorar</span> requisitos legales exigidos en urbanismo y sanidad <span>( $7,000 )</span></p>
  3691.                 </div>
  3692.             </div>
  3693.            
  3694.             <div class="contenedor_input " numero="5">
  3695.                 <div class="contenedor_input_">
  3696.                     <div class="opciones">
  3697.                         <div class="opcion " valor="0">NO INVERTIR</div>
  3698.                         <div class="opcion " valor="5000">INVERTIR</div>
  3699.                         <input type="hidden" class="opcion_val" valor="" value="" name="RSE_5">
  3700.                     </div>
  3701.                     <div class="nav_opciones" style="padding-top:8px;">
  3702.                         <a href="#" style="position:absolute; z-index:999; right:0" class="sig"> > </a>
  3703.                         <a href="#" style="position:absolute; z-index:999; left:0" class="atr"> < </a>
  3704.                     </div>
  3705.                     <p style="margin-top:96px">Patrocinar <span>equipos deportivos</span> de la zona en la que desarrollas tu actividad <span> ( $5,000 ) </span></p>
  3706.                 </div>
  3707.             </div>
  3708.            
  3709.             <div class="dotstyle dotstyle-fillup">
  3710.                 <ul>
  3711.                     <li num = "1" class="current"><a href="#">EMPLEADOS </a></li>
  3712.                     <li num = "2" ><a href="#">PROVEEDORES</a></li>
  3713.                     <li num = "3" ><a href="#">CLIENTES</a></li>                    
  3714.                     <li num = "4" ><a href="#">ADMINISTRACIONES P&Uacute;BLICAS</a></li>
  3715.                     <li num = "5" ><a href="#">SOCIEDAD </a></li>                      
  3716.                 </ul>
  3717.                 <div class="mouseover"></div>
  3718.             </div>
  3719.         </div>
  3720.    
  3721.     </div>
  3722.    
  3723.      
  3724.        
  3725.     <div class="box gris" col="4" row="1">
  3726.         <div class="contenedor_ventana">
  3727.             <div class="titulo">
  3728.                 <p> EMPLEADOS </p>
  3729.             </div>
  3730.             <div class="contenedor_1 estrecho izq">
  3731.                 <font class="subtitulo izq"> Inversi&oacute;n en periodo ant. ($)</font>
  3732.                 <font class="numero small"> 10000 </font>
  3733.             </div>
  3734.         </div>
  3735.     </div>
  3736.  
  3737.     <div class="box gris" col="4" row="1">
  3738.         <div class="contenedor_ventana">
  3739.             <div class="titulo">
  3740.                 <p> PROVEEDORES </p>
  3741.             </div>
  3742.             <div class="contenedor_1 estrecho izq">
  3743.                 <font class="subtitulo izq"> Inversi&oacute;n en periodo ant. ($)</font>
  3744.                 <font class="numero small"> 0 </font>
  3745.             </div>
  3746.         </div>
  3747.     </div>
  3748.  
  3749.     <div class="box gris" col="4" row="1">
  3750.         <div class="contenedor_ventana">
  3751.             <div class="titulo">
  3752.                 <p> CLIENTES </p>
  3753.             </div>
  3754.             <div class="contenedor_1 estrecho izq">
  3755.                 <font class="subtitulo izq"> Inversi&oacute;n en periodo ant. ($)</font>
  3756.                 <font class="numero small"> 0 </font>
  3757.             </div>
  3758.         </div>
  3759.     </div>
  3760.  
  3761.     <div class="box gris" col="4" row="1">
  3762.         <div class="contenedor_ventana">
  3763.             <div class="titulo">
  3764.                 <p> ADMIN. P&Uacute;BLICAS </p>
  3765.             </div>
  3766.             <div class="contenedor_1 estrecho izq">
  3767.                 <font class="subtitulo izq"> Inversi&oacute;n en periodo ant. ($)</font>
  3768.                 <font class="numero small"> 0 </font>
  3769.             </div>
  3770.         </div>
  3771.     </div>
  3772.  
  3773.     <div class="box gris" col="4" row="1">
  3774.         <div class="contenedor_ventana">
  3775.             <div class="titulo">
  3776.                 <p> SOCIEDAD </p>
  3777.             </div>
  3778.             <div class="contenedor_1 estrecho izq">
  3779.                 <font class="subtitulo izq"> Inversi&oacute;n en periodo ant. ($)</font>
  3780.                 <font class="numero small"> 0 </font>
  3781.             </div>
  3782.         </div>
  3783.     </div>
  3784.  
  3785.     <div class="box gris" col="4" row="1">
  3786.         <div class="contenedor_ventana">
  3787.             <div class="titulo">
  3788.                 <p> INVERSI&Oacute;N TOTAL </p>
  3789.             </div>
  3790.             <div class="contenedor_1 estrecho izq">
  3791.                 <font class="subtitulo izq"> Inversi&oacute;n en periodo ant. ($)</font>
  3792.                 <font class="numero small"> 10000 </font>
  3793.             </div>
  3794.         </div>
  3795.     </div>
  3796.  
  3797.  
  3798. </div>
  3799. </div>
  3800. </div><!-- Pagina principal -->
  3801. <div class="container mensaje_ok" id="page-8">
  3802.     <div style="float:right; margin-top: -190px; margin-right:20px">
  3803.         <a class="pageload-link" href="#page-00">X</a>
  3804.     </div>
  3805.     <div style="width:100%; text-align:center;">
  3806.         <p>La desicion se guardo correctamente :)</p><br><br>
  3807.         <a class="pageload-link btn" href="#page-00">Aceptar</a>
  3808.     </div>
  3809. </div>
  3810.  
  3811. <style>
  3812.     .caca{
  3813.         color:rgba(57,159,59,1.00)
  3814.     }
  3815. </style><!-- Pagina principal -->
  3816. <div class="container mensaje_enviar" id="page-9">
  3817.     <a class="pageload-link" href="#page-00" id="cerrar_decisiones">
  3818.         <span class="flaticon-uniE013 btn_cerrar" style="margin-top:-15px"></span>
  3819.     </a>
  3820.    
  3821.     <div style="width:100%; text-align:center;">
  3822.         <p>¿Enviar las decisiones?</p>
  3823.         <p style="font-size:24px;" id="resultado_enviadas">Se recomienda <a href="#" id="ver_decisiones"><span>ver</span></a> las decisiones antes de enviar</p><br/><br/>
  3824.         <a class="btn" href="#" id="enviar_decisiones">Enviar</a>  
  3825.         <div id="contenedor_tabla">
  3826.          
  3827.         </div>
  3828.     </div>
  3829.     <div style="clear:both; height:50px"></div>
  3830. </div>
  3831. <!-- Pagina principal -->
  3832. <div class="container mensaje_ok" id="page-10">
  3833.     <a class="pageload-link" href="#page-00">
  3834.         <span class="flaticon-uniE013 btn_cerrar" style="margin-top:-180px"></span>
  3835.     </a>
  3836.    
  3837.     <div style="width:100%; text-align:center;">
  3838.         <p>¿Desea cerrar sesion?</p><br><br>
  3839.         <a class="btn" href="logout.php">Aceptar</a>        
  3840.     </div>
  3841. </div><!-- Pagina principal -->
  3842. <div class="container ayuda" id="page-11">
  3843.     <a class="pageload-link" href="#page-00">
  3844.         <span class="flaticon-uniE013 btn_cerrar"></span>
  3845.     </a>
  3846.    
  3847.     <div style="width:80%; text-align:left; margin:auto">
  3848.         <p class="titulo"><span class="flaticon-uniE00B"></span> Mensajes</p>
  3849.         <p style="font-size:24px;">
  3850.             No hay mensajes nuevos        </p><br/><br/>
  3851.        
  3852.     </div>
  3853. </div>
  3854. <!-- Pagina principal -->
  3855. <div class="container ayuda" id="page-12">
  3856.     <a class="pageload-link" href="#page-00">
  3857.         <span class="flaticon-uniE013 btn_cerrar"></span>
  3858.     </a>
  3859.     <div style="width:80%; margin:auto; text-align:left; padding-bottom:50px; font-size:22px;">
  3860.    
  3861.         <p class="titulo">Ayuda </p>
  3862.         <p><span>Desafío Zona i</span> consiste en un juego de Simulación donde cada equipo deberá gestionar un negocio tomando
  3863. decisiones relacionadas con los ámbitos de la producción, la comercialización y las finanzas. </p>
  3864.         <p>Los participantes forman grupos de trabajo de 3 a 5 personas para administrar una empresa en una industria determinada, en la que también participan otros grupos.</p>
  3865.         <p>Las empresas conformadas son agrupadas en llaves. Se estructuran tantas llaves como sean necesarias a fin de incluir
  3866. todas las empresas registradas. En cada uno de estos sectores operan 10 empresas como máximo, las cuales compiten
  3867. entre sí. </p>
  3868.         <p>La primera ronda de decisiones se debe basar en el análisis de los datos iniciales e históricos. Esta información se
  3869. encuentra en los datos iniciales que se brindan al empezar la simulación. </p>
  3870.         <p> La información necesaria para que los participantes puedan tomar las siguientes decisiones es enviada por el
  3871. administrador. La misma consiste en los resultados obtenidos por la empresa como consecuencia de las decisiones
  3872. tomadas anteriormente, así como las nuevas condiciones que se presenten en el entorno. </p>
  3873.         <p>El plazo total considerado para la simulación es dividido en periodos iguales, cada uno de los cuales comprenden un
  3874. ciclo de operación de la empresa de un trimestre, es decir, que por cada ronda de decisiones transcurren 3 meses en la
  3875. vida de la empresa. </p>
  3876.         <p>En función del desempeño de cada equipo se le asignara un puntaje (que se visualizara en la pantalla del simulador)
  3877. para evaluar los equipos de cada sector. En cada periodo se suministrará al equipo un puntaje del periodo anterior y un
  3878. puntaje acumulado (de todos los periodos ya jugados).</p>
  3879.         <p>El equipo ganador de cada sector será el que al finalizar los 8 periodos obtenga el mayor puntaje acumulado. Habrá una
  3880. segunda etapa donde se enfrentan los mejores de cada llave en una etapa final
  3881.         </p>
  3882.         <p>El juego tendrá 4 estacionalidades al año que modifican la demanda. La demanda también estará afectada por el
  3883. aumento de la industria provocada por las inversiones en marketing de los competidores, variación de la actividad
  3884. económica, inflación, entre otras cosas
  3885.         </p>
  3886.         <p>Cada equipo tendrá a disposición informaciones para la capacitación y ayuda en la toma de decisiones: informaciones de
  3887. mercado (de las empresas competidoras), información de la economía actual (inflación, estacionalidad, aumento de la
  3888. industria, etc.) y los Estados Contables de la empresa: Balance General, Estado de Resultados, Estado de Flujo de Caja
  3889. (Cash Flow).
  3890.         </p>
  3891.         <p>El presupuesto de la empresa está formado por la caja de la empresa y el límite de crédito. Si se necesita gastar más
  3892. que la caja de la empresa se deberá pedir un préstamo al banco, aumentando así su caja, el cual será recibido en el
  3893. próximo período. En caso de que la caja no alcance a cumplir los gastos en un período se activará un préstamo de corto
  3894. plazo.
  3895.         </p>
  3896.         <p>
  3897.         Si el préstamo de corto plazo no alcanza para suplir la deuda la empresa se declara en quiebra y queda eliminada de la
  3898. competición. Otra forma de quedar fuera del juego es no enviando las decisiones en los tiempos pre-establecidos.También podrán realizar compra de insumos a plazo, las cuales serán pagadas en una sola cuota en el período
  3899. siguiente.
  3900.         </p>
  3901.         <p>En determinados periodo las empresas tendrán obstáculos extras a la toma de decisiones que evaluaran su capacidad
  3902. de tomar decisiones rápidas y riesgosas, pero también informarán y enseñarán a los equipos sobre temáticas especiales.
  3903.         </p>                                
  3904.  
  3905.     </div>
  3906.    
  3907. </div>
  3908. <!-- Pagina principal -->
  3909. <div class="container ayuda" id="page-13">
  3910.     <a class="pageload-link" href="#page-00">
  3911.         <span class="flaticon-uniE013 btn_cerrar"></span>
  3912.     </a>
  3913.    
  3914.     <div style="width:80%; margin:auto; text-align:left; padding-bottom:50px; font-size:22px;">
  3915.    
  3916.         <p class="titulo">Orden de Producción</p>
  3917.         <p>Aquí se deberá tomar en consideración cuanto se pretende vender, cuanto se puede producir y la necesidad de usar horas extras. Al usar horas extras, su empresa puede producir hasta 20% más, a un costo de mano de obra 50% más alto.</p><br/>
  3918.  
  3919.         <p class="titulo">Insumos</p>
  3920.         <p>La decisión sobre insumos de producción es importante: cualquier error puede llevar a la falta de insumos con consecuencias terribles para su desempeño. </p>
  3921.         <p>Los insumos de producción, comprados en un período, sólo serán entregados en siguiente. Aun así, es un gasto que sale del presupuesto en el período en que la compra es hecha. </p>
  3922.         <p>Además del costo de cada insumo existirá un gasto de transporte asociado a la compra.</p>
  3923.         <p> Existen 3 tipos de insumos que posee el proveedor, cada uno con un respectivo costo y calidad asociada: </p>
  3924.         <p><ul><li>Insumos  de  calidad  <span>PREMIUM</span>: Corresponden a los mejores insumos que dispone el mercado. Se busca tener la mejor calidad de alfajor. </li><br/>
  3925.         <li>Insumos  de calidad <span>DIFERENCIADA</span>: Se compran los insumos de calidad y precio promedio exceptuando el chocolate que es de primera calidad, considerando que es el ingrediente fundamental en la preparación del alfajor. </li><br/>
  3926.         <li>Insumos  de calidad <span>NORMAL</span>: Se busca comprar buenos insumos pero que no resulten muy costosos para lograr un producto de bajo costo
  3927.         </li></ul></p><br/>
  3928.        
  3929.         <p class="titulo">Porcentaje de plazo</p>
  3930.        
  3931.         <p>La empresa puede pagar parte de la compra de insumos de producción a plazo. Para hacerlo, debe escribir el porcentaje del valor de los insumos que desea pagar a plazo (en el campo A PLAZO). Caso quiera pagar todo al contado, coloque 0 en el campo A PLAZO. Las compras realizadas a plazo se pagan en la próxima ronda y hasta que se realice su pago, ellas permanecerán en los informes financieros en la cuenta ⿿Cuentas a Pagar⿿ del ⿿Balance General⿿.<br/> Tenga en cuenta que el proveedor nos cobra un interés sobre las compras a plazo de insumos.</p><br/>
  3932.        
  3933.         <p class="titulo">Mantenimiento</p>      
  3934.         <p>Para reducir la depreciación de su fábrica es necesario invertir en mantenimiento.<br/>  Además, al gastar recursos en mantenimiento, su empresa puede obtener una reducción considerable en elcosto de producción. La amortización de la unidad fabril es de 2,5% al trimestre.
  3935.         </p>
  3936.        
  3937.        
  3938.     </div>
  3939.    
  3940. </div>
  3941. <!-- Pagina principal -->
  3942. <div class="container ayuda" id="page-14">
  3943.     <a class="pageload-link" href="#page-00">
  3944.         <span class="flaticon-uniE013 btn_cerrar"></span>
  3945.     </a>
  3946.    
  3947.     <div style="width:80%; margin:auto; text-align:left; padding-bottom:50px; font-size:22px;">
  3948.    
  3949.         <p class="titulo">Investigación y desarrollo (ID)</p>
  3950.         <p>Esto es importante por el potencial de reducción de costos que se puede obtener a través de la agregación de  nuevas  técnicas  y  tecnologías,  y  para  el  desarrollo de nuevas líneas  de producto  o  mejoría  de  las existentes. Afecta directamente la calidad del producto.</p>  <br/>
  3951.        
  3952.         <p class="titulo">Empaque</p>
  3953.         <p>El Packaging  o Empaque  es  un  recipiente  o  envoltura  que  contiene  productos  de  manera  temporal principalmente  para  agrupar  unidades  de  un  producto  pensando  en  su  manipulación,  transporte  y almacenaje</p>
  3954.         <p>Otras funciones del packaging son: proteger  el contenido, facilitar la manipulación, informar sobre sus condiciones  de  manejo,  requisitos  legales,  composición,  ingredientes,  etc.  </p>
  3955.         <p>Dentro  del  establecimiento comercial, el embalaje puede ayudar a vender la mercancía mediante su diseño gráfico y estructural. Se disponen de 3 tipos de empaques para elegir:</p>
  3956.         <p><ul><li><span>Plástico</span>: El envoltorio es un compuesto de aluminio y plástico  PEBD (Polietileno de Baja Densidad). Película brillante y flexible al tacto. Con su reducido espesor se obtiene más empaque por kilo, lo cual es algo que abarata mucho los costos. El diseño gráfico es sencillo con la imagen del producto y marca de la empresa </li><br/>
  3957.             <li> <span>BOPP</span>: Envoltorio  de  BOPP  (polipropileno  biorientado).  Es una  película  de  polipropileno  con  un revestimiento que permite que sea termo sellado. Su característica principal es la barrera de protección que ofrece para evitar la entrada o salida de humedad. Por lo que sus aplicaciones se orientan principalmente al mercado masivo de galletas, snaks, chocolates, alfajores, caramelos y también etiquetas. </li><br/>
  3958.             <li><span>Metalizado</span>: Variante de envoltorio de BOPP que permiten lograr un  envasado de alta calidad mejorando el impacto visual. Tipo metalizada para mejorar la capacidad de protección. Alta resolución de imagen en el empaque.</li>
  3959.             </ul></p><br/>
  3960.            
  3961.         <p class="titulo"> Inversiones en aumento de capacidad productiva</p>
  3962.         <p>Para mantener o aumentar la capacidad de producción es necesario realizar nuevas inversiones en la unidad fabril.  Al  planear  sus  inversiones  en  la  unidad  de producción,  recuerde  que  la  depreciación  de  los Equipamientos es de 2,5% al trimestre.</p><br/>
  3963.        
  3964.         <p class="titulo"> Distribución de las ganancias</p>
  3965.         <p>Las ganancias obtenidas en un periodo dado pueden permanecer en la empresa para futuras inversiones o pueden distribuirse una parte de la misma a sus propietarios siempre y cuando ellas se obtengan en el período en que se desean distribuir, y que su endeudamiento de corto   plazo (cuentas a pagar + préstamos - cuentas a recibir) sea inferior a 50% del Patrimonio Neto o si el Patrimonio Neto es negativo.</p><br/>
  3966.        
  3967.         <p class="titulo">Pedido de Préstamo al Banco</p>
  3968.         <p>El presupuesto de la empresa está formado por la caja de la empresa y por un acuerdo con el banco para girar en
  3969. cheques en descubierto en la cuenta corriente que la empresa tiene en el banco, esto impide que la empresa gaste más
  3970. de lo que podrá pagar.</p>
  3971.     </div>
  3972.    
  3973. </div>
  3974. <!-- Pagina principal -->
  3975. <div class="container ayuda" id="page-15">
  3976.     <a class="pageload-link" href="#page-00">
  3977.         <span class="flaticon-uniE013 btn_cerrar"></span>
  3978.     </a>
  3979.     <div style="width:80%; margin:auto; text-align:left; padding-bottom:50px; font-size:22px;">
  3980.    
  3981.         <p class="titulo">Publicidad</p>
  3982.         <p>Los  gastos  en  publicidad  son  esenciales  para  que  su  empresa  pueda  aumentar  su  participación  en  el mercado. Cuanto más se gasta en las diversas modalidades disponibles, más tiende a expandirse el mercado y los clientes van a preferir su marca a la de los competidores. Los cinco principales medios publicitarios son la prensa, la radio, la televisión, la publicidad en exteriores e Internet. </p>
  3983.         <p> <span> Internet</span><p>
  3984.         <p>Representa una publicidad de bajo costo, que llega de forma personalizada al lector y en cualquier parte del mundo.  Es  una  gran  oportunidad  para  pequeñas  empresas.  Sin  embargo,  a  pesar  de  las  ventajas,  el consumidor suele ignorar estos mensajes debido a la saturación.La inversión en este medio se traduce en la creación y mantenimiento del sitio web para presentar sus productos y servicios en la red. </p>
  3985.         <p> <span>Radio</span></p>
  3986.         <p>Es un medio "solo-audio" que en la actualidad está recobrando su popularidad. Tiene varias fortalezas como medio de publicidad: selectividad de audiencia, muchos oyentes fuera de casa, bajos costos unitarios y de producción, oportunidad y flexibilidad geográfica. Los anunciantes locales son los usuarios más comunes de la publicidad a través de la radio, por lo que contribuyen con más de tres cuartas partes de todos los ingresos de ese medio.</p>
  3987.         <p> <span>Televisión</span></p>
  3988.         <p> Es un medio audiovisual masivo que permite a los publicistas desplegar toda su creatividad porque pueden combinar imagen, sonido y movimiento. Llega a un alto número de personas, es un medio caro y de gran impacto. Se utiliza para anunciar productos o servicios de amplio consumo.</p>
  3989.         <p> <span> Prensa</span> </p>
  3990.         <p>Es un medio con alto nivel de credibilidad y gran flexibilidad geográfica. Se trata de un medio leído por personas que gustan de información por lo que la publicidad puede ser más extensa y precisa. La mayor fuente de ingresos en los periódicos por concepto de publicidad es gracias a los vendedores locales y los anuncios clasificados.</p>
  3991.         <p> <span>V&iacute;a p&uacute;blica</span></p>
  3992.         <p>La publicidad en carteles, ya se ubiquen estos en centros comerciales, en paradas de colectivos, aeropuertos y demás, tienen un gran impacto en muchos consumidores a la vez ya que se concentran en lugares públicos y fácilmente visibles. El mensaje es sencillo, mucha imagen y poco texto. Además, es un medio flexible, de bajo costo, capaz de asumir una gran variedad de formas.</p>
  3993.  
  3994.     </div>
  3995.    
  3996. </div>
  3997. <!-- Pagina principal -->
  3998. <div class="container ayuda" id="page-16">
  3999.     <a class="pageload-link" href="#page-00">
  4000.         <span class="flaticon-uniE013 btn_cerrar"></span>
  4001.     </a>
  4002.    
  4003.     <div style="width:80%; margin:auto; text-align:left; padding-bottom:50px; font-size:22px;">
  4004.    
  4005.         <p class="titulo">Política de Precios</p>
  4006.         <p>La fijación del precio de venta debe tener en cuenta la alta sensibilidad del mercado a oscilaciones de precios. Las alzas abruptas de los precios producen bajas acentuadas en las ventas. Existe un precio máximo que sus clientesaceptan pagar. Los compradores no aceptarán uno más alto y sus ventas podrán bajar súbita y acentuadamente. </p></br>
  4007.         <p class="titulo">Política de Descuentos</p>
  4008.         <p> En este punto, usted puede otorgar descuentos con el objeto de estimular las ventas en rondas de baja demanda (período de baja estacionalidad).  El descuento se aplicará apenas en dos días a la semana, de esta manera, se evitar que la empresa se convierta en una empresa de descuentos. Ejemplo: Si el precio de su producto es $50 y quiere cobrar $40 en períodos de baja estacionalidad, tendrá que escribir 20,00 en el ítem ⿿% descuento⿿.</p></br>
  4009.         <p class="titulo">Ventas a plazo</p>
  4010.         <p>El porcentaje de ventas a plazo representa cuantas ventas (respecto la demanda generada) se van a permitir cobrar en el periodo siguiente a la venta. Los clientes que compran a crédito representan una demanda importante  ya  que  el  plazo  es  un  incentivo  para  la compra  de  un  determinado  producto.  Las  ventas realizadas a crédito serán procesadas como ventas del período, pero el ingreso monetario de las mismas se dará en el período siguiente. Los intereses de esta modalidad de venta son utilizados para pagar la gestión de este servicio, con lo cual el monto recibido es similar a una venta realizada al contado. Se debe tener cuidado ya que los plazos prolongados pueden causar problemas de flujo de caja si no existen las debidas fuentes de financiamiento.</p>
  4011.     </div>
  4012.    
  4013. </div>
  4014. <!-- Pagina principal -->
  4015. <div class="container ayuda" id="page-17">
  4016.     <a class="pageload-link" href="#page-00">
  4017.     <div class="btn_cerrar">X</div>
  4018.     </a>
  4019.    
  4020.     <div style="width:80%; margin:auto; text-align:left; padding-bottom:50px; font-size:22px;">
  4021.    
  4022.     <p class="titulo">Pedido de Préstamo al Banco</p>
  4023.         <p>El presupuesto de la empresa está formado por la caja de la empresa y por un acuerdo con el banco para girar en cheques en descubierto en la cuenta corriente que la empresa tiene en el banco, esto impide que la empresa gaste más de lo que podrá pagar.  </p>
  4024.         <p>En el caso de que sus ingresos más la caja actual sean insuficientes para liquidar los gastos, el banco otorga un adelanto transitorio en efectivo en la cuenta corriente. Este este se liquida automáticamente y no necesita ser solicitado al banco. Sin embargo, debe pagarse íntegramente en la ronda siguiente con intereses más altos que los de préstamos a adelantos pre-acordados en el período anterior.</p>
  4025.         <p>En caso de que se detecte una necesidad de caja para la próxima ronda, se recomienda que la empresa solicite un préstamo pre-acordado. Este valor entrará en la caja de la empresa en la ronda siguiente en el que se solicite, pero no aumentará el presupuesto en el período actual de la empresa.</p>
  4026.         <p>Este préstamo se paga en cuatro cuotas, siendo la primera en el período siguiente a su recepción.</p>
  4027.     </div>
  4028.    
  4029. </div>
  4030. <!-- Pagina principal -->
  4031. <div class="container ayuda" id="page-18">
  4032.     <a class="pageload-link" href="#page-00">
  4033.         <span class="flaticon-uniE013 btn_cerrar"></span>
  4034.     </a>
  4035.    
  4036.     <div style="width:80%; margin:auto; text-align:left; padding-bottom:50px; font-size:22px;">
  4037.    
  4038.         <p class="titulo">Responsabilidad social</p>
  4039.         <p>La Responsabilidad Social Empresarial (RSE) es el fenómeno voluntario que busca conciliar el crecimiento y la competitividad, integrando al mismo tiempo el compromiso con el desarrollo social y la mejora del medio ambiente.  
  4040. La creciente preocupación de la sociedad sobre los problemas de carácter ético, ambiental y social, hace que las empresas traten de abordarlos en profundidad, adquiriendo un compromiso permanente con todos los grupos de interés.</p>
  4041.         <p>Aquí puede decidir cuánto destinar de los recursos de la compañía a una institución que busca construir una sociedad mejor.</p>
  4042.         <p>Esta inversión no es obligatoria, pero acciones de este estilo impactan positivamente en la imagen de la empresa percibida por la sociedad, razón por la cual se encuentra en el área de las decisiones de marketing.</p>
  4043.         <p><span>EMPLEADOS </span> <br/>
  4044.         Mejorar la adecuación de los puestos de trabajo. Ante todo se debe cumplir la normativa en Seguridad y Prevención. A partir de ahí, se puede mejorar con una buena iluminación, carteles de motivación, colores adecuados, orden en el lugar de trabajo, etc. </p>
  4045.         <p><span>PROVEEDORES  </span> <br/>
  4046.         Abrir vías de comunicación, como reuniones, donde el proveedor pueda transmitir sus quejas y aportar mejoras.</p>
  4047.         <p><span>CLIENTES  </span> <br/>
  4048.         No llevar a cabo marketing engañoso. En los medios publicitarios que se utilicen, por ejemplo la web, o incluso en el envasado de los productos, se deben especificar claramente las características con exactitud, sin exageraciones. </p>
  4049.         <p><span>ADMINISTRACIONES P&Uacute;BLICAS  </span> <br/>
  4050.         Mejorar los requisitos legales exigidos en temas como urbanismo o sanidad. En Responsabilidad Social no sólo hay que cumplir los mínimos, si puedes, haz algo más. </p>
  4051.         <p><span>SOCIEDAD  </span> <br/>
  4052.         Patrocinar equipos deportivos de la zona en la que desarrollas tu actividad o de los hijos de tus empleados. </p>
  4053.        
  4054.     </div>
  4055.    
  4056. </div>
  4057. <!-- Pagina principal -->
  4058. <div class="container ayuda" id="page-19">
  4059.     <a class="pageload-link" href="#page-00">
  4060.     <div class="btn_cerrar">X</div>
  4061.     </a>
  4062.         <img src="http://simuladordesafiar1.azurewebsites.net/img/calculadora.png" width="100%">
  4063.    
  4064.     <div style="width:80%; margin:auto; text-align:left; padding-bottom:50px; font-size:22px;">
  4065.    
  4066.         <!--<p class="titulo">Responsabilidad social</p>
  4067.         <p>La Responsabilidad Social Empresarial (RSE) es el fenómeno voluntario que busca conciliar el crecimiento y la competitividad, integrando al mismo tiempo el compromiso con el desarrollo social y la mejora del medio ambiente.  
  4068. La creciente preocupación de la sociedad sobre los problemas de carácter ético, ambiental y social, hace que las empresas traten de abordarlos en profundidad, adquiriendo un compromiso permanente con todos los grupos de interés.</p>
  4069.         <p>Aquí puede decidir cuánto destinar de los recursos de la compañía a una institución que busca construir una sociedad mejor.</p>
  4070.         <p>Esta inversión no es obligatoria, pero acciones de este estilo impactan positivamente en la imagen de la empresa percibida por la sociedad, razón por la cual se encuentra en el área de las decisiones de marketing.</p>-->
  4071.        
  4072.  
  4073.     </div>
  4074.    
  4075. </div>
  4076. <div id="loader" class="pageload-overlay" data-opening="M20,15 50,30 50,30 30,30 Z;M0,0 80,0 50,30 20,45 Z;M0,0 80,0 60,45 0,60 Z;M0,0 80,0 80,60 0,60 Z" data-closing="M0,0 80,0 60,45 0,60 Z;M0,0 80,0 50,30 20,45 Z;M20,15 50,30 50,30 30,30 Z;M30,30 50,30 50,30 30,30 Z">
  4077.     <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 80 60" preserveAspectRatio="none">
  4078.         <path d="M30,30 50,30 50,30 30,30 Z"/>
  4079.     </svg>
  4080.    <img src="http://simuladordesafiar1.azurewebsites.net/img/logo-zonai.png" style="" class="logo-zonai">
  4081. </div><!-- /pageload-overlay -->
  4082.  
  4083.  
  4084.  
  4085.            
  4086. </div><!-- /pagewrap -->
  4087.  
  4088.  
  4089.  
  4090. <div id="barra_inferior" class="">
  4091.     <ul>
  4092.         <a class="pageload-link" href="#page-02">
  4093.             <li> <span class="flaticon-uniE003"></span> </li>
  4094.         </a>
  4095.         <a class="pageload-link" href="#page-03">
  4096.             <li> <span class="flaticon-uniE00A"></span> </li>
  4097.         </a>
  4098.         <a class="pageload-link" href="#page-04">
  4099.             <li> <span class="flaticon-uniE010"></span> </li>
  4100.         </a>
  4101.         <a class="pageload-link" href="#page-05">
  4102.             <li> <span class="flaticon-uniE00D"></span> </li>
  4103.         </a>
  4104.         <a class="pageload-link" href="#page-07">
  4105.             <li> <span class="flaticon-uniE00C"></span> </li>
  4106.         </a>                        
  4107.     </ul>
  4108. </div>
  4109.  
  4110. <!-- Audio -->
  4111. <audio id="sonido1" controls preload="auto" style="visibility:hidden">
  4112.     <source src="http://simuladordesafiar1.azurewebsites.net/audio/beep.mp3" controls></source>
  4113.     <source src="http://simuladordesafiar1.azurewebsites.net/audio/beep.ogg" controls></source>
  4114. </audio>
  4115.  
  4116. <audio id="sonido2" controls preload="auto"  style="visibility:hidden">
  4117.     <source src="http://simuladordesafiar1.azurewebsites.net/audio/turn.mp3" controls></source>
  4118. </audio>
  4119.  
  4120. <audio id="sonido3" controls preload="auto"  style="visibility:hidden">
  4121.     <source src="http://simuladordesafiar1.azurewebsites.net/audio/beep2.ogg" controls></source>
  4122. </audio>
  4123.  
  4124.  
  4125.     <!-- Jquery -->
  4126.     <script src="http://simuladordesafiar1.azurewebsites.net/js/jquery.min.js"></script>
  4127.  
  4128.     <!-- Accordion -->
  4129.     <script src="http://simuladordesafiar1.azurewebsites.net/js/accordion/jquery.velocity.min.js" type="text/javascript"></script>
  4130.     <script src="http://simuladordesafiar1.azurewebsites.net/js/accordion/mtree.js" type="text/javascript"></script>    
  4131.     <script> $('ul.mtree'); </script>
  4132.    
  4133.     <!-- Tiempo -->
  4134.     <script src="http://simuladordesafiar1.azurewebsites.net/js/clock/jquery.countdown.js"></script>
  4135.     <script> var tiempo =  </script>
  4136.     <script src="http://simuladordesafiar1.azurewebsites.net/js/clock/clock_init.js"></script>
  4137.    
  4138.    
  4139.     <!-- Gauje -->
  4140.     <script type="text/javascript" src="http://simuladordesafiar1.azurewebsites.net/js/gauje/prettify.js"></script>
  4141.     <script src="http://simuladordesafiar1.azurewebsites.net/js/gauje/gauge.js"></script>
  4142.     <script src="http://simuladordesafiar1.azurewebsites.net/js/gauje/init_gauje.js"></script>
  4143.    
  4144.     <!-- Knob -->
  4145.     <script src="http://simuladordesafiar1.azurewebsites.net/js/knob/jquery.knob.js"></script>
  4146.     <script src="http://simuladordesafiar1.azurewebsites.net/js/knob/knob_init.js"></script>
  4147.    
  4148.     <!-- Scroll -->
  4149.     <script src="http://simuladordesafiar1.azurewebsites.net/js/scroll/jquery.mCustomScrollbar.js"></script>
  4150.     <!--<script src="http://simuladordesafiar1.azurewebsites.net/js/scroll/jquery.nicescroll.js"></script>-->
  4151.     <script src="http://simuladordesafiar1.azurewebsites.net/js/scroll/scroll_init.js"></script>
  4152.     <script src="http://simuladordesafiar1.azurewebsites.net/js/scroll/scroll_mobil.js"></script>
  4153.    
  4154.    
  4155.  
  4156.     <script src="http://simuladordesafiar1.azurewebsites.net/js/barra.js"></script>
  4157.     <script src="http://simuladordesafiar1.azurewebsites.net/js/orden.js"></script>
  4158.    
  4159.     <link rel="stylesheet" href="http://simuladordesafiar1.azurewebsites.net/res/responsiveslides.css">
  4160.     <script src="http://simuladordesafiar1.azurewebsites.net/res/responsiveslides.min.js"></script>
  4161.     <script> $(".rslides").responsiveSlides({speed: 1000});</script>
  4162.      
  4163.     <!-- Form -->  
  4164.     <script src="http://simuladordesafiar1.azurewebsites.net/js/classie.js"></script>    
  4165.     <!--<script src="js/form/selectFx.js"></script>
  4166.     <script src="js/form/actualizar_desiciones.js"></script>    
  4167.     <script src="js/form/fullscreenForm.js"></script>-->
  4168.     <script src="http://simuladordesafiar1.azurewebsites.net/js/form/formulario.js"></script>
  4169.      
  4170.     <!-- Animacion cambio de pantalla -->
  4171.     <script src="http://simuladordesafiar1.azurewebsites.net/js/svg/snap.svg-min.js"></script>
  4172.     <script src="http://simuladordesafiar1.azurewebsites.net/js/svg/svgLoader.js"></script>
  4173.     <script src="http://simuladordesafiar1.azurewebsites.net/js/svg/svg_init.js"></script>
  4174.    
  4175.     <!-- Seleccionar colores -->
  4176.     <script src="http://simuladordesafiar1.azurewebsites.net/js/colores/colores_init.js"></script>
  4177.    
  4178.     <!-- Jquery UI -->
  4179.     <!--<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>-->
  4180.    
  4181.    
  4182.     <!-- Dots -->
  4183.     <script src="http://simuladordesafiar1.azurewebsites.net/js/dots.js"></script>
  4184.     <script>
  4185.         [].slice.call( document.querySelectorAll( '.dotstyle > ul' ) ).forEach( function( nav ) {
  4186.             new DotNav( nav, {
  4187.                 callback : function( idx ) {
  4188.                 //console.log( idx )
  4189.                 }
  4190.             });
  4191.         });
  4192.     </script>
  4193.    
  4194. <script>
  4195.     var sonido1 = $("#sonido1")[0],
  4196.         sonido2 = $("#sonido2")[0],
  4197.         sonido3 = $("#sonido3")[0],
  4198.         opacidad = 0.9,
  4199.         currentPage = 0,
  4200.         ProdPodible = ,
  4201.         Prod = ,
  4202.         Presupuesto = ,
  4203.         CostoInstalacion = ;
  4204.  
  4205.     $(document).ready(function(e) {
  4206.         $(window).resize();
  4207.         $('#cargando_inicial').css({'visibility':'hidden'});
  4208.         $('input[name = "AumPlanta"]').change();   
  4209.     });
  4210.  
  4211.     $(window).resize(function(){
  4212.         actualizar_barra();
  4213.         orden();
  4214.         resize_scroll_mobil();
  4215.         $('.contenedor_input input[type="text"]').keyup();
  4216.     });
  4217.    
  4218.    
  4219.     //Click boton derecho activa barra inferior
  4220.     $(document).bind("contextmenu", function(e){
  4221.         //switch_barra_inferior();
  4222.         //return false;
  4223.     });
  4224.  
  4225.     $('#enviar_decisiones').click(function(e){
  4226.         e.preventDefault();
  4227.         $.ajax({
  4228.             url: "http://simuladordesafiar1.azurewebsites.net/php/enviar_decisiones.php",
  4229.             beforeSend: function(){
  4230.                 $('#resultado_enviadas').css({'visibility':'hidden'});             
  4231.                 $('#enviar_decisiones').html('Enviando...');
  4232.             },
  4233.             success: function(result){
  4234.                 $('#resultado_enviadas').css({'visibility':'visible'});
  4235.                 $('#resultado_enviadas').html(result);
  4236.                 $('#enviar_decisiones').html('Enviar');            
  4237.             }
  4238.         });
  4239.     });
  4240.    
  4241.     function ver_decisiones_click(){
  4242.         $.ajax({
  4243.             url: "http://simuladordesafiar1.azurewebsites.net/php/decisiones.php",
  4244.             beforeSend: function(){
  4245.                 /*$('#resultado_enviadas').css({'visibility':'hidden'});               
  4246.                 $('#enviar_decisiones').html('Enviando...');*/
  4247.             },
  4248.             success: function(result){
  4249.                 $('#contenedor_tabla').html(result);
  4250.                 $('#contenedor_tabla').css({'opacity':'1'});
  4251.             }
  4252.         });
  4253.     }
  4254.    
  4255.     $('#ver_decisiones').click(function(e){
  4256.         e.preventDefault();
  4257.         ver_decisiones_click();
  4258.     });
  4259.    
  4260.     $('#cerrar_decisiones').click(function(e){
  4261.         $('#contenedor_tabla').html("");
  4262.         $('#contenedor_tabla').css({'opacity':'0'});
  4263.         $('#resultado_enviadas').html('Se recomienda <a href="#" id="ver_decisiones"><span>ver</span></a> las decisiones antes de enviar');
  4264.         $('#ver_decisiones').click(function(e){
  4265.             e.preventDefault();
  4266.             ver_decisiones_click();
  4267.         });
  4268.     });
  4269.  
  4270.  
  4271. </script>
  4272.  
  4273.  
  4274. </body>
  4275. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!