.info{
  font-size: 10px;
  font-family: "Comic Sans MS";
  letter-spacing: 3px;
  color: #00FF00
}
 .slide-out-div {
          padding: 20px;
          width: 400px;
          background: #000;
          border: #29216d 1px solid;
  color: #3366CC;
}

body{
 	background-color : #000000;
	text-align : center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

h1{

  margin: 0;
  font-style: italic;
  font-size: 17px
}

h2{


  font-style: italic;
  font-size: 14px
}

.border{
  border: 1px solid #FFFFFF ;
  background: #CCCCCC
}
.acurate_font{
padding-left:7px;
  font-size: 13px;
  font-style: italic;
  font-stretch: wider;
      	color :  #000066;
}
.admin{
  font-size: 30px;
  font-style: normal;
  font-variant: small-caps;
  font-weight: bold;
  font-stretch: extra-condensed;
}
.disc_image{

  width: 140px;
  height: 140px;

  padding: 0px;
  border: 0px none #FFFFFF
}
.top_of_view{
 width: 520px;
 height:20px;
    	color :  #000066;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  background: #D9D9D9;
  font-size: 20px;
  border: 1px solid #6699FF;
}
.but_of_view{
    width: 520px;
  color: #000000;
  vertical-align:top;
  text-align:left;
  padding:10px;
  background: #EDEDED;
  font-size: 11px;
  border: 1px solid #6699FF;
}
._hrew{
  color: #3300FF;
  cursor: pointer;
  height: 50px;
  vertical-align: top;
  text-align: justify
}
.form{
    width: 90px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
  text-align: left;
  background-color: #9999FF;
  color: #FFFFFF;
}
.form_adm{
    width:  180px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
  text-align: left;
  background-color: #9999FF;
  color: #FFFFFF;
}
.formp{
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
  text-align: left;
  background-color: #9999FF;
  color: #FFFFFF;
}
table{
  border-collapse: collapse;
    font-size: 13px;
}
.b_table{

  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
  
}
.fon_top{
    background-repeat: no-repeat;
    height: 150px;
    background-color : #000000;
    background-image: url(top.jpg);
  text-align: center ;
}
.otstup{
  height: 20px;
  border-spacing: 0px
}
.top_of_central{
  width: 624px;
  height:40px;
  background-color : transparent;
  border-style: none;
  background-image: url(pic5.jpg);
  text-align: center;
  background-repeat: repeat-x;
  color: #FAEBD7;
  background-position: bottom
}
.top_of{
  width: 200px;
  height:40px;
  background-color : #000000;
  border-style: none;
  background-image: url(pic1.jpg);
  text-align: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
}
  .button_of{
        height: 40px;
        background-image: url(pic2.jpg);
        background-repeat: repeat-x;
    vertical-align : top;
  background-position: bottom;
  }
.panel1{
    width: 200px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
  background-color : #E1E1E1;
  border-style: none;
 background-image: url(pic3.jpg);

  background-repeat: repeat-x;
    vertical-align : top;
  background-position: top;
  text-align: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px
}
.central{
   background-color : #E1E1E1;
  border-style: none;
 background-image: url(pic3.jpg);
   padding: 10px 10px;
  text-align: left;
  background-repeat: repeat-x;
    vertical-align : top;
  background-position: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.button{
  font-style: normal;
  font-variant: small-caps;
  font-weight: bold;
  font-stretch: extra-condensed;
    background-color : #000000;
   height: 100px;
  color: #66CC66;
  border-color: #696969;
  border-width: thin;
  padding: 20px;
  background-image: url(button.jpg);
  background-repeat: no-repeat;
}
.knopka{
   height:20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #3300CC;
  cursor: pointer;
  width: 150px;
  vertical-align: middle;
  background-color: #CCCCCC;
  color: 3300FF;
}
.adm_knopka{
width: 140px;
   height:20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #3300CC;
  cursor: pointer;
  vertical-align: middle;
  background-color: #CCCCCC;
  color: 3300FF;
}
a:link {
	color :  #3333FF;
	text-decoration : none;
}
a:visited{
	color : #3333FF;
 	text-decoration : none;
}
a:hover{
	color : #0000CC;
   text-decoration : none;
}
a:active{
	color : #009933;
	text-decoration : none;
}
a.knopka_tech {                                           /*выделенное красным можно заменить на любое своё название*/
display:block;
background-image: url(../files/tech1.jpg);                             /*выделенное синим меняете на свой адрес картинки*/
width:266px;
height:30px;
  text-align: center
}
a.knopka_tech:hover {                                       /*hover вот это и есть то самое наведение*/
display:block;
background-image: url(../files/tech2.jpg);
width:266px;
height:30px;
}

a.knopka_anz {                                           /*выделенное красным можно заменить на любое своё название*/
display:block;
background-image: url(../files/anz1.jpg);                             /*выделенное синим меняете на свой адрес картинки*/
width:294px;
height:30px;
}
a.knopka_anz:hover {                                       /*hover вот это и есть то самое наведение*/
display:block;
background-image: url(../files/anz2.jpg);
width:294px;
height:30px;
}

a.knopka_tech1 {                                           /*выделенное красным можно заменить на любое своё название*/
display:block;
background-image: url(../files/anz_tech1.jpg);                             /*выделенное синим меняете на свой адрес картинки*/
width:272px;
height:30px;
  text-align: center
}
a.knopka_tech1:hover {                                       /*hover вот это и есть то самое наведение*/
display:block;
background-image: url(../files/anz_tech2.jpg);
width:272px;
height:30px;
}

a.knopka_anz1 {                                           /*выделенное красным можно заменить на любое своё название*/
display:block;
background-image: url(../files/anz_anz1.jpg);                             /*выделенное синим меняете на свой адрес картинки*/
width:288px;
height:30px;
}
a.knopka_anz1:hover {                                       /*hover вот это и есть то самое наведение*/
display:block;
background-image: url(../files/anz_anz2.jpg);
width:288px;
height:30px;
}



