body {
      background: url(../../image/body.bmp) #11a0bb;
}
.table {font-color:#ffffff;}

#one {
      width: 1024px;
      height: 768px;
      background: url(../../image/fbl5.jpg) #1c8098;
      margin: 10 auto 100;
}
#blocke{
      width: 1024px;
      height: 47px;
}

#two1 {
      width: 264px;
      height: 47px;
      float: left;
      padding: 0 10 0 20;
      color: #ffffff;
      font-size: 12;
      -background: #0050ee;
}
#two1  table {
      width: 80px;
}

#two2 {
      width: 670px;
      height: 47px;
      float: right;
      color: #121b60;
      padding: 0 0 0 60;
      -background: #008098;
}
#two2 ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	line-height: normal;
}

#two2 li {
	display: inline;
}

#two2 a {
	display: block;
	float: left;
	padding: 4px 10px 0 0px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}
#two2 a:hover {
        color:#0050ee;
         -webkit-transform: scale(1.2);
         -ms-transform: scale(1.2);
         transform: scale(1.2);
         transition-duration: 1s;
}
       
#two3 {
      width: 244px;
      height: 650px;
      float: left;
      padding: 0 30 0 20;
      -background: #0aaaae;
}

#two3 p {
      padding: 0 25 0 25;
      color: #045FB4; 
      font-family: 'Aclonica',serif;
      font-size: 36; 
      margin: 0px auto; 
      text-shadow: 0 1px 0 #886A08, 0 2px 0 #0080FF, 0 3px 0 #0080FF, 0 4px 0 #045FB4, 0 5px 0 #ffffff; 
}

.two31 {
      width: 222px;
      float: left;
      height: 94px;
      padding: 9 10 0 10;
      color: #53ff68;
      background: url(../../image/shl1.gif);
      font-size: 12;  
}
.two31 img {
      width: 36px;
      height: 36px;
      float: right;
      padding: 0 0 0 0;
      margin: 0 20 0 0;
      border: 2px solid #40c4c8;
}

.two31 img:hover {
 	  border-radius: 50%;
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  transform: rotate(360deg);
                              transition-duration: 1.25s;
	}

.table1 {
      font-size: 14;       
      color: #F6C9E4;
      width: 230px;
	  border: 0px;
}
.table1 a {
	  text-decoration: none;
}
#two3 hr {
       float: left;
	   width: 130px;
	   size: 1px;
	   color: #ff9900;
}

.two32 {
      width: 222px;
      float: left;
      padding: 0 10 0 10;
      background: url(../../image/shl2.gif);
      color:#E8F397;
      font-size: 10;     
}

.two32 table table {
      width: 100px;
      font-size: 10;      
}

.two32 a{
    color:#E8F397;
    display:block;
    font:12px/1.18 georgia,arial,helvetica,serif;
    margin-top:3px;
    padding:0 3px 3px 0px;
    position:relative;
    text-decoration:none
    }

.two32 a:hover{
    color: #ffffff;
    }

.two32 li{
    cursor: pointer;
    font: bold 12px/1.18 georgia,arial,helvetica,serif;
    padding: 0;
    }
.two32 li ul{
    display:none;	
    }

.two32 li li{
    list-style-type:none;
    cursor:pointer;
    margin:2px;
    padding:1px;
    border-bottom:1px dashed #FF6B00;; 

    }
.two32 li li:hover{
    background:#11a0aa;
    color:#911679;
    border-bottom:1px dashed #FF6B00;
    }
.two32 li:hover ul{
    -background:#fff;
    display:block;
    }

.two32 li:hover ul{
    margin:0;
    padding:1px;
    color:#F3B497;
    }

.two33 {
      width: 222px;
      float: left;
      height: 32px;
      padding: 0 10 0 10;
      color: #eeffcc; 
      font-size: 10;
      background: url(../../image/shl3.gif);
}
.two33   {
      width: 222px;
      border: 0px;
	  color: #F6C9E4;
}

#two4 {
      width: 410px;
      height: 93px;
      float: right;
      padding: 22 250 0 70;
      font-size: 10;
      color: #eeffcc;
      -background: #1ffff8;
}

#two4 hr {
       float: left;
	   width: 330px;
	   size: 1px;
	   color: #ff9900;
} 

