* {
  margin:0;
  box-sizing:border-box;
  font-family:'Source Sans Pro', sans-serif;
}

html {
  height:100%;
  display:flex;
  flex-direction:column;
}

body {
  /*margin:0;*/
  color:#fff;
  flex-grow:1;
  display:flex;
  flex-shrink:0;
  flex-direction:column;
  background-color:#fff;/*color loga #2c3a5d*/
}

header {
  width:100%;
  height:83px;
  flex-shrink:0;
  position:relative;
  text-align:center;
  background-color:#2c3a5d;/*color loga #99001F*/
}

.logo {
  top:1px;
  left:12px;
  width:296px;
  display:block;
  text-align:left;
  /*display:none;*/
  position:absolute;
  height:calc(100% - 2px);
}

/*.logo img {
  height:100%;
}*/

.logo div {
  width:100%;
  height:100%;
  background-size:contain;
  background-repeat:no-repeat;
  background-image:url('logo_big.png');
}

@media only screen and (max-width:800px) {
  .logo
  {
    width:63px;
  }

  .logo div
  {
    background-image:url('logo.png');
  }
}

h1 {
  margin:0;
  padding:0.67em 0;
  width:max-content;
  letter-spacing:3px;
  display:inline-block;
}

header ul {
  top:6px;
  margin:0;
  padding:0;
  right:16px;
  position:absolute;
  list-style-type:none;
}

header a {
  color:#fff;
  text-decoration:none;
}

header ul li {
  margin-bottom:2px;
}

header ul li:last-child {
  margin-bottom:0;
}

main {
  color:#000;
  flex-grow:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.main_center {
  width:480px;
  padding:0.67em;
  border-radius:4px;
  background-color:#eee;
}

.results>div {
  padding:5px 0 5px 10px;
}

form table {
  padding:0;
}

table, form.no480 {
  width:unset;
  display:block;
}

form.ok {
  cursor:pointer;
}

tbody tr td.center {
  text-align:-moz-center;
  text-align:-webkit-center;
  text-align:-internal-center;
}

form>input, form div input, form>label, select, .error {
  width:100%;
  display:block;
  font-size:15px;
  margin-bottom:0.67em;
  font-family:'Source Sans Pro', sans-serif;
}

form input[type="radio"] {
  width:unset;
  display:initial;
}

form input[type="radio"]+label+div {
  display:none;
  padding-left:25px;
}

form input[type="radio"]:checked+label+div {
  display:block;
}

/*form button {
  font-family:'Source Sans Pro', sans-serif;
}*/

td>input, input[type="submit"] {
  margin-bottom:0;
}

.error {
  color:#f00;
}

.value {
  text-align:right;
}

footer {
  width:100%;
  padding:2px 0;
  flex-shrink:0;
  position:relative;
  text-align:center;
  background-color:#2c3a5d;
}

footer .to_right {
  bottom:0;
  right:2px;
  font-size:13px;
  text-align:right;
  position:absolute;
}