﻿/****************************************************************************************
* HOJA DE ESTILOS DE PAGINA DE ENTRADA A REGISTRO
*****************************************************************************************/
.divCreacionUsuario
{
    top: 20px;
    width: 920px;
    height: 1176px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url(img/fondoCreacionUsuario.jpg);
    background-repeat: no-repeat;
}
/****************************************************************************************
* HOJA DE ESTILOS DE PAGINA DE ENTRADA A REGISTRO
*****************************************************************************************/
.imgRegistroPPalRegistro
{
    position: absolute;
    width: 110px;
    height: 20px;
    top: 400px;
    left: 245px;
}
.imgActualizacionPPalRegistro
{
    position: absolute;
    width: 110px;
    height: 20px;
    top: 400px;
    left: 600px;
}
.divTodoRegistroppal
{
    position: relative;
    background-image: url(img/fondoRegistroPre.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 925px;
    height: 490px;
}


/*
* HOJA DE ESTILOS DE PAGINA DE REGISTRO
*/
.divTodoRegistro
{
    position: relative;
    background-image: url(img/fondoCreacionUsuario.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 925px;
    height: 990px;
    color: #8d8d8d;
}
/******************************************************************************
* ESTILOS DEL TOP
******************************************************************************/
.pnlTopRegistro
{
    float: left;
    width: 100%;
    height: 30px;
    position: absolute;
    padding: 0px;
}
.pnlTopTdDerechaRegistro
{
    background-image: url(img/fondoIzquierdaRegistro.gif);
    width: 6px;
    background-repeat: no-repeat;
}
.pnlTopTdCentroRegistro
{
    background-image: url(img/fondoRegistro.gif);
    background-repeat: repeat-x;
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
    color: #ffffff;
}
.pnlTopTdIzquierdaRegistro
{
    background-image: url(img/fondoDerechaRegistro.gif);
    width: 6px;
    background-repeat: no-repeat;
}
/******************************************************************************
* POSICION DE LOS COMPONENTES
******************************************************************************/
.pnlUnoRegistro
{
    position: absolute;
    width: 661px;
    height: 64px;
    left: 132px;
    top: 50px;
    padding: 10px;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
}
.pnlDosRegistro
{
    position: absolute;
    width: 661px;
    height: 588px;
    left: 132px;
    top: 100px;
    background-image: url(img/fondoRegistroPanel2.gif);
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-left: 20px;
    font-family: Verdana;
    font-size: 11px;
    text-transform: uppercase;
}
.pnlTresRegistro
{
    position: absolute;
    width: 661px;
    height: 190px;
    left: 132px;
    top: 683px;
    background-image: url(img/fondoRegistroPanel2.gif);
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-left: 45px;
    font-family: Verdana;
    font-size: 11px;
    text-transform: uppercase;
}
.pnlCuatroRegistro
{
    position: absolute;
    width: 641px;
    height: 245px;
    left: 132px;
    top: 876px;
    padding-top: 5px;
    padding-left: 45px;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
    background-image: url(img/fondoRegistroPanel5.gif);
    background-repeat: no-repeat;
}
#divNavegacionCreacionUsuario
{
    position: absolute;
    width: 641px;
    height: 25px;
    top: 800px;
    padding-left: 85px;
    font-family: Verdana;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
}
/******************************************************************************
* OTROS
******************************************************************************/
#divFormularioRegistroA
{
    color: #666666;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 922px;
}
.ElementosAlineadosDerecha
{
    text-align: right;
}
.registroUsuarioNuevo
{
    color: #777777;
    font-size: 0.8em;
}
.registroUsuarioNuevo a
{
    text-decoration: none;
    color: #264787;
}
.registroUsuarioNuevo a:hover
{
    text-decoration: none;
    color: Gray;
}
.divErrorCrecionUsuario
{
    padding-top: 15px;
    position: absolute;
    top: 830px;
}
.divConfirmacionBienvenida
{
    background-image: url(img/bienvenido.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 925px;
    height: 600px;
}
.imgContinuarConfirmacion
{
    position: relative;
    top: 45px;
    left: 50px;
    width: 60px;
    height: 25px;
}
/*
* HOJA DE ESTILOS DE PAGINA DE CONTACTO
*/
.LetraContactoAzul
{
    color: #666666;
}
#divTodoContacto
{
    position: relative;
    height: 600px;
}
#divInstruccionesContacto
{
    float: left;
    position: relative;
    padding: 5px;
    width: 210px;
    padding: 15px;
    text-align: justify;
    color: #666666;
}
#divTituloContacto
{
    position: relative;
    padding: 13px;
    width: 210px;
    text-align: left;
    font-family: Arial;
    font-size: 16px;
    color: #0168A7;
    font-weight: bold;
    text-transform: uppercase;
}
#divDatosContacto
{
    float: left;
    position: relative;
    padding: 1px;
    width: 210px;
    text-align: left;
    font-family: Arial;
    font-size: 11px;
    color: #666666;
}
#divImagenLineaGrival
{
    position: relative;
    margin-left: 0px;
    margin-right: auto;
}
#divGraciasPorConfiar
{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
}
#divFormularioContacto
{
    float: left;
    position: relative;
    left: 10px;
    width: 475px;
    padding: 15px;
    text-align: right;
}
#divImagenInsitucionalContacto
{
    width: 220px;
    float: left;
    position: relative;
    left: 10px;
}

/************************
LOGIN 
************************/
.divCentroLogin
{
    margin-left: auto;
    margin-right: auto;
    height: 150px;
    width: 299px;
    background-image: url(img/fondoLoginHome.gif);
    background-repeat: no-repeat;
}
.txtUsuarioLogin
{
    top: 27px;
    left: 145px;
    height: 12px;
    font-size: 10px;
    width: 145px;
    font-size: 10px;
}
.txtContrasenaLogin
{
    top: 47px;
    left: 145px;
    width: 145px;
    height: 12px;
    font-size: 10px;
}
.imgLoginLogin
{
    position: relative;
    left: 65px;
    width: 50px;
    height: 20px;
    cursor: pointer;
}
.imgOlvidasteLogin
{
    position: relative;
    left: 75px;
    width: 90px;
    height: 20px;
    cursor: pointer;
}
/*
* HOJA DE ESTILOS DE PAGINA DE REGISTRO
*/
.ModificacionUsuario
{
    position: relative;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
}
#divFormularioRegistro
{
    color: #666666;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    padding: 15px;
}
.ElementosAlineadosDerecha
{
    text-align: right;
}
#divNavegacionCreacionUsuario
{
    position: Relative;
    left: 70px;
}
.registroUsuarioNuevo
{
    color: #777777;
    font-size: 0.8em;
}
.registroUsuarioNuevo a
{
    text-decoration: none;
    color: #264787;
}
.registroUsuarioNuevo a:hover
{
    text-decoration: none;
    color: Gray;
}
/*
* HOJA DE ESTILOS DE PAGINA DE ACTIVACION
*/
#divTodoPrimerLogin
{
    position: relative;
}

#divFormularioPrimerLogin
{
    position: relative;
    left: 15px;
    height: 495px;
    width: 100%;
    padding: 15px;
}
/*
* HOJA DE ESTILOS DE PAGINA DE CAMBIO DE PASSWORD
*/

#divCambioPassword
{
    margin-left: auto;
    margin-right: auto;
    background-color: #ffFfff;
    width: 60%;
    height: 350px;
}
/*
* HOJA DE ESTILOS DE PAGINA DE RECUPERACION DE PASSWORD
*/
#divTodoRecuperacionPassword
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: Transparent;
    width: 90%;
    height: 350px;
}
#divInstruccionesRecuperacionPassword
{
    float: left;
    position: relative;
    padding: 15px;
    height: 475px;
    width: 195px;
    padding: 15px;
    text-align: justify;
}
#divFormularioRecuperacionPassword
{
    float: left;
    position: relative;
    left: 250px;
    height: 495px;
    width: 475px;
    overflow: auto;
    padding: 15px;
    color: #546292;
}
#divImagenInsitucionalRecuperacionPassword
{
    width: 220px;
    float: left;
    position: relative;
    left: 15px;
    height: 475px;
}
/**************************************************
*  HOJA DE ESTILOS AGREGAR NUEVOS BEBES
**************************************************/


.pnlUnoAgregar
{
    position: absolute;
    width: 661px;
    height: 64px;
    left: 132px;
    top: 70px;
    padding: 10px;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
}
.divDosAgregar
{
    position: absolute;
    width: 661px;
    height: 420px;
    left: 132px;
    top: 114px;
    background-image: url(img/fondoRegistroPanel2.gif);
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-left: 45px;
    font-family: Verdana;
    font-size: 11px;
    text-transform: uppercase;
}
.divTresAgregar
{
    position: absolute;
    width: 685px;
    height: 385px;
    left: 252px;
    top: 760px;
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-left: 45px;
    font-family: Verdana;
    font-size: 11px;
    text-transform: uppercase;
    overflow: scroll;
}
.lblTusBebes
{
    position: absolute;
    top: 600px;
    left: 450px;
    color: Fuchsia;
}
.Repeater
{
    background-image: url(img/fondolistaAgregar.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    width: 680px;
}

/******************************************************************************
* ESTILO PARA LOGINACTUALIZACION
******************************************************************************/

.pnlTodoActualizacion
{
    position: relative;
    background-image: url(img/LandingActualización.png);
    background-repeat: no-repeat;
    left: 25px;
    width: 933px;
    height: 620px;
}
.pnlUsuarioActualizacion
{
    position: absolute;
    top: 381px;
    left: 385px;
    
}
.pnlClaveActualizacion
{
    position: absolute;
    top: 407px;
    left: 406px;
    
}
.pnlMensajeActualizacion
{
    position: absolute;
    top: 453px;
    left: 347px;
    
}
.pnlEnviarActualizacion
{
    position: absolute;
    top: 431px;
    left: 435px;
    
}
.pnlRecuerdaDatos
{
    position: absolute;
    top: 468px;
    left: 536px;
    
}

/******************************************************************************
* FIN  ESTILO PARA LOGINACTUALIZACION
******************************************************************************/

