* { margin: 0px;	
padding: 0px; outline: 0;	
}	

body{
background: #FFF;
}

.barrUno{
  background:#2f2f75;
  height: 40px;
  width: 50%;
  float: left;
}
.barrDos{
  background: #2f2f75;
  height: 40px;
  width: 50%;
  float: left;
}
.linea{
  background: #01b0f1;
  height: 6px;
  width: 100%;
  float: left;
}
.p{
  font:1.5em Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  color:#999;
  margin-top: 8px;
  padding: 5px;
  text-align: left;
}
.pa{
  font:1.2em Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  color:#999;
  margin-top: 8px;
  padding: 5px;
  text-align: right;
}
.a:hover{
  color:#FF0;
}

.login {
  float: left;
  width: 25%;
  background: #FFF;
  padding: 20px 20px;
  box-sizing: border-box; 
}
.login2 {
  float: left;
  width: 75%;
  background: #FFF;
  padding: 20px 20px;
  box-sizing: border-box; 
  box-shadow: 0px 10px 25px 20px rgba(0,0,0,0.2); 
  border-radius: 10px; 
}
.login2 .img{
  float: left;
  width: 100%;
  padding: 2px;
}
.login2 .info p{
  width: 100%;
  padding: 2px;
  text-align: left;
  font-size: 18px;
  color: #2c3e50 ;
}

input {
  display: block;
  margin: 0 auto;
  width: 280px;
  border:none;
  border-bottom: 1px solid rgba(0,0,0,.2);
  height: 45px;
  line-height: 45px;  
  margin-bottom: 10px;
  font-size: 1em;
  color: rgba(0,0,0,.4);
  padding:7px;
  box-sizing: border-box; 
  background: linear-gradient(to left, white, #999 400%);
}
input:focus {
  outline: none;
  border-bottom: solid 2px;
  border-color: blue;
  top: 0;
  background: linear-gradient(to left, white, #01b0f1 400%);
}
label{
  color: #999;
  position: absolute;
  transform: translateY(-50px) translateX(-120px); 
  font-size: 14px;
  transition: opacity 1s, transform 1s, font-size 1s;
}
input:focus + label, input:valid + label {
  font-size: 16px;
  color: blue;
  transform: translateY(-72px) translateX(-120px);
}

button {
  margin-top: 25px;
  width: 300px;
  border: 0;
  border-radius: 5px;
  height: 50px;
  color: white;
  font-weight: 400;
  font-size: 1.3em;
  background:  #2f2f75;
}

button:hover {
  background:  #01b0f1;
}

@media screen and (max-width:567px){
  .login{
    margin-top: 0px;
    margin-left: 0%;
    width: 100%;
  }
  .login2{
    width: 100%;
  }
  .a{
    font-size: 14px;
  }
  .p{
    font-size: 12px;
  }
  input{
    width: 80%;
  }
  button{
    width: 80%;
  }
  .slider{
    display:none;
  }

}