body{width:100%;}
 

  /* Tooltip text */
 .tooltip  {
            position: relative;
            display: inline-block;
            top: 2px;
            left: 6px;
            height: 26px;
            width: 24px;
        }

            /* Tooltip text */
            .tooltip .tooltiptext {
                outline: none;
                visibility: hidden;
                width: 120px;
                background-color: black;
                color: #fff;
                text-align: center;
                padding: 5px 0;
                border-radius: 6px;
                /* Position the tooltip text - see examples below! */
                position: absolute;
                z-index: 1;
                top: -5px;
                left: -122px;
            }

            /* Show the tooltip text when you mouse over the tooltip container */
            .tooltip:hover .tooltiptext {
                visibility: visible;
            }


        .form-1 input[type=text],
        .form-1 input[type=password] {
             
            font-family:   Arial;
            font-size: 13px;
            font-weight: 400;
           
            /* Size and position */
            width: 230px;
            padding: 10px 18px 10px 45px;
            /* Styles */
           border: 3px solid rgb(188, 188, 188);
        }

        .form-1 input[type=text] {
           
            background: url(../img/user.png) no-repeat;
        }

        .form-1 input[type=password] {
            background: url(../img/key.png) no-repeat;
        }


  .form-1 input[type=text]:focus {
 border-color: #FF6600; 
}
.form-1 input[type=password]:focus {
 border-color: #FF6600;
}

        .form-1 {
            /* Size & position */
            width: 250px;
            margin: 60px auto 30px;
            padding: 10px;
            position: relative; /* For the submit button positioning */
            /* Styles */
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,1), inset 0 -3px 2px rgba(0,0,0,0.25);
            border-radius: 5px;
            background: linear-gradient(#eeefef, #ffffff 10%);
        }

        .Botoningreso {
            top: 155px;
            left: 80px;
            z-index: 2;
            position: absolute;
            border-radius: 25px;
            background-color: #FF6600;
            color: #FFFFFF;
            text-align: center;
            font-family: arial;
            padding: 5px 10px 10px 10px;
            font-weight: bold;
            width: 100px;
            height: 30px;
 
        }