/**********************************************************
				Authentication Styles
**********************************************************/

.box8 {
  width: 35% !important;
  border: 1px solid silver;
  margin: 0 0 0 30px;
  height: 450px;
  float: left;
  background: #fafafa;
}

 @media (max-width: 479px) {
  .box8 {
    width: 109% !important;
    border: 0px solid blue;
    margin: 0 0 0 -172px;
    height: 397px;
    float: left;
   }
}

.contenu8 {
  padding: 15px;
      margin: 0 0 0 190px;
    width: 88%;  
  border: 0px solid red;
	
}

.button-span {padding: 10px !important; border: 1px solid yellow !important; }

#account-creation_form .id_state,
#account-creation_form .dni,
#account-creation_form .postcode {
  display: none; }

#create-account_form {
  min-height: 345px; }
  #create-account_form p {
    margin-bottom: 8px; }
  #create-account_form .form-group {
    margin: 0 0 20px 0; }

#login_form {
  min-height: 297px; }
  #login_form .form-group {
    margin: 0 0 3px 0; }
    #login_form .form-group.lost_password {
      margin: 14px 0 15px 0; }
      #login_form .form-group.lost_password a {
        text-decoration: none; }
        #login_form .form-group.lost_password a:hover {
          color: #c82f00;
		  text-decoration: none; }

#login_form .form-control, #create-account_form .form-control {
  max-width: 271px; }

#create-account_form p {
  margin-bottom: 18px;
  width: 185%;
  margin-left: 20px;
}

.box8 {
  width: 37% !important;
  border: 1px solid silver;
  margin: 0 0 30px 20px;
  height: 472px;
  float: left;
  background: #fafafa;
}

#create-account_form .form-group {
  margin: 0 0 20px 20px;
}

#login_form .form-group.lost_password {
  margin: 14px 0 10px 20px;
  width: 220%;
}

#login_form .form-group {
  margin: 0 0 3px 20px;
}