<div id="dialog-usuario" title="Detalle de Usuario">

    <div id="divBarraBotones" class="ui-widget" style=" float:left; width:98%; margin-top:15px;"> 
        <div style="float:left;">       
            <p class="validateTips">* Campos requeridos.</p>
        </div>
        <div style="float:right;">       
            <input id="btnGuardarTABCATUSU"  type="button" value="Guardar" class="custom-button clsBtnGuardar"/> 
            <input id="btnCancelarTABCATUSU"  type="button" value="Cancelar" class="custom-button"/> 
            <input id="btnEliminarTABCATUSU"  type="button" value="Eliminar" class="custom-button clsBtnEliminar"/> 
    	</div>
	</div>

    <input type="hidden" name="txtIntUsuario" id="txtIntUsuario" class="ui-widget" />

   	<div style="float:left; width:99%; height:20px; margin-bottom:-5px;"><h1 style=" padding-top:15px;">Datos del Usuario</h1></div>
    <div style=" float:left; margin-top:15px; width:98%; background:#FFF; border:1px solid #CCC; border-radius:5px; padding:10px;">
        
        <div class="ui-widget" style=" float:left; width:99%; ">        
            <div class="ui-widget" style=" float:left; ">        
                <h1>Tipo</h1>
                <select id="selectTipoUsuario" class="custom-combobox2" style="width:200px; height:26px;" onChange="muestraDatDoc(this.value)">
                    <option value="1">Doctor</option>
                    <option value="2">Asistente</option>
                    <option value="3">Monitor de consultas</option>
                    <option value="4">Tomador de signos vitales</option>
                </select>*
            </div>
            <div class="ui-widget" style=" float:left; margin-left:10px;">        
                <h1>Sexo</h1>
                <select id="selectSexoUsuario" class="custom-combobox2" style="width:50px; height:26px;">
                    <option value="F">F</option>
                    <option value="M">M</option>
                </select>*
            </div>
        </div>
        <div class="ui-widget" style=" float:left; width:99%; ">          
            <div class="ui-widget" style=" float:left; ">          
                <h1>Nombres</h1>
                <input type="text" id="txtNombresUsuario" style="width:200px;" class="custom-combobox2" />*
            </div>
            <div class="ui-widget" style=" float:left; margin-left:10px;">          
                <h1>Apellidos</h1>
                <input type="text" id="txtApellidosUsuario" style="width:200px;" class="custom-combobox2" />*
            </div>
        </div>
        <div class="ui-widget" style=" float:left; width:99%; ">          
            <div class="ui-widget" style=" float:left; ">          
                <h1>Email</h1>
                <input type="text" id="txtLoginUsuario" style="width:220px;" class="custom-combobox2" onchange="validarEmail()" />*
            </div>
            <div class="ui-widget" style=" float:left; margin-left:10px;">          
                <h1>Contrase&ntilde;a</h1>
                <input type="password" id="txtPasswordUsuario" style="width:100px;" class="custom-combobox2" />*
            </div>
        </div>
        <div class="ui-widget" style=" float:left; width:99%; ">          
            <h1>Telefono</h1>
            <input type="text" id="txtTelefonoUsuario" style="width:170px;" class="custom-combobox2" />*
        </div>
    </div>
	
  	<div id="divConsultorio" style=" float:left; margin-top:5px; width:98%; display:none;">
		<div style="height:20px; margin-bottom:10px;"><h1 style=" padding-top:15px;">Datos de Consultorio</h1></div>
  		<div style=" float:left; width:100%; background:#FFF; border:1px solid #CCC; border-radius:5px; padding:10px; ">
            <div class="ui-widget" style=" float:left; width:99%;">        
                <div class="ui-widget" style=" float:left; ">
                    <h1>Nombre del Consultorio</h1>
                    <input type="text" id="txtNombreUsuarioAdmin" style="width:220px;" class="custom-combobox2" />*
                </div>
<!--                <div class="ui-widget" style=" float:left; margin-left:10px;">
                    <h1>Dirección</h1>
                    <input type="text" id="txtDireccionUsuarioAdmin" style="width:300px;" class="custom-combobox2" onchange="validarEmail()" />*
                </div>
-->                
                <div class="ui-widget" style=" float:left; margin-left:10px;">        
                    <h1>Calle</h1>
                    <input type="text" id="txtCalle" style="width:160px;" class="custom-combobox2" />*
                </div>
                <div class="ui-widget" style=" float:left; margin-left: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-left: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-left:10px;">        
                    <h1>Colonia</h1>
                    <input type="text" id="txtColonia" style="width:200px;" class="custom-combobox2" />
                </div>
                <div class="ui-widget" style=" float:left; margin-left:10px;">
                    <h1>Telefono</h1>
                    <input type="text" id="txtTelefonoUsuarioAdmin" style="width:120px;" class="custom-combobox2" />*
                </div>
                <div class="ui-widget" style=" float:left; margin-left:10px;">
                    <h1>Código Postal</h1>
                    <input type="text" id="txtPaisUsuarioAdmin" style="width:70px;" class="custom-combobox2" />*
                </div>
            </div>
            <div class="ui-widget" style=" float:left; width:99%;">        
                <div class="ui-widget" style=" float:left; ">
                    <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-left: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-left:10px;">
                    <h1>Municipio</h1>
                    <select id="selectMunicipio" class="custom-combobox2" style="width:190px;height:27px;"></select>
                </div>
            </div>
		</div>
		<h1 style=" float:left; margin-top:15px;">Receta Medica</h1>
		<div style=" float:left; width:100%; background:#FFF; border:1px solid #CCC; border-radius:5px; padding:10px; ">
            <div class="ui-widget" style=" float:left; width:99%;">      
                <div class="ui-widget" style=" float:left; ">
                    <h1>Cédula Profesional</h1>
                    <input type="text" id="txtNombreUsuarioAdmin" style="width:160px;" class="custom-combobox2" />*
                </div>
                <div class="ui-widget" style=" float:left; margin-left:10px;">
                    <h1>Institución que otorgo la cédula</h1>
                    <input type="text" id="txtDireccionUsuarioAdmin" style="width:300px;" class="custom-combobox2" />*
                </div>
                <div class="ui-widget" style=" float:left; margin-left:10px;">
                    <h1>Especialidad</h1>
                    <input type="text" id="txtCiudadUsuarioAdmin" style="width:220px;" class="custom-combobox2" />
                </div>
            </div>
        </div>
	</div>

</div>