.fondo {
            position: absolute;
            width: 100%;
            height: 92px;
            left: 0px;
            top: 45%;
            z-index: 1;
            background-color: #EFEFEF;
            padding: 0px;
            margin: 0px;
            text-align: center;
        }

        .centrar {
            position: absolute;
            width: 580px;
            height: 330px;
            top: 50%;
            left: 50%;
            margin-top: -200px;
            margin-left: -290px;
            z-index: 2;
        }

        .campos {
            position: absolute;
            width: 262px;
            height: 190px;
            left: 304px;
            top: 124px;
            z-index: 3;
        }

        .usuario {
            border: 1px solid #c4c4c4;
            width: 200px;
            height: 13px;
            font-size: 13px;
            padding: 4px 4px 4px 4px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            box-shadow: 0px 0px 2px #d9d9d9;
            -moz-box-shadow: 0px 0px 2px #d9d9d9;
            -webkit-box-shadow: 0px 0px 2px #d9d9d9;
            position: absolute;
            width: 200px;
            height: 20px;
            top: 20px;
            left: 22px;
            z-index: 4;
            padding-left: 20px;
            background: transparent url(Imagenes/icono_usuario.png) 3px 50% no-repeat;
            opacity: 0.8;
            filter: alpha(opacity=50); /* For IE8 and earlier */
            background-color: #eeeeee;
        }

            .usuario:focus {
                outline: none;
                border: 1px solid #104a99;
                -moz-box-shadow: 0px 0px 5px #106a85;
                -webkit-box-shadow: 0px 0px 5px #106a85;
                box-shadow: 0px 0px 5px #106a85;
                opacity: 5;
                background-color: white;
            }

        .usuarioError {
            border: 1px solid #f00;
            width: 200px;
            height: 14px;
            font-size: 13px;
            padding: 4px 4px 4px 4px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            box-shadow: 0px 0px 2px #d9d9d9;
            -moz-box-shadow: 0px 0px 2px #d9d9d9;
            -webkit-box-shadow: 0px 0px 2px #d9d9d9;
            position: absolute;
            width: 200px;
            height: 20px;
            top: 20px;
            left: 22px;
            z-index: 4;
            padding-left: 20px;
            background: transparent url(Imagenes/Alerta.gif) 3px 50% no-repeat;
            background-color: white;
        }


        .contrasena {
            border: 1px solid #c4c4c4;
            width: 200px;
            height: 14px;
            font-size: 13px;
            padding: 4px 4px 4px 4px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            box-shadow: 0px 0px 2px #d9d9d9;
            -moz-box-shadow: 0px 0px 2px #d9d9d9;
            -webkit-box-shadow: 0px 0px 2px #d9d9d9;
            position: absolute;
            width: 200px;
            height: 20px;
            top: 70px;
            left: 22px;
            z-index: 5;
            padding-left: 20px;
            background: transparent url(Imagenes/icono_contraseña.png) 3px 50% no-repeat;
            opacity: 0.8;
            filter: alpha(opacity=50); /* For IE8 and earlier */
            background-color: #eeeeee;
        }

            .contrasena:focus {
                outline: none;
                border: 1px solid #104a99;
                -moz-box-shadow: 0px 0px 5px #106a85;
                -webkit-box-shadow: 0px 0px 5px #106a85;
                box-shadow: 0px 0px 5px #106a85;
                opacity: 5;
                background-color: white;
            }

        .contrasenaError {
            border: 1px solid #f00;
            width: 200px;
            height: 14px;
            font-size: 13px;
            padding: 4px 4px 4px 4px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            box-shadow: 0px 0px 2px #d9d9d9;
            -moz-box-shadow: 0px 0px 2px #d9d9d9;
            -webkit-box-shadow: 0px 0px 2px #d9d9d9;
            position: absolute;
            width: 200px;
            height: 20px;
            top: 70px;
            left: 22px;
            z-index: 5;
            padding-left: 20px;
            background: transparent url(Imagenes/Alerta.gif) 3px 50% no-repeat;
            background-color: white;
        }

        .recordar {
            position: absolute;
            width: 220px;
            top: 109px;
            left: 22px;
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
            color: #4D4D4D;
            vertical-align: middle;
            z-index: 6;
        }

        .credenciales {
            position: absolute;
            width: 220px;
            top: 109px;
            left: 22px;
            font-size: 14px;
            font-family: Arial, Helvetica, sans-serif;
            color: #FF0000;
            vertical-align: middle;
            z-index: 6;
        }

        .boton_ingresar {
            position: absolute;
            width: 200px;
            top: 150px;
            left: 34px;
            height: 26px;
            z-index: 8;
        }

        #texto_usuario {
            position: absolute;
            width: 220px;
            height: 20px;
            top: 0px;
            left: 22px;
            text-transform: uppercase;
            font: normal 12px/1 Verdana, Helvetica;
            color: #4D4D4D;
            z-index: 9;
        }



        #texto_contrasena {
            position: absolute;
            width: 220px;
            height: 15px;
            top: 55px;
            left: 22px;
            text-transform: uppercase;
            font: normal 12px/1 Verdana, Helvetica;
            color: #4D4D4D;
            z-index: 8;
        }

        #LoginButton:hover {
            -moz-box-shadow: 10px 10px 5px #000000;
            -webkit-box-shadow: 10px 10px 5px #000000;
            box-shadow: 10px 10px 5px #000000;
        }