@font-face {
    font-family: 'magistral_boldregular';
    src: url('magistral_bold-webfont.eot');
    src: url('magistral_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('magistral_bold-webfont.woff') format('woff'),
         url('magistral_bold-webfont.ttf') format('truetype'),
         url('magistral_bold-webfont.svg#magistral_boldregular') format('svg');
    font-weight: bold;
    font-style: normal;

}

article,aside,figcaption,figure,footer,header,hgroup,nav,section,time {display: block;}
*{margin: 0; padding: 0;} 
:focus {
  outline: none;
  }
a img {border: 0;}
a {color: #5a5a5a;}
a:hover {text-decoration: none;}
body {
  background: #fff;
  text-align: center;
  font-size: 18px;
  font-family: 'Segoe UI', sans-serif;
  color: #313131;
  width: 100%;
  min-width: 1050px;  
}

html,body {
  height: 100%; 
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 18px;
  }

table td {
  vertical-align: top;
  }

#wrapper {
  min-height: 100%;
  z-index: 999;
  position: relative;
  text-align: center;
  width: 100%;
  }

header {
  width: 1050px;
  margin: 0 auto;
  height: 590px;
  font-size: 22px;
  text-align: right;
  overflow: hidden;
  background: url(21century/bghead.jpg) no-repeat 0 100%;
  }

header .h1 {
  color: #0170a7;
  font-family: 'magistral_boldregular';
  font-size: 24px;
  font-weight: bold;
/*  font-style: italic;*/
  margin-bottom: 27px;
  padding-top: 25px;
  word-spacing: 10px;
  letter-spacing: 1px;
  }

header .h1 span {
  color: #0186c7;
  text-transform: uppercase;
  font-size: 24px;  
  }

header .h2 {
  font-family: Arial;
  font-size: 24px;  
  margin-bottom: 27px;
  font-style: italic;
  }

header p {
  font-family: "Segoe UI";
  font-size: 20px;
  margin-bottom: 20px;
  }

header p span {
  color: #0186c7;/*#0170a7;*/
  font-family: 'magistral_boldregular';
  text-transform: uppercase;
  font-size: 24px;
  }

header .h3 {
  color: #ee7b15;
  font-size: 32px;
  }

.blockred {
  background: url(21century/bgred.jpg) #eb3339 repeat-x 0 0;
  color: #fff;
  height: 1081px;
  font-size: 22px;
  }

.wr {
  width: 1050px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  }

.blockred h2 {
  font-family: Verdana;
  font-size: 40px;
  font-weight: normal;
  margin-top: 50px;
  }

.blockred h3 {
  font-size: 38px;
  font-weight: normal;
  color: #fffd87;
  font-family: "Segoe UI";
  font-style: italic;
  margin-bottom: 25px;
  margin-top: 20px;
  }

.blockred p {
  margin-bottom: 0px;
  line-height: 25px;
  text-indent: 25px;
  }

.blockred p b {
  font-size: 27px;
  font-weight: normal;
  }

.blockred p.pright {
  text-align: right;
  overflow: hidden;
  padding-right: 0px;
  margin-bottom: 30px;
  text-indent: 0;
  }

.h {
  width: 1050px;
  margin: 0 auto;
  position: relative;
  margin-top: 21px;
  }
.h p {
  font-family: 'magistral_boldregular';
  font-size: 22px;
  text-align: left;
  font-weight: bold;
  padding: 20px 0 25px 63px;
  line-height: 18px;
  }

.h_0 {
  background: url(21century/h0.png) no-repeat 0 0;
  }

.h_1 {
  background: url(21century/h1.png) no-repeat 0 0;
  }

.h_1 p {
  padding-top: 1px;
  padding-bottom: 31px;
  }

.h_2 {
  background: url(21century/h2.png) no-repeat 0 0;
  }

.h_3 {
  background: url(21century/h3.png) no-repeat 0 0;
  }

.h_3 p {
  padding-top: 1px;
  padding-bottom: 31px;
  }

.h_4 {
  background: url(21century/h4.png) no-repeat 0 0;
  }

.h_4 p {
  padding-top: 1px;
  padding-bottom: 31px;
  }

.h_5 {
  background: url(21century/h5.png) no-repeat 0 0;
  }

.h_5 p {
  padding-top: 1px;
  padding-bottom: 31px;
  }

.blockblue {
  background: #e5f0f6;
  margin-top: -1px;
  }

.blockblue .text {
  width: 1050px;
  margin: 0 auto;
  text-align: left;
  padding: 15px 0 20px 0;
  }

.blockblue .text p {
  text-indent: 25px;
  }

.blockbl {
  background: url(21century/bgblue.png) #0170a7 repeat-x 0 0;
  color: #fff;
  margin-top: 26px;
  overflow: hidden;
  padding: 26px 0 20px 0;
  }

.blockbl h2 {
  font-size: 33px;
  font-weight: normal;
  color: #fffd87;
  }

.blockbl h2 b {
  font-family: 'magistral_boldregular';
  }

.blockbl p {
  text-indent: 25px;
  font-size: 18px;
  margin-bottom: 15px;
  }

.blockbl img {
  float: left;
  margin: 23px 10px 0 0;
  }

.blockbl p span {
  color: #fffd87;
  font-size: 22px;
  }

.blockbl .pcenter {
  text-align: center;
  color: #fffd87;
  font-size: 22px;
  }

.wrapinfo h2 {
  font-size: 34px;
  font-weight: normal;
  font-family: "Segoe UI";
  width: 1050px;
  margin: 30px auto 0;
  text-align: left;
  line-height: 34px;
  }

.wrapinfo h2 b {
  font-weight: normal;
  color: #0170a7;
  }

.wrapinfo h2 span {
  color: #0170a7;
  font-family: 'magistral_boldregular';
  }

.clear {
  clear: both;
  height: 20px;
  }

footer {
  margin: -20px auto 0;
  overflow: hidden;
  position: relative;
  z-index: 999;
  width: 100%;
  font-size: 16px;
  font-family: "Segoe UI";
  background: #e5f0f6;
  padding-bottom: 20px;
  }

.footer {
  width: 1000px;
  margin: 0 auto;
  }


.footer form {
  margin-bottom: 30px;
  margin-top: 29px;
  }

.footer form table {
  margin-left: 0px;
  }

.footer form label {
  padding-right: 10px;
  float: left;
  margin-top: 8px;
  }

.footer form input[type=text] {
  border: 1px solid #dedddd;
  background: #fff;
  font-size: 16px;
  color: #313131;
  padding: 8px 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 235px;
  }

.footer form .keystring_img {
  width: 110px;
  }

.footer form input#keystring[type=text] {
  width: 120px;
  margin-right: 0;
  }

