body {
padding:0;margin:0 auto;
    background:linear-gradient(#003043);
    
    top: 0px;
    font-family:arial;
}
#head{
    display: block;
    background:transparent;
    width: 100%;
    height: 230px;
    position:relative;
    top:-37px;
    z-index: 1;
}
#logo{
position: relative;
    top:0px;
}

legend{
    position:relative;
    top:0px;
    color:#a9a9a9;
    font-size: 10px;
    font-family:sans-serif;
    
}
#box{
    position:relative;
    top:-175px;
    width:90%;
    max-width:650px;
    height:355px;	
    background-color:#003043;
    border-radius:20px;
    padding:11px 0 0 0;
    margin:0px auto;
    z-index: 2;


}
#userdiv
{
    background: #003043 url('logo-provedorx.png') no-repeat center;
    width: 90px;
    height: 70px;
    border-radius:0%;
    margin: 0px;
    background-size: 90px 90px;
}
#userdiv1
{
    background: url('1hora.PNG') no-repeat right;
    width: 180px;
    height: 70px;
    border-radius:11%;
    margin: 0px;
    background-size: 85px 60px;
}
#userdiv2
{
    background: url('1hora.PNG') no-repeat left;
    width: 180px;
    height: 100px;
    border-radius:11%;
    margin: 0px;
    background-size: 85px 60px;
}
/**------------USER------------**/
#user{
border:0px #ccc solid;
    border-bottom:1px #ccc solid; 
    color:#212121;
    background:rgba(255,255,255,0.94);
    
height:40px;font-size:16px;
display:block;width:230px;
text-align:center;
border-radius:5px;
font-family:inherit;outline: none;
}
/**--------------------PASSWORD----------**/
#pass{
    border:0px #ccc solid;
    border-bottom:1px #ccc solid;
    color:#111010;
    background:rgba(255,255,255,0.94);
   height:40px;font-size:16px;
    display:block;margin:5px;width:230px;text-align:center;
    border-radius:5px;
    font-family:inherit;outline: none;
}
/*---------------Boton---------*/
#boton{
	-webkit-appearance:none;color:#fff;
	background:#2d9df9; 
        background-image:url(right-arrow.pn);
	background-repeat: no-repeat; 
        background-position:right; 
        opacity: 1;
    border:none;
    border-radius:5px;
    height:42px;width:234px;font-size:16px;font-weight:400;outline:0;
    letter-spacing:1.5px;cursor:pointer;
    margin-top:8px;
    }

    .vertical-form .footer{
    position: relative;
    top:-175px;
    text-align:center;
    color:#666666;}

.vertical-form .pre-footer{
    position: relative;
    top:-200px;
    text-align:center;
    color:#272724;
    padding-top: 22px;
}

.vertical-form .footer a{text-decoration:none;color:#4285F4;}
    @media (max-width:450px){

       }
#freebot{
  
    -webkit-appearance:none;color:#fff;
    background:#ff6b00; 
    background-image:url(unlock-clock.png);
    background-repeat: no-repeat; 
    background-position:center; 
    opacity: 1;
    border:none;
    border-radius:5px;
    height:32px;width:115px;
    cursor:pointer;
    display:inline-block;

}
#passDiv{
    display: block
}
#customText{
    max-width: 650px;
    width:90%;
    margin: 0px auto;
}