#two4a {
      width: 100px;
      height: 20px;
      float: right;
      padding: 0 0 0 10;
      font-size: 10;
      color: #eeffcc;
      -background: #1ffff8;
}
#two4b {
      width: 420px;
      height: 40px;
      float: right;
      padding: 10 0 0 10;
      font-size: 10;
      color: #ddffcc;
      -background: #ccccf8;
}
#two6 {
      width: 680px;
      float: right;
      padding: 0 20 0 30;
      font-size: 12;
      color: #ffff00;
      -background: #547768;
}
#two61 {
      width: 680px;
      float: left;
      height: 32px;
      padding: 0 0 0 0;
      color: #eeffcc;
      background: url(../../image/shl11.gif);
      font-size: 12;  
}
#two62 {
      width: 665px;	  
      float: left;
      padding: 0 0 0 15;
      background: url(../../image/shl21.gif);
      font-size: 8;      
}
#two62  table {
      -width: 640px;
	height: 50px;
        border: 0px;   
}

.textk img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.textk img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

.text3k img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.text3k img:hover{
 -webkit-transform: scale(3.0);
 -moz-transform: scale(3.0);
 -o-transform: scale(3.0);
 }

#two63 {
      width: 680px;
      float: left;
      height: 33px;
      padding: 0 0 0 0;
      color: #eeffff;
      font-size: 10;
      background: url(../../image/shl31.gif);
}
.qwesh {
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	float: none;
	margin: 10px;
}

#dopmenu {     
      display: block;
      width: 640px;
      height:40px;
}

#dopmenu a {
     text-decoration: none; 
      -width: 640px;
      -height:40px;
}

button1:a {
text-decoration: none; 
}
button1:hover ,  button1  
{-webkit-transition: All 0.8s ease-in-out;
    -moz-transition: All 0.8s ease-in-out;
    -o-transition: All 0.8s ease-in-out;
    -ms-transition: All 0.8s ease-in-out;
    transition: All 0.8s ease-in-out;
  border-radius:10px;
    -o-border-radius:10px;
    -khtml-border-radius:10px;
    -ms-border-radius:10px;
letter-spacing:2px;
	}
button1  { 
float:left;
font-size:13px;
background:#1A6889;
padding:4px;
border:2px outset #ADC5D6;
margin:0 0 5px 5px;
color:#E1FFCC;
 }
button1:hover {
 cursor:pointer; 
 background:#41B6C2;
color:#E1FFCC;
 }

#two8 {
      width: 680px;
      height: 35px;
      float: right;
      padding: 0 20 0 30;
      font-size: 12;
      color: #000000;
      -background: #ffff68;
}
#two8h {
      width: 190px;
      height: 20px;
      float: right;
      padding: 0 0 0 10;
      font-size: 12;
      color: #00ff00;
      -background: #dcdcdc;
}
#two8h table {
     border: 0px;
	 background-color: #287ca1;
}

#two8m ul {
	margin: 0;
	padding: 0 10 0 10;
	list-style: none;
	line-height: normal;
}
#two8m li {
	display: inline;
}
#two8m a {
	display: block;
	float: left;
	padding: 0 10 0 10;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
    color:#000000;
}
#two8m a:hover {
        color:#0050ee;
}
#two9 {
      width: 680px;
      height: 310px;
      float: right;
      padding: 0 20 0 30;
      -background: #111768;
}
#two91 {
      width: 680px;
      float: left;
      height: 32px;
      padding: 0 0 0 0;
      background: url(../../image/shl11.gif);
}
#two91 table {
      width: 680px;
	  font-size: 8; 
      color: #fdfdfd;
}
#two91 table td{
      text-align: center;	  
}

#two92 {
      width: 665px;
      float: left;
      padding: 0 0 0 15;
      background: url(../../image/shl21.gif);
      font-size: 10;   
      color: #0050ee;   
}
#two92 table {
       border: 0px;   
	   width: 650px;
	   height: 220px;
}
#two92 hr {
       float: left;
	   width: 130px;
	   size: 1px;
	   color: #ff9900;
}