.footer form .tdcapcha {
  line-height: 15px;
  text-align: center;
  }

.footer form .but_form_register {
  background: #0170a7;
  border: 3px solid #fff;
  font-size: 32px;
  font-family: "Open Sans";
  width: 455px;
  color: #fff;
  padding-bottom: 5px;
  cursor: pointer;
  }

.footer .pred {
  color:#eb3339;
  font-size: 15px;
  margin-bottom: 15px;
  }

.blockplan {
  position: relative;
  background: url(21century/bgplan.png) no-repeat 0 0;
  height: 414px;
  width: 1055px;
  margin: 0 auto;
  padding: 10px 0 0 0;
  }

.blockplan h2 {
  color: #0170a7;
  font-size: 33px;
  font-weight: normal;  
  }

.blockplan p {
  position: absolute;
  text-align: left;
  font-size: 18px;
  line-height: 20px;
  }

.blockplan .p1 {
  width: 186px;
  top: 255px;
  }

.blockplan .p2 {
  width: 186px;
  top: 106px;
  left: 185px;
  }

.blockplan .p3 {
  width: 211px;
  left: 223px;
  bottom: 35px;
  text-align: right;
  }

.blockplan .p4 {
  width: 230px;
  left: 410px;
  top: 111px;
  text-align: center;
  }

.blockplan .p5 {
  width: 178px;
  bottom: 36px;
  right: 262px;
  }

.blockplan .p6 {
  width: 213px;
  right: 184px;
  top: 111px;
  text-align: right;
  }

.blockplan .p7 {
  width: 190px;
  text-align: right;
  right: 0;
  bottom: 57px;
  }