@CHARSET "UTF-8";

html, body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

body {

  background-image: url(./images/bg_gral.jpg);
  background-repeat: repeat-x;
  background-position: 0 46%;
  
}

.login-box {
  width: 299px;
  height: 293px;
  position: absolute;
  top:50%;
  left:50%;
  margin-top: -146px;
  margin-left: -150px;
  background-image: url(./images/bg_login.png);
  background-repeat: no-repeat;
  background-position: center center;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.login-box .login-form {
  margin-top: 80px;
  margin-left: 50px;
  width: 228px;
}

.login-box .bottom-link{
  position:absolute;
  bottom: 24px;
  left:12px;
  width:100%;
  text-align: center;
}
.login-box .bottom-link a{
  text-decoration: none;
  color: #434139;
}
.login-box .bottom-link a:hover{
  color: #FF0000;
}
.login-box .login-form .login-msg {
  padding-top:10px;
  height:35px;
  color: #FF0000;
}
.login-box.forgot .login-form .login-msg {
  height:79px;
  padding-top:10px;
}

.login-box label {
  display: block;
  height:20px;
  line-height:20px;
  padding-left:12px;
  color: #434139;
}

.login-box input {
  border:none;
  background: none;
  background-image: url(./images/bg_input.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 161px;
  height: 22px;
  line-height: 22px;
  padding-left:10px;
  vertical-align: middle;
}

.login-box .submit {
  float:right;
  border:none;
  background: none;
  background-image: url(./images/button.png);
  background-repeat: no-repeat;
  background-position: center center;
  width:34px;
  height:34px;
  margin-top:58px;
  margin-right:8px;
  cursor: pointer;
}

.login-box.forgot  .submit {
  margin-top:14px;
}

.login-box .submit:hover {
  background-image: url(./images/button_over.png);
}


/* --------------------------------------- FOOTER ------------------------------------------ */

.copyright {
  font-family      : Verdana;
  font-size        : 10px; 
  text-decoration  : none;   
  font-weight      : normal;
  color            : #333333;
}

.baracci {
  font-family      : Verdana;
  font-size        : 10px; 
  text-decoration  : none;   
  font-weight      : normal;
  color            : #333333;
}
.baracci:hover {
  color            : #D01815;
  text-decoration  : underline;
}