<div id="divExpedienteDetalle" class="clsContainer" style="float:left; width:100%;">
    
    <div id="divBotones" style="width:100%; display: inline-block; padding: 8px 0px 8px 0px; border:0; color:black;">
        <div id="divBotonesChild" style="float:right;">
            <div id="divLetrero" style=" display: none;font-size: 14px;margin-right:20px;background: chartreuse; padding: 2px 10px 2px 10px;border-radius: 4px;">
            </div>
            <a href="javascript: buscarPaciente(4);" class="clsAexpediente" ><img src="images/icon-search.png" style="vertical-align: middle; margin-left: 15px; margin-top: -2px; border:none;" /> Buscar por nombre</a>
            <a href="javascript: limpiarFormulario();" class="clsAexpediente" ><img src="images/icoTachita.png" style="vertical-align: middle; margin-left: 15px; margin-top: -2px; border:none;" /> Limpiar Formulario</a>
           
            <input id="btnIniciarConsulta1" onclick="abConsulta(0, 1)" type="button" value="Iniciar consulta" class="custom-button" style="display: none;"/> 
            <input id="btnIniciarConsulta2" onclick="abConsulta(3, 1)" type="button" value="Comenzar consulta" class="custom-button" style="display: none;"/> 
            <input id="btnTerminarConsulta" onclick="abConsulta(4, 1)" type="button" value="Terminar consulta" class="custom-button" style="display: none;" /> 
            
            <input id="btnVerConsultas" onclick="verConsultas()" type="button" value="Ver consultas" class="custom-button" style="" /> 
        </div>
    </div>
        
    <div id="divExpedientePaciente" style="float:left; width:100%; background:#f3f4f8; border:0px; border-top: 1px solid #ccc; box-sizing: border-box; margin: 0px;">

    	<div id="divDetalleInicialPaciente" style="float:left; width:100%; margin-top:5px; margin-right:0px; ">
        
            <div id="div1" class="clsDivsConText" style="float:left; width:158px; margin-right:10px; text-align:center;">
                <img id="imgFotoPaciente" src="" style="width:154px; height:117px;" /> <!-- style="width:120px; height:130px;" -->
                <img id="icoCamara" onclick="abrirCamara(1)" src="assets/img/cam.png" style="width:40px; height:40px; margin: 0 auto;" /> <!-- style="width:120px; height:130px;" -->
            </div>

            <div id="div2" style="float:left; padding: 5px; box-sizing: border-box;" class="clsDivsCon clsDiv2" >
                
                <div style="float:left; width:100%; " class="clsDivsCon" >
                    
                    <div class="ui-widget clsNombre" style="float:left;" >
                        <h1>Nombres *</h1>
                        <input id="txtId" type="hidden"/>
                        <input id="txtNombres" type="text" class="custom-combobox2" onblur="guardarPaciente('divExpedientePaciente')" />
                    </div>
                    
                    <div class="ui-widget clsNombre" style="float:left;" >
                        <h1>Apellidos *</h1>
                        <input id="txtApellidos" type="text" class="custom-combobox2" onblur="guardarPaciente('divExpedientePaciente')"/>
                    </div> 

                    <div class="ui-widget clsSexo" style="float:left; margin-right: 11px;">        
                        <h1>Sexo *</h1>
                        <select id="selectSexo" class="custom-combobox2" onchange="onchangeValue(this), guardarPaciente('divExpedientePaciente')">
                            <option value=""></option>
                            <option value="F">F</option>
                            <option value="M">M</option>
                        </select>
                    </div>

                    <div class="ui-widget clsFecNac" style=" float:left;">        
                        <h1>Fecha de Nacimiento *</h1>
                        <input type="text" id="txtFecNac" class="custom-combobox2" onblur="guardarPaciente('divExpedientePaciente')"/>
                    </div>

                </div>
            
                <div style="float:left; width:100%; " class="clsDivsCon" >
    		
                    <div class="ui-widget clsNombre" style="float:left;">        
                        <h1>Email *</h1>
                        <input type="text" id="txtEmail" class="custom-combobox2" onblur="guardarPaciente('divExpedientePaciente')"/>
                    </div>
                    
                    <div class="ui-widget clsSexo" style="float:left; margin-right: 11px;">        
                        <h1>Telefono *</h1>
                        <input type="text" id="txtTelefono" class="custom-combobox2" onblur="guardarPaciente('divExpedientePaciente')"/>
                    </div>
                    
                    <!--<div class="ui-widget" style=" float:left; margin-right:6px;">
                        <h1>Móvil</h1>
                        <input type="text" id="txtMovil" style="width:140px;" class="custom-combobox2" />*
                    </div>-->
                    
                    <div class="ui-widget clsFecNac" style="float:left;">
                        <h1>Compa&ntilde;ia Aseguradora</h1>
                        <input type="text" id="txtCompania" class="custom-combobox2" onblur="guardarPaciente('divExpedientePaciente')"/>
                    </div>
                    
                    <div class="ui-widget clsFecNac" style="float:left;">
                        <h1>Forma de Contacto</h1>
                        <select id="selectFormaContacto" class="custom-combobox2" onblur="guardarPaciente('divExpedientePaciente')">
                            <option value="internet">Internet</option>
                            <option value="revista">Revista</option>
                            <option value="otra">Otra</option>
                        </select>
                    </div>
                </div>

                <div style="float:left; width:99%;" class="clsDivsCon">
                
                    <div style="float:right; margin-top: 50px;">
                        <a id="aVerDetalle" href="javascript: verDetallePac();" style="font-weight:bold; ">Ver más</a>
                    </div>
                    
                </div>
            </div>
        </div>

        <!-- AGREGADO -->
        <div id="divDetalleExtraPaciente" style="visibility:hidden; display:none; margin: 10px;">
        	
            <h1 style="margin-top:15px; float:left;">Direcci&oacute;n Particular</h1>
            <hr/>
        <!--<div style=" float:left; width:98%; background:#FFF; border:1px solid #CCC; border-radius:5px; padding:10px;">-->
            <div class="ui-widget" style=" float:left;"> 
                <div class="ui-widget" style=" float:left; margin-right:10px;">        
                    <h1>Calle</h1>
                    <input type="text" id="txtCalle" style="width:200px;" class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">        
                    <h1>Num. Ext.</h1>
                    <input type="text" id="txtNumExt" style="width:60px;"  placeholder="Num. Ext." class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">        
                    <h1>Num. Int.</h1>
                    <input type="text" id="txtNumInt" style="width:60px;"  placeholder="Num. Int." class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">        
                    <h1>Colonia</h1>
                    <input type="text" id="txtColonia" style="width:200px;" class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">
                    <h1>Código Postal</h1>
                    <input type="text" id="txtCodigoPostal" style="width:100px;" class="custom-combobox2" />
                </div>      
                <div class="ui-widget" style=" float:left; margin-right:10px;">
                    <h1>País</h1>
                    <select id="selectPais" class="custom-combobox2" style="width:190px;height:27px;"></select>
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">
                    <h1>Estado</h1>
                    <select id="selectEstado" class="custom-combobox2" style="width:190px;height:27px;"></select>
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">
                    <h1>Municipio</h1>
                    <select id="selectMunicipio" class="custom-combobox2" style="width:190px;height:27px;"></select>
                </div>
            </div>
        <!--</div>-->
        
            <h1 style="margin-top:35px; float:left;">Direcci&oacute;n de Facturaci&oacute;n</h1>
            <hr/>
        <!--<div style=" float:left; width:98%; background:#FFF; border:1px solid #CCC; border-radius:5px; padding:10px;">-->
            <div style="width:98%; float:left; margin-bottom:12px;">
                <input id="chkMismaDireccion" type="checkbox" onclick="ver(this)" value="La direcci&oacute;n de facturaci&oacute;n es la misma que la de casa?" class="custom-button" style="width: 16px; height: 16px; vertical-align: middle;" /> 
                <span style="margin-left:0px;"><label for="chkMismaDireccion">Marcar aqui si la Direccion de Facturaci&oacute;n es la misma que la particular</label></span>
            </div>
            
            <div style="width:98%; float:left;">
                <h1>R.F.C.</h1>
                <input type="text" id="txtRfc" style="width:300px;" class="custom-combobox2" />
            </div>
            
            <div class="ui-widget" style=" float:left; width:99%;">        
                <div class="ui-widget" style=" float:left; margin-right:10px;">        
                    <h1>Calle</h1>
                    <input type="text" id="txtCalle2" style="width:200px;" class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">        
                    <h1>Num. Ext.</h1>
                    <input type="text" id="txtNumExt2" style="width:60px;"  placeholder="Num. Ext." class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">        
                    <h1>Num. Int.</h1>
                    <input type="text" id="txtNumInt2" style="width:60px;"  placeholder="Num. Int." class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">        
                    <h1>Colonia</h1>
                    <input type="text" id="txtColonia2" style="width:200px;" class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">
                    <h1>Código Postal</h1>
                    <input type="text" id="txtCodigoPostal2" style="width:100px;" class="custom-combobox2" />
                </div>
        
                <div class="ui-widget" style=" float:left; margin-right:10px;">
                    <h1>País</h1>
                    <select id="selectPais2" class="custom-combobox2" style="width:190px;height:27px;"></select>
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">
                    <h1>Estado</h1>
                    <select id="selectEstado2" class="custom-combobox2" style="width:190px;height:27px;"></select>
                </div>
                <div class="ui-widget" style=" float:left; margin-right:10px;">
                    <h1>Municipio</h1>
                    <select id="selectMunicipio2" class="custom-combobox2" style="width:190px;height:27px;"></select>
                </div>
            </div>
        <!--</div>-->
        
            <h1 style=" width:100%; margin-top:35px; float:left;">Contactos <div style="float:right;"><a id="btnNuevoContacto" href="javascript: nuevoContacto();" style="font-weight:bold; ">Nuevo Contacto</a></div>
            </h1>
            <hr/>
            
            <div style="width:98%; float:left;">
                <table class="clsTblContactos" >
                    <tr>
                        <th><b>Contacto</b></th>
                        <th><b>Parentesco</b></th>
                        <th><b>Telefono</b></th>
                    </tr>
                    <tr>
                        <td>Omar Cruz</td>
                        <td>Amigo</td>
                        <td>8762 8766</td>
                    </tr>
                    <tr>
                        <td>Laura Cardenas</td>
                        <td>Amiga</td>
                        <td>8762 3783</td>
                    </tr>
                </table>
            </div>
            
        </div>
    
    <!-- termina agregado -->
                
    </div>
    
    <div id="divExpedienteTabs" style="float:left; width:100%; height:99%; margin: 0px; background: #f3f4f8;">
        
        <ul style="margin: 5px 5px 0px 5px;">
            <li id="liNotasPadecimiento" class="clsLiExpediente clsLiExpedienteActivo"><a href="javascript: verTab('tabNotasPadecimiento');" style="text-decoration: none;">Notas de Padecimiento</a></li>
            <li id="liHistorial" class="clsLiExpediente"><a href="javascript: verTab('tabHistorial');" style="text-decoration: none;">Antecedentes</a><i class="fa fa-cogs clsIcoI" style="" onclick="modificarControles(0)"></i></li>
            <li id="liExamenFisico" class="clsLiExpediente"><a href="javascript: verTab('tabExamenFisico');" style="text-decoration: none;">Examen F&iacute;sico</a><i class="fa fa-cogs clsIcoI" style="" onclick="modificarControles(0)"></i></li>
            <li id="liDiagnostico" class="clsLiExpediente"><a href="javascript: verTab('tabDiagnostico');" style="text-decoration: none;">Diagnóstico y Tratamiento</a></li>
            <!--<li id="liDiagnostico" class="clsLiExpediente"><a href="javascript: verTab('tabDiagnostico');" style="text-decoration: none;">Diagnóstico y Tratamiento</a><img src="images/controlesExtjs/edit.png" onclick="modificarControles(3)"  style="vertical-align: middle; margin-left: 5px;"/></li>-->
        </ul>
        
        <div id="tabNotasPadecimiento" class="clsDivTab clsDivNotasPadecimiento" style="">

            <div class="clsDivsConText clsNotasPadecimiento" style="width: 374px;">
                <h1>Signos Vitales</h1>
                <div id="divAltura" class="clsDivTxtA"><label style="width:160px; display:inline-block;">Altura</label><span><input id="txtAltura" type="text" class="clsTextFormularios clsTextA" style="width:30px; height:16px; background:#fff;" onfocus="gotFocus(this)" onblur="guardarNotasPad(this)"/><label>mts</label></span></div>
                <div id="divPeso" class="clsDivTxtA"><label style="width:160px; display:inline-block;">Peso</label><span><input id="txtPeso" type="text" class="clsTextFormularios clsTextA" style="width:30px; height:16px; background:#fff;" onfocus="gotFocus(this)" onblur="guardarNotasPad(this)"/><label>kgs</label></span></div>
                <div id="divTemperatura" class="clsDivTxtA"><label style="width:160px; display:inline-block;">Temperatura</label><span><input id="txtTemperatura" type="text" class="clsTextFormularios clsTextA" style="width:30px; height:16px; background:#fff;" onfocus="gotFocus(this)" onblur="guardarNotasPad(this)"/><label>c</label></span></div>
                <div id="divFrecuenciaRespiratoria" class="clsDivTxtA"><label style="width:160px; display:inline-block;">Frecuencia Respiratoria</label><span><input id="txtFrecuenciaRespiratoria" type="text" class="clsTextFormularios clsTextA" style="width:30px; height:16px; background:#fff;" onfocus="gotFocus(this)" onblur="guardarNotasPad(this)"/><label>r/m</label></span></div>
                <div id="divPresionArterial" class="clsDivTxtA"><label style="width:160px; display:inline-block;">Presi&oacute;n Arterial</label><span><input id="txtPresionArterial" type="text" class="clsTextFormularios clsTextA" style="width:30px; height:16px; background:#fff;" onfocus="gotFocus(this)" onblur="guardarNotasPad(this)"/><label>mm</label></span></div>
                <div id="divFrecuenciaCardiaca" class="clsDivTxtA"><label style="width:160px; display:inline-block;">Frecuencia Cardíaca</label><span><input id="txtFrecuenciaCardiaca" type="text" class="clsTextFormularios clsTextA" style="width:30px; height:16px; background:#fff;" onfocus="gotFocus(this)" onblur="guardarNotasPad(this)"/><label>fc</label></span></div>
            </div>
            
            <div class="clsDivsConText clsNotasPadecimiento" style="">
                <div id="divMotivoVisita" class="clsDivTxtA">
                    <h1>Motivo de la Visita</h1>
                    <textarea id="txtMotivoVisita" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarNotasPad(this)" onkeyup="onKeyUpTxt(this)"></textarea>
                </div>
            </div>
            
            <div class="clsDivsConText clsNotasPadecimiento">
                <div id="divExploracionFisica" class="clsDivTxtA">
                    <h1>Exploraci&oacute;n F&iacute;sica</h1>
                    <textarea id="txtExploracionFisica" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarNotasPad(this)" onkeyup="onKeyUpTxt(this)"></textarea>
                </div>
            </div>
        
        </div>

        <div id="tabHistorial" class="clsDivTab" style="display: none; padding: 0px;">

            <div id="divHeredofamiliares" class="clsDivsConText divCellHistorial">
                <h1>Heredofamiliares</h1>
                <div id="divDiabetesHF" title="Diabetes" class="clsDivTxtA"><input type="checkbox" id="chkDiabetesHF" onchange="oncheck(this)" style="display:none;"/><label for="chkDiabetesHF">Diabetes</label><br/><textarea id="txtDiabetesHF" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarHF(this)" onkeyup="onKeyUpTxt(this)"></textarea></div>
                <div id="divCardiopatiasHF" title="Cardiopatías" class="clsDivTxtA"><input type="checkbox" id="chkCardiopatiasHF" onchange="oncheck(this)" style="display:none;"/><label for="chkCardiopatiasHF">Cardiopat&iacute;as</label><br/><textarea id="txtCardiopatiasHF" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarHF(this)" onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divHipertensionHF" title="Hipertensión" class="clsDivTxtA"><input type="checkbox" id="chkHipertensionHF" onchange="oncheck(this)" style="display:none;"/><label for="chkHipertensionHF">Hipertensi&oacute;n Arterial</label><br/><textarea id="txtHipertensionHF" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarHF(this)" onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divTiroideasHF" title="Tiroídeas" class="clsDivTxtA"><input type="checkbox" id="chkTiroideasHF" onchange="oncheck(this)" style="display:none;"/><label for="chkTiroideasHF">Enfermedades Tiroideas</label><br/><textarea id="txtTiroideasHF" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarHF(this)" onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divOtrosHF" title="Otros" class="clsDivTxtA"><input type="checkbox" id="chkOtrosHF" onchange="oncheck(this)" style="display:none;"/><label for="chkOtrosHF">Otros</label><br/><textarea id="txtOtrosHF" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarHF(this)" onkeyup="onKeyUpTxt(this)"></textarea> </div>
            </div>

            <div id="divPatologicos" class="clsDivsConText divCellHistorial">
                <h1>Patol&oacute;gicos</h1>
                <div id="divHospitalizacionP" title="Hospitalización" class="clsDivTxtA"><input type="checkbox" id="chkHospitalizacionP" onchange="oncheck(this)" style="display:none;"/><label for="chkHospitalizacionP">Hospitalizaci&oacute;n Previa</label><br/><textarea id="txtHospitalizacionP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divCirugiasP" title="Cirugías Previas" class="clsDivTxtA"><input type="checkbox" id="chkCirugiasP" onchange="oncheck(this)" style="display:none;"/><label for="chkCirugiasP">Cirug&iacute;as Previas</label><br/><textarea id="txtCirugiasP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divDiabetesP" title="Diabetes" class="clsDivTxtA"><input type="checkbox" id="chkDiabetesP" onchange="oncheck(this)" style="display:none;"/><label for="chkDiabetesP">Diabetes</label><br/><textarea id="txtDiabetesP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divTiroideasP" title="Enfermedades Tiroideas" class="clsDivTxtA"><input type="checkbox" id="chkTiroideasP" onchange="oncheck(this)" style="display:none;"/><label for="chkTiroideasP">Enfermedades Tiroideas</label><br/><textarea id="txtTiroideasP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divHipertensionP" title="Hipertensión" class="clsDivTxtA"><input type="checkbox" id="chkHipertensionP" onchange="oncheck(this)" style="display:none;"/><label for="chkHipertensionP">Hipertensi&oacute;n Arterial</label><br/><textarea id="txtHipertensionP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divCardiopatiasP" title="Cardiopatías" class="clsDivTxtA"><input type="checkbox" id="chkCardiopatiasP" onchange="oncheck(this)" style="display:none;"/><label for="chkCardiopatiasP">Cardiopat&iacute;as</label><br/><textarea id="txtCardiopatiasP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divTraumatismosP" title="Traumatismos" class="clsDivTxtA"><input type="checkbox" id="chkTraumatismosP" onchange="oncheck(this)" style="display:none;"/><label for="chkTraumatismosP">Traumatismos</label><br/><textarea id="txtTraumatismosP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divCancerP" title="Cancer" class="clsDivTxtA"><input type="checkbox" id="chkCancerP" onchange="oncheck(this)" style="display:none;"/><label for="chkCancerP">C&aacute;ncer</label><br/><textarea id="txtCancerP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divTuberculosisP" title="Tuberculosis" class="clsDivTxtA"><input type="checkbox" id="chkTuberculosisP" onchange="oncheck(this)" style="display:none;"/><label for="chkTuberculosisP">Tuberculosis</label><br/><textarea id="txtTuberculosisP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divTransfusionesP" title="Transfusiones" class="clsDivTxtA"><input type="checkbox" id="chkTransfusionesP" onchange="oncheck(this)" style="display:none;"/><label for="chkTransfusionesP">Transfusiones</label><br/><textarea id="txtTransfusionesP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
            </div>

            <div id="divNopatologicos" class="clsDivsConText divCellHistorial">
                <h1>No Patol&oacute;gicos</h1>
                <div id="divActividadFisicaNP" title="Actividad física" class="clsDivTxtA"><input type="checkbox" id="chkActividadFisicaNP" onchange="oncheck(this)" style="display:none;"/><label for="chkActividadFisicaNP">Actividad F&iacute;sica</label><br/><textarea id="txtActividadFisicaNP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarNP(this)"  onkeyup="onKeyUpTxt(this)"></textarea> </div>
                <div id="divTabaquismoNP" title="Tabaquismo" class="clsDivTxtA"><input type="checkbox" id="chkTabaquismoNP" onchange="oncheck(this)" style="display:none;"/><label for="chkTabaquismoNP">Tabaquismo</label><br/><textarea id="txtTabaquismoNP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarNP(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divAlcoholismoNP" title="Alcoholismo" class="clsDivTxtA"><input type="checkbox" id="chkAlcoholismoNP" onchange="oncheck(this)" style="display:none;"/><label for="chkAlcoholismoNP">Alcoholismo</label><br/><textarea id="txtAlcoholismoNP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarNP(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divDrogasNP" title="Drogas" class="clsDivTxtA"><input type="checkbox" id="chkDrogasNP" onchange="oncheck(this)" style="display:none;"/><label for="chkDrogasNP">Drogas</label><br/><textarea id="txtDrogasNP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarNP(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divVacunaNP" title="Vacuna o Inmunización" class="clsDivTxtA"><input type="checkbox" id="chkVacunaNP" onchange="oncheck(this)" style="display:none;"/><label for="chkVacunaNP">Vacuna o Inmunizaci&oacute;n</label><br/><textarea id="txtVacunaNP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarNP(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divOtrosNP" title="Otros" class="clsDivTxtA"><input type="checkbox" id="chkOtrosNP" onchange="oncheck(this)" style="display:none;"/><label for="chkOtrosNP">Otros</label><br/><textarea id="txtOtrosNP" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarNP(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
            </div>
            
            <div id="divGinecoobstetricos" class="clsDivsConText divCellHistorial">

                <h1>Gineco-Obst&eacute;tricos</h1>
                <div id="divMenarcaGO" title="Menarca" class="clsDivTxtA"><input type="checkbox" id="chkMenarcaGO" onchange="oncheck(this)" style="display:none;"/><label for="chkMenarcaGO">Menarca</label><br/><textarea id="txtMenarcaGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divVidaSexualGO" title="Inicio de vida sexual" class="clsDivTxtA"><input type="checkbox" id="chkVidaSexualGO" onchange="oncheck(this)" style="display:none;"/><label for="chkVidaSexualGO">Inicio Vida Sexual</label><br/><textarea id="txtVidaSexualGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divCesareasGO" title="Cesareas" class="clsDivTxtA"><input type="checkbox" id="chkCesareasGO" onchange="oncheck(this)" style="display:none;"/><label for="chkCesareasGO">Cesareas</label><br/><textarea id="txtCesareasGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divAbortosGO" title="Abortos" class="clsDivTxtA"><input type="checkbox" id="chkAbortosGO" onchange="oncheck(this)" style="display:none;"/><label for="chkAbortosGO">Abortos</label><br/><textarea id="txtAbortosGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divIniMensGO" title="Inicio menstruación" class="clsDivTxtA"><input type="checkbox" id="chkIniMensGO" onchange="oncheck(this)" style="display:none;"/><label for="chkIniMensGO">Inicio Menstruaci&oacute;n</label><br/><textarea id="txtIniMensGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divUltMensGO" title="Última menstruación" class="clsDivTxtA"><input type="checkbox" id="chkUltMensGO" onchange="oncheck(this)" style="display:none;"/><label for="chkUltMensGO">Última Menstruaci&oacute;n</label><br/><textarea id="txtUltMensGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divEmbarazosGO" title="Embarazos" class="clsDivTxtA"><input type="checkbox" id="chkEmbarazosGO" onchange="oncheck(this)" style="display:none;"/><label for="chkEmbarazosGO">Embarazos</label><br/><textarea id="txtEmbarazosGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divCancerCervicoGO" title="Cáncer Cervico" class="clsDivTxtA"><input type="checkbox" id="chkCancerCervicoGO" onchange="oncheck(this)" style="display:none;"/><label for="chkCancerCervicoGO">Cáncer Cervico</label><br/><textarea id="txtCancerCervicoGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divCancerMamaGO" title="Cáncer de mama" class="clsDivTxtA"><input type="checkbox" id="chkCancerMamaGO" onchange="oncheck(this)" style="display:none;"/><label for="chkCancerMamaGO">Cáncer de Mama</label><br/><textarea id="txtCancerMamaGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divMenopausiaGO" title="Menopausia" class="clsDivTxtA"><input type="checkbox" id="chkMenopausiaGO" onchange="oncheck(this)" style="display:none;"/><label for="chkMenopausiaGO">Menopausia</label><br/><textarea id="txtMenopausiaGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                <div id="divOtrosGO" title="Otros" class="clsDivTxtA"><input type="checkbox" id="chkOtrosGO" onchange="oncheck(this)" style="display:none;"/><label for="chkOtrosGO">Otros</label><br/><textarea id="txtOtrosGO" class="clsTextA clsTextA2" maxlength="200" onfocus="gotFocus(this)" onblur="guardarGO(this)" onkeyup="onKeyUpTxt(this)" ></textarea> </div>
                
            </div>
            
            <div id="divAlergicos" class="clsDivsConText divCellHistorial">
                <div id="divAlergicosA" title="Alergicos" class="clsDivTxtA">
                    <h1>Alergicos</h1>
                    <textarea id="txtAlergicos" class="clsTextA clsTextA2" style="" maxlength="200" onfocus="gotFocus(this)" onblur="guardarAler(this)" onkeyup="onKeyUpTxt(this)" ></textarea>
                </div>
            </div>

        </div>
        
        <!--<div id="tabExamenFisico" class="clsExamenFisico"  style=" display: none; padding: 0px;">-->
        <div id="tabExamenFisico" class="clsDivTab" style=" display: none; padding: 0px;">

            <div id="divCardiacoVascular" class="clsDivsConText divCellHistorial clsDivTxtA">
                <h1>Cardiaco y Vascular</h1>
                <textarea id="txtCardiacoVascular" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarExaFis(this)" onkeyup="onKeyUpTxt(this)"></textarea>
            </div>
            
            <div id="divAparatoDigestivo" class="clsDivsConText divCellHistorial clsDivTxtA">
                <h1>Aparato Digestivo</h1>
                <textarea id="txtAparatoDigestivo" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarExaFis(this)" onkeyup="onKeyUpTxt(this)"></textarea>
            </div>

            <div id="divSistemaLinfatico" class="clsDivsConText divCellHistorial clsDivTxtA">
                <h1>Sistema Linfático</h1>
                <textarea id="txtSistemaLinfatico" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarExaFis(this)" onkeyup="onKeyUpTxt(this)"></textarea>
            </div>

            <div id="divDermatologico" class="clsDivsConText divCellHistorial clsDivTxtA">
                <h1>Dermatológico</h1>
                <textarea id="txtDermatologico" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarExaFis(this)" onkeyup="onKeyUpTxt(this)"></textarea>
            </div>

            <div id="divNeurologico" class="clsDivsConText divCellHistorial clsDivTxtA">
                <h1>Neurológico</h1>
                <textarea id="txtNeurologico" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarExaFis(this)" onkeyup="onKeyUpTxt(this)"></textarea>
            </div>

            <div id="divOsteoarticular" class="clsDivsConText divCellHistorial clsDivTxtA">
                <h1>Osteoarticular</h1>
                <textarea id="txtOsteoarticular" class="clsTextA"  maxlength="200"  onfocus="gotFocus(this)" onblur="guardarExaFis(this)" onkeyup="onKeyUpTxt(this)"></textarea>
            </div>

            <div id="divOtorrinolaringologico" class="clsDivsConText divCellHistorial clsDivTxtA">
                <h1>Otorrinolaringol&oacute;gico</h1>
                <textarea id="txtOtorrinolaringologico" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarExaFis(this)" onkeyup="onKeyUpTxt(this)"></textarea>
            </div>

            <div id="divRespiratorio" class="clsDivsConText divCellHistorial clsDivTxtA">
                <h1>Respiratorio</h1>
                <textarea id="txtRespiratorio" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarExaFis(this)" onkeyup="onKeyUpTxt(this)"></textarea>
            </div>

        </div>
        
        <div id="tabDiagnostico" class="clsDivTab" style=" display: none; padding: 0px;">

            <div id="divAgregarExpediente" style="float:left; width:99%; ">
                            
                <div id="divDiagnostico" class="clsDivsConText clsDiagnostico clsDivTxtA">
                    <label for="txtDiagnostico" style="font-weight:bold;">Diagnóstico</label>
                    <input x-webkit-speech id="txtSpeechDiagnostico" class="clsTextFormularios" style="width:80%; float:left;"/><input id="btnMicro" type="image" src="images/btnMicroOff.png" onclick="activarMicro('btnMicro')" style="height:25px; border:0px solid #00F; float:left;" tabindex="-1" /><br />
                    <input id="btnMicro2" type="image" src="images/microactive2.gif" onclick="leerTexto()" style="height:25px; border:0px solid #00F; float:left;" tabindex="-1" />
                    <textarea id="txtDiagnostico" placeholder="Comentarios del diagnostico" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarDiag(this)" onkeyup="onKeyUpTxt(this)"></textarea>
                </div>
                <div id="divEstudios" class="clsDivsConText clsDiagnostico clsDivTxtA">
                    <label for="txtEstudiosInput" style="font-weight:bold;">Estudios</label>
                    <input id="txtEstudiosInput" type="text" class="clsTextFormularios" style="width:90%;"/><br />
                    <textarea id="txtEstudios" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarDiag(this)" onkeyup="onKeyUpTxt(this)"></textarea>
                </div>
                
                <div id="divMedicamentos" class="clsDivsConText clsDiagnostico clsDivTxtA">
                    <label for="txtMedicamentos" style="font-weight:bold;">Medicamentos <img src="images/controlesExtjs/edit.png" onclick="vistaReceta()" /></label>
                    <input id="txtInputMedicamentos" type="text" class="clsTextFormularios" style="width:90%;" /><br />
                    <textarea id="txtMedicamentos" class="clsTextA" maxlength="200" onfocus="gotFocus(this)" onblur="guardarDiag(this)" onkeyup="onKeyUpTxt(this)"></textarea>
                </div>
                
                <div id="divInstrucciones" class="clsDivsConText clsDiagnostico clsDivTxtA">
                    <h1>Instrucciones M&eacute;dicas</h1>
                    <textarea id="txtInstrucciones" class="clsTextA" style="margin-top:21px;" maxlength="200" onfocus="gotFocus(this)" onblur="guardarDiag(this)" onkeyup="onKeyUpTxt(this)"></textarea>
                </div>

            </div> 

        </div>

    </div>    
    
</div>

<!--<div id="dialog-consultas" class="clsContainer" style="display:none; position: top center; top: 100px; left: 46%; width:170px; background:#FFF; border:1px solid #999; border-radius:8px; padding:4px;">-->
<div id="dialog-consultas" class="clsContainer" style="display:none; float: left; width:220px; background:#FFF; border:1px solid #999; border-radius:8px; padding:4px;">
    <div style=" margin:0 auto; width:94%; background: none; border:none;" class="clsDivsConText">
        <h1 style="text-align: center;">Últimas Consultas</h1>
    </div>
    <ul id="ulUltimasConsultas" class="clsMenu" style="width:100%; height: auto;"> <!-- margin:0 auto;  background: none; border:none; -->
        <li>No tiene consultas</li>
    </ul>

</div>

<div id="divConfiguracionChilds" style="background: white; margin: 40px 10px 20px 0px;"></div>

<div id="dialog-receta" style="background-color:rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: hidden; display: none; overflow: hidden;">
	<div id="cont" style="background: #e8e6e6; width: 80%; height: 600px; margin: 20px auto 0px auto; padding: 10px; border-radius: 6px;">
		<div style="width: 100%; height: 25px; text-align: right;">
			<a href="javascript: guardarReceta()" style="color: #060679; font-weight: bold;">Guardar</a>&nbsp|&nbsp
			<a href="javascript: enviarReceta()" style="color: #060679; font-weight: bold;">Enviar</a>&nbsp|&nbsp
			<a href="javascript: imprimirReceta()" style="color: #060679; font-weight: bold;">Imprimir</a>&nbsp|&nbsp
			<a href="javascript: vistaReceta()" style="color: #060679; font-weight: bold;">Cerrar</a>
		</div>
	    <label style="font-weight:bold;">Medicamento</label>
	    <input id="txtInputMedicamentosReceta" type="text" class="clsTextFormularios" style="width:90%;" /><br />
	    <div id="txtMedicamentosReceta" class="clsTextA" style="height: 88%;"></div>
	</div>
</div>

<div id="dialog-loading" style="">
	<div style="margin-top:20px; margin-left: 8px; "><img src="images/cargando2.gif"/></div>
</div>

