@font-face {
  font-family: 'Conei';
               src: url("http://www.fluhr.ch/FONTS/Conei.eot");
               src: local("Conei"), 
                    url("http://www.fluhr.ch/FONTS/Conei.woff") format("woff"), 
                    url("http://www.fluhr.ch/FONTS/Conei.ttf") format("truetype");
}/*font-face*/

* {
  box-sizing: border-box;
}/***/

body {
  margin: 10px;
  font-size: medium;
  background-color: #e0ceb8;
}/*body*/

#h1-login {
  text-align: center;
  font-family: Conei;
  font-size: 150%;
  color: #908267;
  letter-spacing: 0.1em;
}/*#h1-login*/

#form-login {
  margin-left: auto;
  margin-right: auto;
  display: table;
  padding: 5px;
  background-color: #e0ceb8;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 70%;
}/*#form-login*/

#fieldset-login {
  border: 2px solid #908267;
  border-radius: 6px;
}/*#fieldset-login*/

#legend-login {
  font-size: 120%;
  font-weight: bold;
}/*#legend-login*/

.row-login {
  display: table-row;
}/*.row-login*/

.cell-login {
  display: table-cell;
  padding: 3px;
  vertical-align: middle;
  border-color: #908267;
}/*.cell-login*/

.cell-login:first-child {
  text-align: right;
}/*cell-login:first-child*/

.error-login {
  color: red;
}/*.error-login*/

#space-login {
  margin: 20px;
}

button#send-login, button#reg-login {
  font-family: Verdana, Geneva, Arial, sans-serif;
  background-color: white; 
  color: #38803b;
  font-weight: bold;
  border: 2px solid #38803b;
  text-align: center;
  padding: 5px;
  font-size: 100%;
  transition-duration: 0.5s;
  cursor: pointer;
}/*button#send-login*/

button#send-login:hover, button#reg-login:hover {
  background-color: #4bad4f;
  color: white;
  font-weight: bold;
}/*button#send-login:hover*/