/* =================================================================================================================================================
   HTML5 (Versión 3.0 Cambio de interfaz Zipper) 29 08 2013  [Aleixer Alvarado Bernal {AAB} (Soporte:aalvarado@linuras.com; aleixergt5@hotmail.com)]
   Estilos del registro
   =================================================================================================================================================*/

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }
/*---Diseño del cuerpo---*/
body 
{
     height: 100%;
    margin: 0;
    width: 100%;
   font-size: 100%;
   background-size:25%;
   background-image: url("../imagenes/imgLogin/fondo.jpg"); 
}
html {
    height: 60%;
    margin: 0;
    width: 100%;
}

#frmLogin
{   
    margin: auto;   
    height: 370px;
    width: 342px; 
    margin-top: 30%;    
      
}

/*--Lista Id--*/
#btnIngreso {
    background-color: #fff;
    background-image: url("../imagenes/imgLogin/lgBoton.png");
    background-repeat: no-repeat;
    border: none;
    font-size: medium;
    font-weight: bold;
    height: 48px;
    margin: -39px -73px;
    position: absolute;
    width: 148px;
    z-index: 4;
}
#BtnOlvideClave {
    background-color: #fff;
    border: none;
    color: #00e;
    font-weight: bold;
    margin: 0px -85px;
    position: absolute;
    z-index: 6;
}
#ckBUser {
    position: relative;
    margin: 65px -140px;    
    z-index: 0;   
}
#mainconte {
    margin: 28% 50% auto;  
     position: relative;  

}
#login0 {
    border-radius: 50px;
    box-shadow: 0 30px 80px 5px rgba(0,0,0,25);
    height: 370px;
    position: relative;
    margin: -185px -171px;
    width: 342px;
    z-index: 1;
}
#login1 {
    background-image: url("../imagenes/imgLogin/Zipper.png");
    height: 390px;
    position: relative;
    margin: -385px -176px;
    width: 352px;
    z-index: 2;
}
#login2 {
    background-image: url("../imagenes/imgLogin/txtLogin.png");
    background-repeat: no-repeat;
    height: 255px;
    margin: 35px -233px;
    position: relative;
    width: 456px;
    z-index: 3;
}
#lblCheckBox {
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    margin: -88px 0 0 -69px;
    width: 200px;
    z-index: 10;
}
#Login4Chk {
    background-image: url("../imagenes/imgLogin/chkOnOf.png");
    background-repeat: no-repeat;
    height: 24px;
    margin: -77px -145px;
    position: relative;
    width: 70px;
    z-index: 5;
}
#txbLogin {
    border: 0px solid white;
    font-style: italic;
    font-weight: bold;
    margin: 5px 175px;
    position: absolute;
    text-align: center;
    z-index: 6;
}
#txbUser {
    border: 0px solid white;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    margin: -55px 175px;
    text-align: center;
    z-index: 5;
}
#password1
{
    display:none;
    }

/*--Lista de Clases--*/
.checkBoxOn {
    background-position: -80px 0px;
}
.checkBoxOf {
    background-position: 0px 0px;
}
.boton {
    border: #f00 solid 10px;
    color: red;
    display: block;
    text-align: center;
    width: 100px;
}


#lblMensajeCorreo
{
    color: rgb(150,150,150);
    text-align:justify;
    font-size:16px;
}

#ayuda
{
width: 60px;
height: 55px;
background: rgb(158, 19, 0);
position: static;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 0px 0px 10px 10px;
box-shadow: 5px 1px 8px 1px black;
text-align: center;
vertical-align: bottom;
margin: 44px auto;
font-family: cursive;
font-size: 15px;
color: white;
padding: 0px 1px 0px 1px;
font-weight: bold;
line-height: 80px;
}
#ayuda:hover
{
    background: rgb(223, 45, 21);
    margin-top: 48px;
    cursor:hand;
}
article {
display: table;
text-align: center;
clear: left;
width: 100%;
}
#ayuda a
{
  color:White;
  font-size:inherit;
   text-decoration: none;
    }