html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

img.pic_small
{
  border-width:1px;
  border-style:solid;
  border-color:RGB(50,50,50);
  cursor:pointer;
}

.pic 
{
  position: relative;
  top: 0px;
  left: 0px; 
  width: 100px; 
}

.pic a .large 
{
  border: 0px;
  display: block;
  position: absolute;
  top: -80px;
  left: 140px;
  height: 1px;
  width: 1px;
  visibility: hidden; 
}

.pic a.p1, .pic a.p1:visited 
{
  display: block;
  left: 0px;
  text-decoration: none;
  top: 0px;
}

.pic a.p1:hover
{
  background-color: #000000; 
  color: #000000;
  text-decoration: none;
}

.pic a.p1:hover .large 
{
  border-width:1px;
  border-style:solid;
  border-color:RGB(50,50,50);
  display: block;
  position: absolute;
  top: -80px;
  left: 140px;
  width: 300px;
  height: 300px;
  visibility: visible; 
}

.linetop {  color: #FFFFFF; background-color: #000033; background-attachment: scroll; background-image: url(images/11.JPG); background-repeat: repeat-x; background-position: left top; border-style: none}

.linebottom {  border-color: #FFFFFF black black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; background-color: #000033}

.nazvrazdel {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; color: #FFFFFF; font-weight: bold; margin-top: 0px; margin-left: 0px; line-height: normal}

a:hover {  }

a:hover {  }

a:hover {  }

a:link {  }

a:hover {  }

.razdel {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; line-height: normal; margin-top: 5px; margin-bottom: 5px}

a {  }

a {  text-decoration: none}

a:hover {  font-weight: bold; color: #FFFFFF}

a.active {color:#FFFFFF; font-weight:bold;}

ul {  }

ul {  }

ul {  }

ul {  margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px}

li {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #999999}

li {  }

li {  clip:   rect(   )}

li {  line-height: 15px}

ul {  line-height: 5px}

li {  }

li {  }

li {  }

li {  }

.podrazdel {  font-size: 11px; color: #999999; margin-left: 15px; line-height: normal; margin-top: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif}

.gryppa {  font-size: 11px; color: #999999; line-height: normal;; font-family: Arial, Helvetica, sans-serif}

a {  }

a {  }

a {  }

a {  }

a {  }

td { font-size: 11px; color: #FFFFFF; line-height: normal; font-family: Arial, Helvetica, sans-serif;}

a {  }

a {  }

a {  color: #999999}

.input {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #999999; border: #000033; border-style: solid; margin-top: 2px; margin-bottom: 2px}

.input1 { border: 1px #999999 solid; background-image: url(images/lupa.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-color: #000033; font-size: 11pt; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; font-family: Arial, Helvetica, sans-serif}

.ramka {  border: 1px #333333 solid}

.razdel1 { font-weight: bold; line-height: normal; padding-left: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px}

.text_razdel {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 25px; line-height: normal; text-align: justify}

.opisanie { font-size: 11px; color: #FFFFFF; margin-left: 15px; line-height: normal; margin-top: 1px; margin-bottom: 1px; font-family: Arial, Helvetica, sans-serif}

.ramka_active { border: 1px #FFFFFF solid}

.right {  background-color: #000033; background-attachment: scroll; background-image: url(images/11.JPG); background-repeat: repeat-x; background-position: right top; border-style: none}

.left {  background-color: #000033; border-color: #FFFFFF #000033 black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-right: 0px}

.right_top { background-color: #b02101; background-attachment: scroll; background-image:   url(images/11_02.jpg); background-repeat: no-repeat; background-position: right top}

.left_top { background-color: #901200; background-attachment: scroll; background-image: url(images/var9-1_07.jpg); background-repeat: no-repeat; background-position: left top}

.left_bottom { background-color: #000033; border-color: #FFFFFF black black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }

a {  }

a:hover {  }

a:link {  }

.center { background-color: #000033; border-color: #FFFFFF black black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }