* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
  text-align: center;
  margin: 20px 0px 0px 0px;
  background: url('./images/bgc01.gif') top left repeat-x #C12522;
  font: 11px Tahoma,Verdana,Arial,"Times New Roman";
  color: #fff;
  line-height: 16px;
}

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

a:hover {
  text-decoration: underline;
  color: #fff;
}

.b7 a,.b8 a {

  color: #00008F;
}

.b7 a:hover,.b8 a:hover {
  color: #00008F;
}

.pf,.logo {
  height: 666px;
}

.pf,.box,.b1,.b2,.b3,.b4,.b5,.b6,.b9,.b10,.b11,.b12 {
  border: 5px solid #fff;
}

.pf {
  width: 755px;
  text-align: left;
  margin: auto;
  background: url('./images/bgc01.gif') top left repeat-x #C12522;
}

.logo,.box,.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11,.b12 {
  float: left;
}

.logo {
  width: 175px;
  background: url('./images/visual.jpg') bottom left no-repeat #ffffff;
}

.box,.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11,.b12 {
  width: 140px;
  height: autopx;
  margin: 10px 0px 0px 10px;
  padding: 58px 5px 10px 25px;
  cursor : pointer;

}

.b1 {
  background: url('./images/blok1.gif') top left no-repeat #DF002F;
}

.b2 {
  background: url('./images/blok2.gif') top left no-repeat #DF002F;
}

.b3 {
  background: url('./images/blok3.gif') top left no-repeat #08A6DA;
}

.b4 {
  background: url('./images/blok4.gif') top left no-repeat #39BEB0;
}

.b5 {
  background: url('./images/blok5.gif') top left no-repeat #808080;
}

.b6 {
  background: url('./images/blok6.gif') top left no-repeat #99CCFF;
}

.b7 {
  background: url('./images/blok7.gif') top left no-repeat #FFF;
  border: 5px solid #fff;
  color: #006fa3;
}
.b7 a {
  color: #006fa3;
}
.b8 {
  background: url('./images/blok8.gif') top left no-repeat #FFF;
  border: 5px solid #BFCFDF;
  color: #004080;
}

.b9 {
  background: url('./images/blok9.gif') top left no-repeat #DF002F;
}

.b10 {
  background: url('./images/blok10.gif') top left no-repeat #DF002F;
}

.b11 {
  background: url('./images/blok11.gif') top left no-repeat #DF002F;
}

.b12 {
  background: url('./images/blok12.gif') top left no-repeat #DF002F;
}
div.bn {
  width: 755px;
  text-align: left;
  margin: 10px auto auto auto;
}