/* Start -- Меню стилей --- */
.colod_td, .footer, .is_out, .menu01 { background-color: #DAECFF; }
.color_black, .hdd, .is_out, .is_out a, h2, h1, td, th, input, select, b, code, a { color:black; }
.main_font, .minortext, .is_out, .footer, h1, h2, td, th, a, b, code, body, input, selext { font-family : Tahoma,Verdana,Arial; }
.bld, h1, h2, a, input, select, b { font-weight: bold; }
.text a, .is_out a, .button, a { text-decoration: none; }
.size13, .footer, .is_out, a, td, th, b, p { font-size:13px; }
.size11, h1, .minortext { font-size : 11px; }
input, select  { font-size : 14px; background-color: #EFF7FE;   }
.bbg, .footer { Background-image: url(/images/bbg.png); }
.slow, .tdrt1, .tdrt2, .is_out td:hover, a  { 
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}

body {
	line-height: 1; 
	background: #ccc;
	padding: 0;
	margin: 0;
}
.content {
	 overflow:hidden;
	 padding: 0px;
	 border:1px solid #4389bf;
	 margin-bottom:20px;
     margin-left: 10px;
     margin-right: 10px;
	 background-color: #EFF7FE;
     -moz-border-radius: 15px; 
	 -webkit-border-radius: 15px; 
	 border-radius: 15px;
	 -webkit-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset  0px 4px 10px #A2D2F2;
	 -moz-box-shadow:  0px 4px 10px rgb(73, 87, 84), inset  0px 4px 10px #A2D2F2; 
	 box-shadow: 0px 4px 10px rgb(73, 87, 84), inset  0px 4px 10px #A2D2F2;
}
.content_left {
	 overflow:hidden;
     width: 200px;
     margin-left: 10px;
	 margin-bottom:20px;
     padding-bottom: 10px;
	 padding-top:0px;
	 border:1px solid #4389bf;;
	 background-color: #EFF7FE;
	 -moz-border-radius: 15px; 
	 -webkit-border-radius: 15px; 
	 border-radius: 15px;
	 -webkit-box-shadow: 0px 4px 10px rgb(73, 87, 84);
	 -moz-box-shadow:  0px 4px 10px rgb(73, 87, 84); 
	 box-shadow: 0px 4px 10px rgb(73, 87, 84);
}
code { font-size : 16px; }

a:hover , .is_out a:hover {	color: #4389bf; }

h2 {
	margin: 0px;
	padding-bottom : 0px;
	font-size : 17px;
}

h1 { padding-bottom : 0px; }

input, select { height:23px; }

#main { 
	 width: 977px; 
	 height: 100%; 
	 margin-left:auto; 
	 margin-right:auto; 
	 background:url(/images/grey.gif) repeat-y;  
}

.hdn 
{ 
  background: url(/img/menubar.jpg); 
  font-size : 14px;
  height:22px;
}

.hdn2 
{ 
  background: url(/img/menubg.png) repeat-x;
  cursor: pointer; 
  font-size : 15px;
  height:30px;
}

h2 { padding:3px; }

.hdd {
    background: url(/img/menubg.png) repeat-x;
	margin-top: 22px;
	margin-left:64px;
	padding: 5px 8px 8px 16px;  
}
.menu01
{
  padding:7px 12px 7px 12px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px; 
}

.tdrt1 { padding-top:2px; background-color:#DAECFF; }
.tdrt2 { background-color:#C9E4FE; }
.tdrt2:hover,.tdrt1:hover { 
  background-color:#EFF7FE; 
}
.tdstd { border:1px solid #E3F3FE; border-bottom:none; border-right:none; }
.tdadn { padding-left:5px; border:1px solid #E3F3FE; border-left:none; border-bottom:none; border-right:none; }
.tdade { padding-right:5px; padding-left:5px; border:1px solid #E3F3FE; border-bottom:none; border-right:none; }

.footer {
	color : #8F8F8F;
	margin: 0px 5px;
	padding-bottom:5px;
	padding-top:25px;
	border:1px solid #DAECFF;
	Background-repeat: repeat-x; 
	Background-position: top;
}
.top_td
{
  padding: 5px 2px 5px 2px;
  color:white;
  margin-top:10px;
  margin-bottom:10px;
  border:1px solid #C9E2F2;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px; 
  -webkit-box-shadow: 0px 4px 10px #184664, inset 0px 4px 10px #9AD1F6;
  -moz-box-shadow: 0px 4px 10px #184664, inset 0px 4px 10px #9AD1F6;
  box-shadow: 0px 4px 10px #184664, inset 0px 4px 10px #9AD1F6;
}
.top_td select { background-color: #EFF7FE; }
.top_td hdn input { background-color: #EFF7FE; }

.top_lefttd
{
  background-color:#4389BF;
  padding:5px 5px 5px 12px;
  border:1px solid #21576e;
  border-right:1px solid #4389BF;
  -moz-border-radius: 0px 0px 0px 15px;
  -webkit-border-radius: 0px 0px 0px 15px;
  border-radius: 0px 0px 0px 15px;
}
.top_righttd
{
  background-color:#4389BF;
  padding:5px 12px 5px 5px;
  border:1px solid #21576e;
  border-left:1px solid #4389BF;
  -moz-border-radius: 0px 0px 15px 0px;
  -webkit-border-radius: 0px 0px 15px 0px;
  border-radius: 0px 0px 15px 0px;
}
.user
{
  BACKGROUND: URL(/img/icon_user.png) no-repeat;
  BACKGROUND-POSITION: 1px 1px;
  PADDING-LEFT: 25px;
  background-color: #DAECFF;
}
.password
{
  BACKGROUND: URL(/img/key.png) no-repeat;
  BACKGROUND-POSITION: 1px 1px;
  PADDING-LEFT: 25px;
  background-color: #DAECFF;
}
#dialogWindow 
{
	position: fixed;
	bottom: 0px;
	left:101px;
	border:0px;
	height:357x;
	width:451px
	margin-top: -150px;
	margin-left: -100px;
	clip: rect(auto 300px auto 300px);
}

.hww { background-color:#DAECFF }

.btn_t {
	 text-align:center; 
	 padding:5px 12px; 
	 border:solid 1px #21576e; 
	 height:30px;
	 -webkit-border-radius:15px;
	 -moz-border-radius:15px; 
	 border-radius: 15px; 
	 font:13px Tahoma, Geneva, sans-serif; 
	 color:#ffffff; 
     background:#4389bf; 
	 font-weight: bold;
	 cursor:pointer;
	 -webkit-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 8px #89BEFB;
	 -moz-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 8px #89BEFB;
	 box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 8px #89BEFB;  
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.btn_t:hover{
	 color:#21576e; 
	 background:#e3f0ff; 
	 -webkit-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf; 
	 -moz-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf; 
	 box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf; 
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.button {
	 text-align:center; 
	 padding:5px 12px; 
	 border:solid 1px #21576e; 
	 -webkit-border-radius:15px;
	 -moz-border-radius:15px; 
	 border-radius: 15px; 
	 font:13px Tahoma, Geneva, sans-serif; 
	 color:#ffffff; 
     background:#4389bf; 
	 font-weight: bold;
	 -webkit-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 8px #89BEFB;
	 -moz-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 8px #89BEFB;
	 box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 8px #89BEFB;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.button:hover{
	 color:#21576e; 
	 background:#e3f0ff; 
	 border:solid 1px #4389bf; 
	 -webkit-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf;
	 -moz-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf; 
	 box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf; 
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.button_active {
	 padding:5px 12px; 
	 border:solid 1px #4389bf; 
	 -webkit-border-radius:15px;
	 -moz-border-radius:15px; 
	 border-radius: 15px; 
	 font:13px Tahoma, Geneva, sans-serif; 
	 color:#f00000; 
	 font-weight: bold;
	 background:#e3f0ff; 
	 cursor:pointer;
	 -webkit-box-shadow:0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf; 
	 -moz-box-shadow: 0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf; 
	 box-shadow:0px 4px 10px rgb(73, 87, 84), inset 0px 4px 10px #4389bf; 
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}

.btn_h {
	 text-align:center; 
	 padding:3px 7px 3px 7px; 
	 border:1px solid #21576e; 
	 border-bottom:none;
	 border-right:none;
	 cursor:pointer;
	 -webkit-border-radius:10px 10px 0 0;
	 -moz-border-radius:10px 10px 0 0;
	 border-radius:10px 10px 0 0;
	 color:#21576e; 
	 background:#e3f0ff; 
	 font:13px Tahoma, Geneva, sans-serif; 
	 font-weight: bold;
	 -webkit-box-shadow: inset 0px 4px 8px #89BEFB;
	 -moz-box-shadow: inset 0px 4px 8px #89BEFB;
	 box-shadow: inset 0px 4px 8px #89BEFB;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.btn_h:hover{
	 color:#ffffff; 
	 background:#4389bf; #21576e; 
	 border:1px solid #21576e; 
	 border-bottom:none;
	 border-right:none;
	 -webkit-box-shadow: inset 0px 4px 8px #ffffff;
	 -moz-box-shadow: inset 0px 4px 8px #ffffff;
	 box-shadow: inset 0px 4px 8px #ffffff; 
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.btn_f {
	 text-align:center; 
	 padding:3px 3px; 
	 -webkit-border-radius:10px 0 10px 0;
	 -moz-border-radius:10px 0 10px 0;
	 border-radius: 10px 0px 10px 0;
	 font:13px Tahoma, Geneva, sans-serif; 
	 font-weight: bold;
	 display:block;
	 color:#ffffff; 
	 background:#4389bf; 
	 border:solid 1px #21576e; 
	 cursor:pointer;
	 -webkit-box-shadow: inset 0px 4px 8px #ffffff;
	 -moz-box-shadow: inset 0px 4px 8px #ffffff;
	 box-shadow: inset 0px 4px 8px #ffffff; 
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.btn_f:hover{
	 color:#21576e; 
	 background:#e3f0ff; 
	 border:solid 1px #4389bf; 
	 -webkit-box-shadow: inset 0px 4px 8px #89BEFB;
	 -moz-box-shadow: inset 0px 4px 8px #89BEFB;
	 box-shadow: inset 0px 4px 8px #89BEFB;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.btn_factive:hover {
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}
.btn_factive {
	 text-align:center; 
	 padding:2px 6px; 
	 -webkit-border-radius:10px 0 10px 0;
	 -moz-border-radius:10px 0 10px 0;
	 border-radius: 10px 0px 10px 0;
	 font:13px Tahoma, Geneva, sans-serif; 
	 color:#21576e; 
	 background:#e3f0ff; 
	 border:solid 1px #4389bf; 
	 font-weight: bold;
	 display:block;
	 cursor:pointer;
	 -webkit-box-shadow: inset 0px 4px 8px #89BEFB;
	 -moz-box-shadow: inset 0px 4px 8px #89BEFB;
	 box-shadow: inset 0px 4px 8px #89BEFB;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
}

.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 100;
}

@keyframes fadeOut {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.anime2s {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 100;
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
z-index: 0;
}

@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
/* End -- Меню стилей --- */