#two93 {
      width: 680px;
      float: left;
      height: 32px;
      padding: 0 0 0 0;
      color: #eeffff;
      font-size: 10;
      background: url(../../image/shl31.gif);
}
#two93 table {
      width: 680px;
	  font-size: 10; 
      color: #fdfdfd;
}
#two93 table td{
      text-align: center;	  
}
.SD1 { 
width:220px;
height:235px;
background: #2e82a4;
border: 0px solid #C9CFD3;
overflow:auto; 
font-size: 12;
color: #ffffff;
}
.SD1 img { 
width:100px;
float: left;
}
.SD1 a{color:#F1FAB1;}
.SD1 a:hover {color:#0050ee;}

.SD2 { 
width:205px;
height:235px;
background: #2e82a4;
border: 0px solid #C9CFD3;
overflow:auto; 
font-size: 12;
color: #ffffff;
}
.SD2 img { 
width:20px;
height: 15px;
float: left;
}
.SD2 a{color:#F1FAB1;}
.SD2 a:hover {color:#0050ee;}

.SD3 { 
width:190px;
height:235px;
background: #2e82a4;
border: 0px solid #C9CFD3;
overflow:auto; 
font-size: 12;
color: #ffffff;
}
.SD3 img { 
width:20px;
height: 15px;
float: left;
}
}
.SD3 a{color:#F1FAB1;}
.SD3 a:hover {color:#0050ee;}

.SDn3 { 
width:540px;
height:140px;
background: #2e82a4;
border: 0px solid #C9CFD3;
overflow:auto; 
}
.SDn3 a{color:#eeffcc;}
.SDn3 a:hover {color:#0050ee;}

.SDpoisk { 
width:650px;
height:460px;
background: #2e82a4;
border: 0px solid #C9CFD3;
overflow:auto; 
font-size: 12;
color: #ffffff;
}
.SDpoisk a{color:#F1FAB1;}
.SDpoisk a:hover {color:#0050ee;}

#two10 {
      width: 685px;
      height: 65px;
      float: left;
      color: #121b60;
      padding: 0 5 0 320;
      font-size: 12;
      color: #000000;
      -background: #ffffff;
}
#two10  img {
      float: left;
}

#two10  hr {
      float: left;
	  width: 680px;
	  size: 2px; 
	  color: #ff9900;
}

#two10-1 {
      width: 130px;
      height: 50px;
      padding: 2 40 0 10;
      float: right;
      font-size: 10;
      color: #adadad;
      -background: #aaacdc;
}

#two10-1 img {
      width: 23px;
      height: 23px;
      padding: 1 1 1 1;
      border: 1px solid #483D8B;
}
#two10-1 img:hover {
    -webkit-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-20deg);
}

#poisk {
      width: 270px;
      height: 50px;
      float: right;
      padding: 2 0 0 10;
      font-size: 10;
      color: #adadad;
      -background: #dcdcdc;
}
#poisk img {
      width: 45px;
      height: 16px;
      padding: 1 1 1 1;
      border: 1px solid #483D8B;
}

#poisk img:hover {
    -webkit-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-20deg);
}

#tex {
      padding: 0 25 0 25;
      color: #afafaf; 
      font-family: 'Aclonica',serif;
      font-size: 16; 
      margin: 0px auto; 
      text-shadow: 0 1px 0 #886A08, 0 2px 0 #0080FF, 0 3px 0 #0080FF, 0 4px 0 #045FB4; 
}


#menu-block {
  padding: 5px;
  margin: 0;
  
}


/*стили всего блока меню, пунктов и ссылок*/
.vertical-menu {
  display: block;
  background: #287caa;  --#1E90FF;
  border: solid 1px #ffffff;
  border-radius: 5px;
  padding: 0;
  margin: 0;
  width: 200px; /*ширина меню и выпадающих блоков*/
}


