body {
  margin: 0;
  padding: 0;
  font-family: arial, verdana, sans-serif;
  font-size: 16px;
  color: #444;
}
#page {
  width: 980px;
  margin: 0px auto;
  padding: 0px 40px;
}
#header {
  padding: 40px 0px 20px 0px;
  position: relative;
}
#header .loga img {
  margin-right: 30px;
}
#header #phone{
    width: 100px;
    height: 206px;
    position: absolute;
    top: 50px;
    right: 60px;
    background: url('../img/phone.jpg') no-repeat top right;
}
#header h1 {
  background-color: #DA251C;
  color: #ffffff;
  text-align: center;
  padding: 15px 10px;
  margin: 30px 0px 0px;
  border-radius: 60px;
  font-size: 38px;
}
#header h2{
    text-align: center;
    color: #007CC1;
    font-size: 28px;
}
#header h3 {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  margin: 20px 0px 0px;
}
#header h4{
    background-color: #DA251C;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 15px;
    border-radius: 15px;
}
#header p{
    font-weight: bold;
    font-size: 20px;
}
#content h3{
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
  font-size: 36px;
  margin: 20px 0px 0px;
}
#content .normal {
  padding: 40px;
}
#content .legend {
  clear: both;
  font-weight: bold;
  display: block;
  float: left;
  margin: 20px 0px 0px;
}
#content form{
    width: 600px;
    margin: 10px auto;
    font-size: 18px;
}
#content form ul {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 10px 0px 0px 0px;
  clear: both;
}
#content form ul li {
  display: block;
  float: left;
  width: 600px;
  margin: 3px 0px;
  font-size: 18px;
}
#content form ul li input,
#content form ul li select {
  display: block;
  float: left;
  margin: 3px 7px 0px 0px;
}
#content form ul li label {
  display: block;
  float: left;
  width: 500px;
}
#content form dl {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#content form dl dt {
  width: 160px;
  margin: 0px;
  clear: both;
  display: block;
  float: left;
  padding: 0px;
}
#content form dl dd {
  display: block;
  float: left;
  margin: 15px 0px 0px;
}
#content form dl dd input,
#content form dl dd select {
  padding: 5px;
  border: 2px solid #aaa;
}
#content form dl dd input[type="radio"] {
  margin: 10px 10px 0px 0px;
}
#content form dl dd input[type="text"] {
  width: 260px;
}
#content form dl dd label {
  margin: 0px 20px 0px 0px;
}
#content form .buttons {
  clear: both;
  text-align: center;
  margin-top: 30px;
}
#content form .buttons input[type="submit"] {
  font-size: 16px;
  padding: 8px 12px;
  color: #fff;
  background-color: #DA251C;
  border-radius: 10px;
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
}
#content form .buttons input[type="submit"]:hover {
  background-color: #ccc;
}
#content .error {
  color: red;
  font-weight: bold;
  font-size: 14px;
  margin: 13px 10px 0px;
  padding: 8px;
  display: block;
  float: left;
}
#footer {
  margin: 50px 0px 0px;
  padding: 35px;
  background: #E02228;
  color: #ffffff;
}
#footer .footer-logo {
  display: block;
  float: right;
  margin: -35px -35px 0px 0px;
}
.err1 {
  margin: 0px 0px 30px 0px;
  background-color: #ffffff;
  color: green;
  font-size: 20px;
  font-weight: bold;
  padding: 15px;
  border: 2px solid #aaa;
  border-radius: 20px;
}
.err2 {
  margin: 0px 0px 30px 0px;
  background-color: #ffffff;
  color: #dd0000;
  font-size: 20px;
  font-weight: bold;
  padding: 15px;
  border: 2px solid #aaa;
  border-radius: 20px;
}
.logo {
  display: block;
  width: auto;
  height: auto;
  margin-bottom: 50px;
}
.backpop {
  position: absolute;
  left: 0;
  top: 0;
  z-index: auto;
  right: auto;
  bottom: auto;
  position: fixed;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=90);
  opacity: 0.9;
  background-color: #ffffff;
}
.popup {
  width: 500px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: auto;
  right: auto;
  bottom: auto;
  margin: 100px 0px 0px -300px;
  background-color: #ddd;
  padding: 50px;
  color: #444;
}
.popup .close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: auto;
  left: auto;
  bottom: auto;
  color: #ffffff;
  font-weight: bold;
  width: 30px;
  height: 30px;
  background-image: url("../img/close.png");
}
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
}
.irn {
  text-indent: 0;
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
.ps {
  position: static;
}
.pf {
  position: fixed;
}
.pn {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
.bs {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.l {
  display: block;
  float: left;
}
.r {
  display: block;
  float: right;
}
.fn {
  float: none;
}
.n {
  display: none;
}
.i {
  display: inline;
}
.ib {
  display: inline-block;
}
.bl {
  display: block;
}
.ce {
  display: table-cell;
}
.vc {
  display: table-cell;
  vertical-align: middle;
}
.vm {
  vertical-align: middle;
}
.ov {
  overflow: visible;
}
.oh {
  overflow: hidden;
}
.oa {
  overflow: auto;
}
.os {
  overflow: scroll;
}
.cl {
  clear: both;
}
.cln {
  clear: none;
}
.cf:before,
.cf:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}
.cf:after {
  clear: both;
}
.cf:before,
.cf:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.vh {
  visibility: hidden;
}
.vv {
  visibility: visibile;
}
.mc {
  margin-left: auto;
  margin-right: auto;
}
.mcn {
  margin-left: 0;
  margin-right: 0;
}
.in {
  background-image: none;
}
.bgn {
  background-image: none;
}
.bglt {
  background-position: left top;
}
.bglb {
  background-position: left bottom;
}
.bglc {
  background-position: left center;
}
.bgrt {
  background-position: right top;
}
.bgrb {
  background-position: right bottom;
}
.bgrc {
  background-position: right center;
}
.bgct {
  background-position: center top;
}
.bgcb {
  background-position: center bottom;
}
.bgcc {
  background-position: center;
}
.bgh {
  background-position: left bottom;
}
.bgf {
  background-position: left center;
}
.bgrn {
  background-position: right top;
}
.bgrh {
  background-position: right bottom;
}
.bgrf {
  background-position: right center;
}
.bgr {
  background-repeat: repeat;
}
.bgrx {
  background-repeat: repeat-x;
}
.bgry {
  background-repeat: repeat-y;
}
.bgnr {
  background-repeat: no-repeat;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}
.ttu {
  text-transform: uppercase;
}
.ttl {
  text-transform: lowercase;
}
.ttn {
  text-transform: none;
}
.tdu {
  text-decoration: underline;
}
.tdn {
  text-decoration: none;
}
.nw {
  white-space: nowrap;
}
.fb {
  font-weight: bold;
}
.fi {
  font-style: italic;
}
.hu:hover {
  text-decoration: underline;
}
.hi:hover {
  background-position: left bottom;
}
.cp {
  cursor: pointer;
}