body{
  background-color:#805300;
}
#main{
  background-color:#ffefd5;
  margin:2% 20% 2% 20%;
  border-radius:12px;
}
#ik{
  width:100%;
  border-radius:12px;
}
#sel{
  background-color:#b1ecae;
}
#sel2{
  background-color:#d5d5d5;
}
#bt{
  display:none;
}
form{
  text-align:center;
  margin:5%;
}
h1{
  color:#805300;
  padding-left:10%;
}
img{
  border-style:none;
  vertical-align:middle;
}
img.fast{
  width:20px;
  height:10px;
}
a.am:link, a.am:visited{
  font-weight:bold;
  color:#072f83;
  text-decoration:none;
}
a.am:hover, a.am:active{
  font-weight:bold;
  color:blue;
  text-decoration:underline;
}
table{
  width:100%;
  padding-left:5%;
  padding-right:5%;
}
div.am, div.img{
  text-align:center;
  margin:5%;
}
tr{
  text-align:center;
}
tr.n{
  background-color:#fff4da;
}
tr.p{
  background-color:#f9e9cf;
}
.b1{
  color:#2e2b57;
  text-align:right;
}
.b2{
  color:#805300;
  font-weight:bold;
} 
.b3{
  color:black;
  text-align:left;
} 
.s1{
  color:#c90000;
  text-align:right;
}
.s2{
  color:#c90000;
  font-weight:bold;
} 
.s3{
  color:#c90000;
  text-align:left;
}
.nb{
  width:32px;
  height:32px;
  margin-left:8px;
  margin-right:8px;
}
.fst{
  color:black;
  font-style:italic;
  text-align:left;
}
.sel_fst{
  color:green;
  font-style:italic;
  font-weight:bold;
  text-align:left;
}
.aut{
  margin-left:10px;
}
@media screen and (orientation:portrait){
  #main{
    margin:1%;
  }
  h2{
    padding-left:7%;
  }
  table{
    padding-left:2%;
    padding-right:2%;
  }
}
@media screen and (max-height:500px){
  #bt{
    display:inline;
  }
}
@media print{
  .am, form{
    display:none;
  }
  .sel_fst{
    color:black;
    font-weight:normal;
  }
  tr.n, tr.p, #sel{
    background-color:#ffefd5;
  }  
}