* campos obligatorios

Nombre *

Sexo *

Fecha de nacimiento *

Teléfono

Currículum

Este contenido lo podrá accesar el cliente desde tu página web al dar click en el botón "Conoce a tu entrenador" que aparecerá en cada uno de los programas activos que tengas asignados.

* Si el campo "Descripción" se deja en blanco, el botón "Conoce a tu entrenador" no aparecerá sin importar que el resto de los campos de esta sección contenga información.

Descripción

Platícales a tus clientes sobre ti, tu preparación profesional, tu filosofía, etc.

</div>
                            
                        </div>
                        
                    </div>                     
                
                </div>
<!--                
                <div style="float:left; margin-top:60px; margin-left:35px;">
                
                    <div style="float:left; width:460px; margin-top:0px;">
                        
                        <label style="font-size:14px; font-weight:bold; font-family:arial; color:#444;">Imagen</label><br/>
                        <div id="txtDescripcionImgCurriculum" style="float:left; width:86%; margin-top:5px; padding:8px; font-size:13px; color:#444; line-height:1.5; border-radius:4px;">
                            El tamaño sugerido para esta imagen es de 400 X 400. 
                        </div>
                        
                    </div>
                    
                    <div style="float:left; width:460px; margin-top:22px;">

<form id="formGuardarFotoCurriculum" name="formGuardarFotoCurriculum" method="POST" enctype="multipart/form-data" style="margin:10 auto 0 auto;">
                           		<input type="file" id="inputFileImagenCurriculum" name="inputFileImagenCurriculum" accept="image/jpg, image/jpeg, image/png" onchange="preview_image('imgCurriculum',event)" style="visibility:hidden;" />
                                <input type="button" class="clsBtn6" id="btnTriggerInputFileCurriculum" onclick="triggerClickSelFile(null,'Curriculum')" value="Cambiar imagen" style="font-size:14px; border:1px solid; border-radius:4px; color: white; padding: 5px; cursor:pointer;"/>
                            </form>            
                        </div>
                        
                    </div>
                    
                </div>    
-->                
                <div style="float:left; width:100%; margin-top:30px; margin-left:35px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #a9a9a9;">                
                
                    <div style="float:left; width:460px; margin-top:0px;">
                        
                        <label style="font-size:14px; font-weight:bold; font-family:arial; color:#444;">Redes sociales</label><br/>
                        <div id="txtRedesSociales" style="float:left; width:86%; margin-top:5px; padding:8px; font-size:13px; color:#444; line-height:1.5; border-radius:4px;">
                            Escribe el nombre de tus páginas en Facebook e Instagram. Esta información aparecerá en la sección de "Conoce a tu entrenador" de la página web cuando tengas asignado al menos un programa activo.
                        </div>
                        
                    </div>
                    
                    <div style="float:left; width:460px; margin-top:3px;">  
                         
                        <div style=" width:100%; float:left; margin-right:10px; margin-top:0px;">    
                        
                            <div id="divFacebook" class="ui-widget" style=" float:left; width:100%; margin-top:18px; padding-bottom:10px;">        
                                <label style="font-size:13px; margin-right:7px;">www.facebook.com/</label>
                                <input type="text" id="txtPaginaFacebook" style="width:68.5%; margin-top:5px;" class="custom-combobox2" />
                            </div>
                            
                            <div id="divInstagram" class="ui-widget" style=" float:left; width:100%; margin-top:18px; padding-bottom:10px;">        
                                <label style="font-size:13px;">www.instagram.com/</label>
                                <input type="text" id="txtPaginaInstagram" style="width:68.5%; margin-top:5px;" class="custom-combobox2" />
                            </div>                                            
                                            
                        </div>
                        
                    </div>
                
                </div>
            
            </div>    
                            
            <div id="divBotonesPerfilCel" style="float:left; width:92%; visibility:hidden; display:none;">
               
                <input id="BotonEditarPerfil" value="Editar" type="button" class="custom-button" style='float:right; width:78px; height:28px; color:#000; padding:6px 10px 4px 10px; font-size:14px; text-decoration:none;' onclick="editarPerfil_Empresa('perfil','editar')" />
                
                <div style="float:right; width:50%;">
                    <input id="BotonCancelarPerfil" value="Cancelar" type="button" class="custom-button" style='float:right; width:78px; height:28px; color:#000; padding:6px 10px 4px 10px; font-size:14px; text-decoration:none;' onclick="editarPerfil_Empresa('perfil','cancelar')" />
                    <input id="BotonGuardarPerfil" value="Guardar" type="button" class="custom-button" style='float:left; width:78px; height:28px; color:#000; margin-right:0px; padding:6px 10px 4px 10px; font-size:14px; text-decoration:none;' onclick="editarPerfil_Empresa('perfil','guardar')" />
                </div>

