@font-face {
  font-family: os_l;
  src: url(OpenSans-Light.ttf);
}
html {
 height: 100%;
}
body {
 font-family: os_l, Arial;
 font-size: 18px;
 color: #474747;
 padding: 0;
 margin: 0;
 height: 100%;
 min-width: 950px;
}
.mt{
 background-image: url(fon.png);
 background-position: 0 center;
 background-repeat: repeat-x;
 background-color: #b1d8ed;
}
.td_top{
 background-color: #b1d8ed;
}
.td_bot{
 background-color: #89adc1;
}
.td_main{
}
.plate{
 display: block;
 position: relative;
 width: 900px;
 height: 500px;
 background-color: #ffffff;
 box-shadow: 0 8px 12px 3px #477087;
}
.cap_pic{
 display: block;
 position: absolute;
 left: 82px;
 top: 63px;
 width: 40px;
 height: 52px;
 background-image: url(top.png);
 background-position: 0 0;
 background-repeat: no-repeat;
}
.cap{
 display: block;
 position: absolute;
 left: 245px;
 top: 53px;
 width: 600px;
 height: 52px;
 font-size: 48px;
 color: #5a9abf;
 font-family: os_l;
}
.t1{
 font-family: os_l;
 display: block;
 position: absolute;
 left: 82px;
 top: 201px;
 width: 736px;
}
.t1 b {
 color: #4b82a0;
 font-family: Arial;
 font-weight: bold;
}
a.lnk{
 display: block;
 position: absolute;
 left: 82px;
 top: 388px;
 width: 736px;
 text-align: center;
 font-size: 21px;
 color: #4d82a0;
 font-family: Arial;
 font-weight: bold;
 text-decoration: none;
}
.progress_td{
 background-color: #e8e8e8;
}
.progress{
 display: block;
 width: 0px;
 height: 8px;
 background-image: url(progress.png);
 background-position: 0 0;
 background-repeat: repeat-x;
}
.logo{
 display: block;
 position: absolute;
 left: 82px;
 top: 407px;
 width: 161px;
 height: 35px;
 background-image: url(logo.png);
 background-position: 0 0;
 background-repeat: no-repeat;
}
.dotnice{
 display: block;
 position: absolute;
 left: 82px;
 top: 441px;
 width: 787px;
 height: 115px;
}
.dotnice a {
 margin-right: 5px;
 font-size: 12px;
 color: #414141;
 text-decoration: underline;
 line-height: 1;
}