/*** CSS default ***/
body, html {
  margin: 0;
  padding: 0;
  background: #F0F0F0;
}

img{border: none}

div, form, p, table, td, tr, input, h1, h2,ul, li, dl, dd, dt, table{
  margin: 0;
  border: 0;
  padding: 0;
}

#lang {
	margin: 1px 5px 0 0;
	text-align: right;
}

#content {
  position: absolute;
  top: 40%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  width: 815px;
  height: 174px; 
  margin: -87px -407px;
}
#content.closed {
  width: 525px !important;
  margin: -87px -262px !important;
}

#footer {
  position: absolute;
  bottom: 0;
  font: 12px arial, sans-serif;
  color: #F0F0F0;
  height: 27px;
  background: #A5B4A1;
  width: 100%
}
#footer p {
  margin: 5px;
}

#content .box_1 {
  border: 1px solid #739437;
  height: 144px;
  overflow: hidden;
}
#content .box_1 .logo {
  /*margin: 45px auto 0 auto;
  display: block;
  width: 153px;*/
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
#content .box_1 .logo td {
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
#content .col_1 .box_1 {
  width: 199px;
  border-right: none;
}
#content .col_2 .box_1 {
  width: 319px;
  border-right: none;
}
#content .col_3 .box_1 {
  width: 290px;
}
#content .box_2 {
  width: 100%;
  height: 142px;
  background: url(box_login.gif) repeat-x top #93C141;
  border: 1px solid #C2DC5D;
  border-top-color: #D8E897;
}
#content .col_1,
#content .col_2,
#content .col_3 {
  float: left;
  display: block;
}
#content .col_1 {
  width: 200px;
}
#content .col_2 {
  width: 320px;
}
#content .col_3 {
  width: 292px;
}
#content h2 {
  font: normal 17px "Trebuchet MS", sans-serif;
  color: #FFF;
  height: 25px;
  padding: 5px 0 0 0;
  background: url(h2_login.gif) repeat-x top #BBC6B8;
  position: relative;
  text-align: center;
}
#content .col_1 h2 {
  border-right: 1px solid #A0AF9B;
  background: url(h2_login_2.gif) no-repeat left top #BBC6B8;
  width: 200px; 
}

#content .col_2 h2 {
  border-left: 1px solid #A0AF9B;
  width: 319px;
  text-align: left;
}
#content .col_2_closed h2 {
  background: url(h2_login_3.gif) no-repeat right top #BBC6B8 !important;
}
#content .col_2 h2 span {
  padding: 0 0 0 43px;
  background: url(login.gif) no-repeat 19px 3px;
}
#content .col_3 h2 {
  border-left: 1px solid #A0AF9B;
  background: url(h2_login_3.gif) no-repeat right top #BBC6B8;
  width: 291px;
  text-align: left;
}
#content .col_3 h2 span {
  padding: 0 0 0 43px;
  background: url(card_login.gif) no-repeat 19px 3px;
}
#content .box_2 p {
  color: #FFF;
  font: 13px arial, sans-serif;
  padding: 18px;
  text-align: justify;
  line-height: 14px;
}
#content .box_2 table {
  width: 283px;
  margin: 0 18px;
}
#content .box_2 table td {
  font: 12px arial, sans-serif;
  color: #000;
  padding: 0 0 3px 0;
}
#content .box_2 table td .input {
  height: 15px;
  width: 166px;
  border: 1px solid #497201;
  padding: 0 0 0 2px;
  font: 12px tahoma, sans-serif;
  color: #6F6F6F;
  float: right;
}
#content .box_2 table td .input:focus {
  border: 1px solid #CBFF00;
}
#content .box_2 .submit {
  background: url(submit_login.gif) repeat-x top #C4E16C;
  color: #497201;
  font: bold 13px "Trebuchet MS", arial, sans-serif;
  border: 1px solid #739437;
  padding: 1px 20px 1px 20px;
  margin: 4px 18px 0 0;
  float: right;
}
#content .col_3 .box_2 .submit {
  width: 255px;
  margin: -12px 18px;
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}

/*** CSS 0 ***/