</div>
                               
        </div>
                            
        <div id="divEmpresa" style="float:left; width:100%; visibility:hidden; display:none;">
                                
            <div style="width:100%; float:left;">
                                        
                <div style="width:40%; float:left; margin-top:25px; margin-left:35;">
                                                
                    <div id="divContTitulo" style="width:98%; height:30px; float:left; display:block; padding-bottom:4px; margin-top:0px;">      
                        <div id="divTitulo" style="width:50%; float: left; display: inline-block; font-size: 25px;">
                            Página WEB
                        </div>
                        
                    </div>

</div>
                                            
            </div>
                                        
            <div style="width:96%; float:left; margin-left:36px; margin-top:40px;">
                
                <div style="float:left; width:100%; margin-top:0px; padding-bottom:30px; border-bottom:1px dashed #a9a9a9;">
                
                    <div style="float:left; width:460px; margin-top:0px;">
                        
                        <label style="font-size:14px; font-weight:bold; font-family:arial; color:#444;">Favicon</label><br/>
                        <div id="txtDescripcionFavicon" style="float:left; width:86%; margin-top:5px; padding:8px; font-size:13px; color:#444; line-height:1.5; border-radius:4px;">
                            Es el pequeño ícono que aparece a la izquierda del nombre de tu sitio web en la pestaña del navegador.
                            La imagen debe ser cuadrada con un tamaño sugerido de 64 X 64.
                        </div>
                        
                    </div>
                    
                    <div style="float:left; width:460px; margin-top:25px;">
        
                        <div id="divImgFavicon" style="float:left; width:64px; height:64px; margin-top:0px; border:1px solid #fff;">                
                            <img id="imgFavicon" src="" style="float:left; width:100%; max-height:100%; border:0px solid #ccc; margin-top:0px; margin-left:0px; border-radius:4px;"/>
                        </div>
                        
                        <div id="icoEiliminarFotoFavicon" style='width:20px; float:left; margin-left:-11px; margin-top:-8px;'>
                            <a href='javascript: limpiarFoto("Favicon")'><img src='images/icoEliminar.png'/></a>
                        </div>
                        
                        <div id="divBotonFotoFavicon" style="float:right; width:132px; margin-top:0px; margin-left:15px;">
                 
                            <div id="formGuardarFavicon" name="formGuardarFavicon" method="POST" enctype="multipart/form-data" style="width:110px; float:left; margin-left:12px; margin-top:10px;">
            	    	        
                           		<input type="file" id="inputFileImagenFavicon" name="inputFileImagenFavicon" accept="image/jpg, image/jpeg, image/png" onchange="preview_image('imgFavicon',event)" style="height:7px; visibility:hidden;" />
                                <input type="button" class="clsBtn6" id="btnTriggerInputFile2" onclick="triggerClickSelFile(null,'Favicon')" value="Cambiar favicon" style="border:1px solid; border-radius:4px; color: white; padding: 5px; cursor:pointer;"/>
                            </div>                  
                      
                        </div>
    
                    </div>
                    
                </div>    
                
                <div style="float:left; width:100%; margin-top:30px; padding-bottom:30px; border-bottom:1px dashed #a9a9a9;">
                
                    <div style="float:left; width:460px; margin-top:0px;">
                        
                        <label style="font-size:14px; font-weight:bold; font-family:arial; color:#444;">Logo</label><br/>
                        <div id="txtDescripcionLogo" style="float:left; width:86%; margin-top:5px; padding:8px; font-size:13px; color:#444; line-height:1.5; border-radius:4px;">
                            El logo se mostrará en el menú lateral de tu página personal, en todas las secciones de tu página web y en los programas de tus clientes.
                            La imagen debe ser rectangular con un tamaño sugerido de 400 X 90.
                        </div>
                        
                    </div>
                                                 
                    <div style="float:left; width:460px; margin-top:30px;">
        
                        <div id="divImgLogo" style="float:left; width:300px; height:67.5px; margin-top:0x; border:1px solid #fff;">                
                            <img id="imgLogo" src="" style="float:left; width:100%; max-height:100%; border:0px solid #ccc; margin-top:0px; margin-left:0px; border-radius:4px;"/>
                        </div>
                        
                        <div id="icoEiliminarFotoLogo" style='width:20px; float:left; margin-left:-11px; margin-top:-8px;'>
                            <a href='javascript: limpiarFoto("Logo")'><img src='images/icoEliminar.png'/></a>
                        </div>
                        
                        <div id="divBotonFotoLogo" style="float:left; width:130px; margin-top:0px; margin-left:15px;">
    
                            <div id="formGuardarLogo" name="formGuardarLogo" method="POST" enctype="multipart/form-data" style="width:110px; float:left; margin-left:21px; margin-top:10px;">
            	    	        
                           		<input type="file" id="inputFileImagenLogo" name="inputFileImagenLogo" accept="image/jpg, image/jpeg, image/png" onchange="preview_image('imgLogo',event)" style="height:7px; visibility:hidden;" />
                                <input type="button" class="clsBtn6" id="btnTriggerInputFile1" onclick="triggerClickSelFile(null,'Logo')" value="Cambiar logo" style="border:1px solid; border-radius:4px; color: white; padding: 5px; cursor:pointer;"/>
                            </div>  
                    
                        </div>
    
                    </div>
                         
                </div>
                
                <div style="float:left; width:100%; margin-top:30px; padding-bottom:30px; border-bottom:1px dashed #a9a9a9;">
                
                    <div style="float:left; width:460px; margin-top:0px;">
                        
                        <label style="font-size:14px; font-weight:bold; font-family:arial; color:#444;">Imagen principal</label><br/>
                        <div id="txtDescripcionImgPrincipal" style="float:left; width:86%; margin-top:5px; padding:8px; font-size:13px; color:#444; line-height:1.5; border-radius:4px;">
                            Esta imagen aparecerá en la portada de tu página web junto con el título y la descripción breve del siguiente punto. El tamaño sugerido para esta imagen es de 800 X 600. 
                        </div>
                        
                    </div>
                    
                    <div style="float:left; width:460px; margin-top:22px;">

