body {
    background-image: url(../img/fondo10.jpg?v=2);
    background-position: center -308px;
}
#contexto{
    background-image:url(../images/login.png?v=2);
    background-repeat: no-repeat;
    margin: 160px auto;
    width:386px;
    height:224px;
    position: relative;
}
#user{
    border: medium hidden;
    font-size: 13px;
    height: 20px;
    margin: 127px 154px;
    text-transform: uppercase;
    width: 165px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}


#user:focus{
    /*box-shadow: 0 0 5px rgba(81, 203, 238, 1);*/
    border: 2px solid rgba(81, 203, 238, 1);
}


#pass{ font-size: 13px;
    height: 19px;
    margin: -122px 154px 0;
    width: 165px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;}

#pass:focus{
    /*box-shadow: 0 0 5px rgba(81, 203, 238, 1);*/
    border: 2px solid rgba(81, 203, 238, 1);
}

#boton{
    background-image:url(../images/boton_loggin.PNG);
    width:56px;
    height:20px;
    cursor:pointer;
    border: 32px;
    position: absolute;
    bottom: 7px;
    right: 63px;
}

#error {
    background-color: #f00;
    height: 20px;
    margin: 2px;
    font-weight: bold;
    text-align: center;
    width: 384px;
    position: absolute;
    bottom: -23px;
}