* {
margin:0;
padding:0;
}
html {
width:100%;
height:100%;
font-size:100.01%;
}
body {
position:relative;
margin:5px 32px 0 32px;
padding:0;
background:#FFF;
font-family: Tahoma;
font-size: 14px;
background-image:url(img/bottom_bg.gif);
}
div {
	position:relative;
	z-index: 1;
}
#all {
position:relative;
margin-top:-8px;
}
#leftmenu {
	z-index:10;
	position:absolute;
	left:0;
	width:180px;
	font-weight:bold;
	font-size: 10px;
	color:#003399;
}
*HTML #leftmenu { left:-195px; }
#leftmenu a:link, a:active, a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  color: #003399;
  letter-spacing:0
  }
#leftmenu a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-size: 10px;
  color: #0066FF;
  letter-spacing:0;
  }
#content {
position:relative;
margin-left:195px;
background-color:#FFFFFF;
}
#toplogo {
margin:0 0 0 0;
height:150px;
text-align:center;
background-image:url(img/5.gif);
background-repeat:no-repeat;
}
.top_blue {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 17px;
  color: #0000FF;
  letter-spacing:0;
}
.top_red {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #FF0000;
  letter-spacing:0;
}
#toplogo11 {
position:absolute;
margin-top:-107px;
background-image:url(images/logo2.gif);
background-repeat: no-repeat;
width:180px;
height:100px;
}
#dwn {
z-index:15;
position:relative;
margin-left:195px;
bottom:0;
color:#CCCCCC;
height:18px;
font-family: Tahoma;
font-size: 0.7Em;
}
#dwn a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  color: #CCCCCC;
  letter-spacing:0}
#tl {
z-index:10;
position:absolute;
top:0;
left:0;
width:13px;
height:13px;
background:url(img/topl.gif);
background-repeat: no-repeat;
}
#tr {
z-index:10;
position:absolute;
float:right;
top:0;
right:0;
width:13px;
height:13px;
background:url(img/topr.gif);
background-repeat: no-repeat;
background-position:right;
}
#bl {
z-index:10;
position:absolute;
bottom:0;
left:0;
width:13px;
height:13px;
background:url(img/botl.gif);
background-repeat: no-repeat;
}
#br {
z-index:10;
position:absolute;
bottom:0;
right:0;
width:13px;
height:13px;
background:url(img/botr.gif);
background-repeat: no-repeat;
background-position:right;
}
#tup {
z-index:5;
position:absolute;
top:0;
width:100%;
height:100%;
background:url(img/topbot.gif);
background-repeat:repeat-x;
background-position:top;
}
#tdw {
z-index:5;
position:absolute;
bottom:0;
width:100%;
height:100%;
background:url(img/topbot.gif);
background-repeat:repeat-x;
background-position:bottom;
}
#leftbox {
z-index:5;
position:absolute;
top:0;
left:0;
height:100%;
width:1px;
background:url(img/lr.gif);
background-repeat:repeat-y;
background-position:left;
}
#rightbox {
z-index:5;
position:absolute;
top:0;
right:0;
height:100%;
width:1px;
background:url(img/lr.gif);
background-repeat:repeat-y;
background-position:left;
}
.text {
z-index:11;
top:0;
padding:10px;
width:auto;
	font-family: Tahoma;
	font-size: 13px;
	color: #000000;
}
.text1 {
	font-family: Tahoma;
	font-size: 13px;
}
.zagolovok {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #003399;
  letter-spacing:0;
}
.text a {
    color:#000;
    font-weight:bold;
    font-size: 13px;
}
.text1 a {
    color:#000;
    font-weight:bold;
    font-size: 13px;
    border-bottom:dotted;
    border-bottom-color:#003399;
    text-decoration:none;
}
.text a:hover {
    color:#FF6600;    
}
.text1 a:hover {
    border-bottom:dotted;
    border-bottom-color:#FF6600;
}
.text a:visited {
    font-size:inherit;
    font-family:inherit;
}
table a:active {
    font-size:inherit;
    font-family:inherit;
}

.text1 table td {
 border: 1px solid #ededed;
    padding-left: 5px;
    padding-top: 2px;
	padding-bottom:2px;
    text-decoration: none;
}
DD {
	margin-left:20px;
    font-style: italic;
}
DT {
	margin-left:10px;
    margin-top: 1em;
}
h3 {
	background-color:#E8EDF0;
}
.gb_table {
    padding-left:0;
}
.style1 {
    color: #FF0000;
    font-size:10px;
	font-weight:bold;
}
.style2 {
    color: #003399;
    font-size:10px;
    font-weight:bold;
}
.gb_table_head {
    font-size:10px;;
}
.gb_table_row1 {
    font-size:10px;
    text-align:left;
}
.gb_table_row2 {
    font-size:14px;
    text-align:left;
}
.gb_nav {
    height:1px;
    background-color:#dcdcdc;
}
/* стиль для подсказки */
.slideOutTip{
/* основной блок контейнер */
 /*  position:absolute;*/
   padding:3px;
   top:0;
   left:10px;
   background-color:#111;
   font-size:13px;
   color:white;
   overflow:hidden;
   height:22px;
}
.slideOutTip:hover{
/* Применяем CSS3 внешнее свечение при наведение */
   -moz-box-shadow:0 0 5px red;
   -webkit-box-shadow:0 0 1px #999;
   box-shadow:0 0 1px #999;
}
/* Блок заголовка и значка: */
.tipVisible{ cursor:pointer; height:22px; }
.tipTitle{
   float:left;
   font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   white-space:nowrap;
   line-height:22px;
   padding-right:5px;
}
.tipIcon{
   width:20px;
   height:20px;
   float:left;
   background-color:#61b035;
   border:1px solid #70c244;
   margin-right:8px;
/* CSS3 скругление углов */
   -moz-border-radius:1px;
   -webkit-border-radius:1px;
   border-radius:1px;
}
/* Три цветовых скина */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }
.plusIcon{
/* The Иконка плюса */
   width:13px;
   height:13px;
   background:url('img/plus.gif') no-repeat center center;
   margin:4px;
/* Создаем CSS3 анимацию. Корректно работает только в Chrome и Safari */
   -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear;
   transition: transform 0.2s linear;
}
.slideOutTip.isOpened{ z-index:10000;}
.slideOutTip.isOpened .plusIcon{
/* Задаем CSS3 вращение иконки при открытие блока*/
   -moz-transform:rotate(45deg);
   -webkit-transform:rotate(45deg);
   transform:rotate(45deg);
}
/* Правила для блока, открывающегося вверх-влево */
.openLeft .tipIcon{
/* Выравниваем иконку и заголовок по правому краю */
   margin:0 0 0 8px;
   float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft .openTop .slideOutContent{	margin-top:0; }
.slideOutContent{
/* Прячем блок с основными данными: */
   display:none;
   padding:10px;
   font-size:11px;
}
/* Прячем оригинальный параграфы,если они не были заменены (JS отключен): */
.main > p{ display:none; }
/* стиль для подсказки */

.slide-out-div {
    z-index: 100;
    margin:0 -32px 0 -32px;
}