<div id="divImgPrincipal" style="float:left; width:400px; height:300px; border:1px solid #ccc;">     
                            <img id="imgPrincipal" src="" style="float:left; width:100%; max-height:100%;"/>
                        </div>    
                            
                        <div id="icoEiliminarFotoPrincipal" style='width:20px; float:left; margin-left:-10px; margin-top:-7px; visibility:hidden; display:none;'>
                            <a href='javascript: limpiarFoto("Principal")'><img src='images/icoEliminar.png'/></a>
                        </div>
                        
                        <div id="divBotonFotoPrincipal" style="float:left; width:400px; margin-left:0px;">

                            <form id="formGuardarFotoPrincipal" name="formGuardarFotoPrincipal" method="POST" enctype="multipart/form-data" style="width:115px; margin:10 auto 0 auto;">
                           		<input type="file" id="inputFileImagenPrincipal" name="inputFileImagenPrincipal" accept="image/jpg, image/jpeg, image/png" onchange="preview_image('imgPrincipal',event)" style="visibility:hidden;" />
                                <input type="button" class="clsBtn6" id="btnTriggerInputFile" onclick="triggerClickSelFile(null,'Principal')" value="Cambiar imagen" style="font-size:14px; border:1px solid; border-radius:4px; color: white; padding: 5px; cursor:pointer;"/>
                            </form>            
                        </div>
                        
                    </div>
                
                </div>