.vertical-menu li {
  position: relative;
  list-style: none;
  outline: none;
  background: #1E90FF;  
  background: -moz-linear-gradient(top, #60C5CF 0%, #287caa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60C5CF), color-stop(100%,#287caa));
  background: -webkit-linear-gradient(top, #60C5CF 0%,#287caa 100%);
  background: -o-linear-gradient(top, #60C5CF 0%,#287caa 100%);
  background: -ms-linear-gradient(top, #60C5CF 0%,#287caa 100%);
  background: linear-gradient(to bottom, #60C5CF 0%,#287caa 100%);
  border: solid 1px #FFFFFF;
  border-radius: 5px;
  padding: 0;
  margin: 2px;
/*анимация для пунктов*/
  -webkit-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  -moz-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  -o-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
}
.vertical-menu li:hover {
  background: #ccf;
  border: solid 1px transparent;
  border-radius: 5px;
  box-shadow: inset 0 0 8px #fff;
  margin: 2px 10px;
}
.vertical-menu a {
  display: block;
  text-decoration: none;
  text-align: left;
  font: normal normal 14px Verdana; /*шрифт всех пунктов*/
  color: #E6E6FF;
  text-shadow: 1px 0 4px #000, 2px 0 7px #d91cd9;
  box-shadow: none;
  padding: 7px; /*регулируем выоту всех кнопок меню*/
  margin: 0;
}
.vertical-menu a:hover {
  color: #3D1F4C;
  text-shadow: 1px 0 4px #fff, 2px 0 7px #290052;
}
/*стиль пункта с подменю*/
.drop-link > a {
  margin: 0;
  -webkit-transition: margin 0.5s ease;
  -moz-transition: margin 0.5s ease;
  -o-transition: margin 0.5s ease;
  transition: margin 0.5s ease;
}
.drop-link > a:hover {
  margin: 0 0 0 10px;
}
.drop-link:hover {
  background: #ccf; /*выделяем ссылку родитель выпадающего блока*/
}
/*стили для уголков*/
.drop-link:after,
.drop-link:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
.drop-link:before {
  border: solid 14px;
  border-color: #60C5BB transparent transparent transparent;
  margin: 0 12px 0 0;
}
.drop-link:after {
  border: solid 10px;
  border-color: #287caa transparent transparent transparent;
  margin: 0 15px 0 0;
}
.drop-link:hover:before {
  border: solid 16px;
  border-color: transparent #60C5CF transparent transparent;
  margin: -3px 0 0 0;
}
.drop-link:hover:after {
  border: solid 12px;
  border-color: transparent #287caa transparent transparent;
  margin-right: 0;
}
.drop-block {
  display: block;
  position: absolute;
  z-index: 1000;
  left: 100%; /*если меню справа - right: 100%;*/
  top: -9999em; /*скрываем выпадающие блоки*/
  background: #287caa;
  border: solid 1px #FFF;
  border-radius: 10px;
  box-shadow: 0.5em 1em 1em #666; /*если меню справа - box-shadow: -0.5em 1em 1em #666;*/
/*анимация для выпадающих блоков*/
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 0;
  padding: 0;
  margin: -10px -20px 0 0; /*если меню справа - margin: -10px -10px 0 0;*/
  min-width: 200px; /*обычная ширина*/
  width: auto; /*ширина если строка без пробелов и переносов*/
}
.drop-link:hover > .drop-block {
  top: 0; /*показываем выпадающие блоки*/
  opacity: 1;
}


.text1 {
      float: left;
      color:#fff;
      font-size: 12; 
      width:640px;
      height:460px;
      background: #2e82a4;
      border: 0px solid #C9CFD3;
      overflow:auto; 
}
.text1 h1, h2, h3, h4 {
      font-size: 12;
      color:#2B1B17;
}
.text1 p {      
      color:#000;
      font-size: 14; 
}
.text1_z p {
      color:#00CED1;
      font-size: 16; 
}
.text1_z a {
      color:#2B1B17;
      font-size: 16; 
}
.text1 table {
      width:600px;
      border: 2px;
      font-size: 14; 
}

.textk  {
      padding: 5 5 5 5;
      font-size: 12; 
      width:120px;
      height:200px;
      color:#fff; 
      float: left;
}
.textk a {
      color:#F0F8FF; 
}

.text3 {
      float: left;
      color:#fff;
      font-size: 12; 
      width:640px;
      height:300px;
      background: #2e82a4;
      border: 0px solid #C9CFD3;
      overflow:auto; 
}
.text4 {
      float: left;
      color:#fff;
      font-size: 12; 
      width:640px;
      height:280px;
      background: #2e82a4;
      border: 0px solid #C9CFD3;
      overflow:auto; 
}
.text5 {
      float: left;
      color:#fff;
      font-size: 12; 
      width:640px;
      height:350px;
      background: #2e82a4;
      border: 0px solid #C9CFD3;
      overflow:auto; 
}
		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 1.5em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1em; font-weight: bold;
			display: block; padding: 0.1em 0 0.3em 0;
		}
		.classic { padding: 0.1em 0.1em; }
		.custom { padding: 0.1em 0.4em 0.4em 0.1em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }