
<div id="divCalendarioContainer" class="clsContainer" style="">
    <div id="divCalendarioControles" style=" background:none; float:left; width:100%; height:auto; /*border-bottom:1px solid #CCC;*/ margin-top:0px; margin-bottom:4px; overflow:auto; overflow-x:hidden;">
    	<div id="btnAgregarCitaCon" class="custom-buttonDiv bordeIzq bordeDer">
        <input id="btnGuardar" type="button" value="Agendar Cita" onclick="mostrarCita(1)" class="custom-button" style="margin:3px;"/>
        </div>
    </div>
    <div id="divCalendario" style=" float:left; width:100%; margin:0px; background-color:#FFF; border:0px solid #CCC; overflow:auto; overflow-x:hidden;">
    </div>
</div>

<div id="divNuevaCita" class="clsContainer" style=" visibility:hidden; display:none;">
    
    <div style="float:left; width:99%;">
    	<div style="float:left;"><h1 style="margin-top:14px;">Nueva Cita</h1></div>
        <div style="float:right; padding:10px;" class="clsItemForm" style="margin-bottom:10px;">
            <input id="btnGuardar" type="button" value="Guardar" class="custom-button" onclick="guardarCitaTABAGE()"/>
            <input id="btnCancelar" type="button" value="Cancelar" class="custom-button" onclick="cargarPanelTABAGE()"/>
        </div>
    </div>
    
    <div id="divFormulario" style="float:left; width:99%;">
    
        <div style=" float:left; width:99%; background:#FFF; border:1px solid #CCC; border-radius:5px; padding:10px;">
        
            <div class="clsItemForm" style="margin-bottom:10px;">
                <label>Fecha</label><br/>
                <input id="txtFecha" type="text" class="custom-combobox2" style=" width:150px;" readonly/>
            </div>
            
            <div id="divPaciente" class="clsItemForm" style="margin-bottom:10px; width: 100%;">
                <label>Paciente</label><br/>
                <input id="hidIntPaciente" type="hidden"/>
                <input id="txtPaciente" type="text" class="custom-combobox2" style="width: 84%;" />
                <input id="btnNuevoPaciente" type="button" value="Nuevo" class="custom-button" onclick="nuevoPaciente(1)"/>
            </div>
            
            <div id="divNuevoPaciente" style=" width:97%; visibility:hidden; display:none;">
            
                <h1 style="margin-top:15px; float:left;">Nuevo Paciente</h1>
                <div style=" float:left; width:98%; background:#FFF; border:1px solid #CCC; border-radius:5px; padding:10px;">
                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Nombres</label><br/>
                        <input id="txtNombres" type="text" class="custom-combobox2"/>*
                    </div>
                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Apellidos</label><br/>
                        <input id="txtApellidos" type="text" class="custom-combobox2"/>*
                    </div>
                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Sexo</label><br/>
                        <select id="selectSexo" type="text" class="clsSelectFormularios" style="width:50px; height:26px;"><option value="F">F</option><option value="M">M</option></select>*
                    </div>
                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Fecha Nac.</label><br/>
                        <input id="txtFecNac" type="text" class="custom-combobox2" style="width:100px;"/>*
                    </div>
                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Email</label><br/>
                        <input id="txtEmail" type="text" class="custom-combobox2"/>*
                    </div>
                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Telefono</label><br/>
                        <input id="txtTelefono" type="text" class="custom-combobox2" style="width:100px;"/>*
                    </div>
                    <!--<div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Movil</label><br/>
                        <input id="txtMovil" type="text" class="custom-combobox2" style="width:100px;"/>*
                    </div>-->
                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Compa&ntilde;ia Aseguradora</label><br/>
                        <input type="text" id="txtCompania" class="custom-combobox2" style="width:200px;"/>
                    </div>
                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <label>Forma de Contacto</label><br/>
                        <select id="selectFormaContacto" class="custom-combobox2" style="width:150px;height:27px;"><option value="internet">Internet</option><option value="revista">Revista</option><option value="otra">Otra</option></select>
                    </div>

                    <div class="clsItemForm" style="margin-bottom:10px;">
                        <input id="btnGuardar" onclick="guardarPaciente('divNuevoPaciente')" type="button" value="Guardar" class="custom-button"/>
                        <input id="btnCancelar" type="button" value="Cancelar" class="custom-button" onclick="nuevoPaciente(0)"/>
                    </div>
                </div>
                
            </div>
            
        </div>
        
    </div> 
       
</div>