<div style="float:left; width:100%; margin-top:30px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #a9a9a9;">                
                
                    <div style="float:left; width:460px; margin-top:0px;">
                        
                        <label style="font-size:14px; font-weight:bold; font-family:arial; color:#444;">Texto libre</label><br/>
                        <div id="txtDescripcionNegocio" style="float:left; width:86%; margin-top:5px; padding:8px; font-size:13px; color:#444; line-height:1.5; border-radius:4px;">
                            Platícales a tus clientes un poco sobre ti, diles sobre qué trata tu página, etc.
                        </div>
                        
                    </div>
                    
                    <div style="float:left; width:460px; margin-top:15px;">  
                         
                        <div style=" width:100%; float:left; margin-right:10px; margin-top:0px;">        
                            <textarea type="text" id="txtDescripcionEmpresa" style="width:100%; margin-top:5px; height:300px; padding:8px; font-size:13px; font-family: arial; line-height:1.5;" />
                        </div>
                        
                    </div>
                
                </div>
                
                <div style="float:left; width:100%; margin-top:30px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #a9a9a9;">                
                
                    <div style="float:left; width:460px; margin-top:0px;">
                        
                        <label style="font-size:14px; font-weight:bold; font-family:arial; color:#444;">Redes sociales de la empresa</label><br/>
                        <div id="txtRedesSociales" style="float:left; width:86%; margin-top:5px; padding:8px; font-size:13px; color:#444; line-height:1.5; border-radius:4px;">
                            Escribe el nombre de las páginas de Facebook e Instagram de la empresa. Esta información aparecerá en el "footer" de tu página web.
                        </div>
                        
                    </div>
                    
                    <div style="float:left; width:460px; margin-top:3px;">  
                         
                        <div style=" width:100%; float:left; margin-right:10px; margin-top:0px;">    
                        
                            <div id="divFacebook" class="ui-widget" style=" float:left; width:100%; margin-top:18px; padding-bottom:10px;">        
                                <label style="font-size:13px; margin-right:7px;">www.facebook.com/</label>
                                <input type="text" id="txtPaginaFacebook" style="width:68.5%; margin-top:5px;" class="custom-combobox2" />
                            </div>
                            
                            <div id="divInstagram" class="ui-widget" style=" float:left; width:100%; margin-top:18px; padding-bottom:10px;">        
                                <label style="font-size:13px;">www.instagram.com/</label>
                                <input type="text" id="txtPaginaInstagram" style="width:68.5%; margin-top:5px;" class="custom-combobox2" />
                            </div>                                            
                                            
                        </div>
                        
                    </div>
                
                </div>
                
                <div style="float:left; width:100%; margin-top:30px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #a9a9a9;">                
                
                    <div style="float:left; width:460px; margin-top:0px;">
                        
                        <label style="font-size:14px; font-weight:bold; font-family:arial; color:#444;">WhatsApp de la empresa</label><br/>
                        <div id="txtContactoWhatsApp" style="float:left; width:86%; margin-top:5px; padding:8px; font-size:13px; color:#444; line-height:1.5; border-radius:4px;">
                            Escribe el número del WhatsApp de tu empresa para que tus clientes potenciales puedan contactarte fácilmente.
                            Al hacerlo, el ícono de WhatsApp aparecerá en todas las páginas de tu página web.
                            <br>
                            <br>
                            <b>NOTAS: </b>Utiliza sólo números sin espacios. Incluye el código del país al principio.
                            <br>
                        </div>
                        
                    </div>
                    
                    <div style="float:left; width:460px; margin-top:3px;">  
                         
                        <div style=" width:100%; float:left; margin-right:10px; margin-top:0px;">    
                        
                            <div id="divWhatsApp" class="ui-widget" style=" float:left; width:100%; margin-top:18px; padding-bottom:10px;">        
                                <label style="font-size:13px; margin-right:73px;">WhatsApp</label>
                                <input type="tel" id="txtWhatsApp" pattern='[0-9]*' onkeypress='return (event.charCode == 8 || event.charCode == 0) ? null : (event.charCode >= 48 && event.charCode <= 57)' style="width:68.5%; margin-top:5px;" class="custom-combobox2" />
                            </div>
                                            
                        </div>
                        
                    </div>
                
                </div>                
                
            </div>          
<!--                                        
            <div id="divBotonesEmpresa" style="float:left; width:92%; margin-top:75px;">
               
                <input id="BotonEditarEmpresa" value="Editar" type="button" class="custom-button" style='float:right; width:78px; height:28px; color:#000; padding:6px 10px 4px 10px; font-size:14px; text-decoration:none;' onclick="editarPerfil_Empresa('empresa','editar')" />
                
                <input id="BotonCancelarEmpresa" value="Cancelar" type="button" class="custom-button" style='float:right; width:78px; height:28px; color:#000; padding:6px 10px 4px 10px; font-size:14px; text-decoration:none;' onclick="editarPerfil_Empresa('empresa','cancelar')" />
           
                <input id="BotonGuardarEmpresa" value="Guardar" type="button" class="custom-button" style='float:right; width:78px; height:28px; color:#000; margin-right:25px; padding:6px 10px 4px 10px; font-size:14px; text-decoration:none;' onclick="editarPerfil_Empresa('empresa','guardar')" />

