<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<style>
#login {
padding:5px 0px;background-color:#3b5998;overflow:hidden;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;
}
#login input[type=text],#login input[type=password] {
width:170px;border:1px solid #000;
}
#login input[type=checkbox] {
margin:auto;vertical-align:top;
}
#login input[type=submit] {
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;
cursor:pointer;color:#fff;
font-weight:bold;line-height:13px;background-color:#5b74a8;
padding:3px 5px;border:1px solid;border-color: #29447e #29447e #1a356e;
}
.wrapper {clear:both;}
.wrapper>div {float:left;width:170px;padding:0px 10px;}
.wrapper .button{width:50px;}
.titulo {color:#fff;}
.texto {color:#98a9ca;}
.texto a {color:#98a9ca;text-decoration:none;}
</style>
</head>
<body>
<form id='login'>
<div class='wrapper'>
<div class="titulo">Correo o teléfono</div>
<div class="titulo">Contraseña</div>
</div>
<div class='wrapper'>
<div class="formulario"><input type="text" name="mail"></div>
<div class="formulario"><input type="password" name="passwd"></div>
<div class="button"><input type="submit" value="Entrar"></div>
</div>
<div class='wrapper'>
<div class="texto"><input type="checkbox" name="session"> <span>No cerrar sesión</span></div>
<div class="texto"><a href="#">¿Has olvidado tu contraseña?</div>
</div>
</form>
</body>
</html>