</div>
-->                                        
        </div>
                            
        <div id="divContrasena" style="float:left; width:100%; margin-bottom:30px; visibility:hidden; display:none;">
                                                
            <div id="divLadoIzqContrasena" style="float:left;">
                                                        
                <div id="divInfoLadoIzqContrasena" style="float:left; margin-top:25px; margin-left:35;">
                                                                
                    <div id="divContTitulo" style="width:98%; height:30px; float:left; padding-bottom:4px; margin-top:0px; visibility:hidden; display:none;">    
                        <div id="divTitulo" style="width: 95%; float: left; display: inline-block; font-size: 25px;">

</div>
                    </div>
                                                                
                    <div id="divLeyendaRequerido" class="lblRequerido" style="float:left; margin-left:4px; margin-right:15px;">
                        * campos obligatorios
                    </div>
                                            
                    <form id="cambioPwdForm" method="post" onSubmit="return cambiarContrasena()" style="display:inline-block;">
    
                        <div id="divContInfoContrasena" class="ui-widget" style="float:left; width:70%;">  
                     
                            <div class="ui-widget" style=" width:95%; float:left; margin-top:30px;">        
                                <label style="font-size:13px;">Contraseña actual</label><label class="lblRequerido"> *</label><br/>
                                
                                
    
                                <input type="password" id="txtContrasenaActual" name="txtContrasenaActual" required="required" style="height:32px; width:100%; padding-left:8px; margin-top:5px; margin-bottom:5px; background:#ffffff; border:1px solid #ccc; border-radius:2px;" maxlength="10" class="custom-combobox2 clsFontInputSelect">
    
                            </div>
                         
                            <div class="ui-widget" style=" width:95%; float:left; margin-top:35px;">        
                                <label style="font-size:13px;">Nueva contraseña</label><label class="lblRequerido"> *</label><br/>
                                
                                
                                <input type="password" id="txtNuevaContrasena" name="txtNuevaContrasena" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" required="required" title="Debe contener al menos un número, una letra mayúscula, una letra minúscula y ser mínimo de 6 caracteres." style="height:32px; width:100%; padding-left:8px; margin-top:5px; margin-bottom:5px; background:#ffffff; border:1px solid #ccc; border-radius:2px;" maxlength="10" class="custom-combobox2 clsFontInputSelect">
    
                                </br>
                                <div style="width:250px; margin-top:10px; font-size:12px; color:red; line-height:1.45;">Debe contener al menos un número, una letra mayúscula, una letra minúscula y ser mínimo de 6 caracteres.</div>
                            </div>
                            
                            <div class="ui-widget" style=" width:95%; float:left; margin-top:35px;">        
                                <label style="font-size:13px;">Confirmar contraseña</label><label class="lblRequerido"> *</label><br/>
                                
                                
                                <input type="password" id="txtConfirmarContrasena" name="txtConfirmarContrasena" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" required="required" title="Debe contener al menos un número, una letra mayúscula, una letra minúscula y ser mínimo de 6 caracteres." style="height:32px; width:100%; padding-left:8px; margin-top:5px; margin-bottom:5px; background:#ffffff; border:1px solid #ccc; border-radius:2px;" maxlength="10" class="custom-combobox2 clsFontInputSelect">
    
                            </div>
                            
                        </div>
                                                           
                                                            
                        <div id="divBotonesContrasena" style="float:left; width:284px; margin-top:25px;">
                            
                            <div id="divCheckmarkCel" style="width:30%; float:left; display:none;">
                    
                                <div style='width:30px; margin-top:20px; margin-left:90px;'><img src='images/checkmark_rojo.png' style="float:left; width:30px;"/>
                                     
                                </div>
                                    
                            </div>   
                            
                            
                            <input id="BotonGuardarContrasena" value="Guardar" type="submit" class="custom-button" style='float:right; width:78px; height:28px; margin-top:25px; color:#000; margin-right:0px; padding:6px 10px 4px 10px; font-size:14px; text-decoration:none;' />
            
                        </div>
                        
                    </form>    
                                            
                </div>
            
            </div> 
                                                        
            <div id="divCheckmarkPC" style="width:30%; float:left; display:none;">
                
                <div style='width:300px; margin-top:250px; margin-right:auto;'><img src='images/checkmark_rojo.png' style="float:left; width:30px;"/>
                    <div style="float:left; margin-top:9px; margin-left:10px; font-size:16px;">
                        Contraseña cambiada con éxito.
                    </div>
                </div>
                    
            </div>   
        </div>
        
    </div>  
    
    <div id="divContVistaOpcionesCuentaCel" role="main" class="ui-content" style=" margin:0; margin-top:38px; visibility:hidden; display:none; height:100%; background:#DEDDD7; padding:0;">
        
    </div>

</div>