/*#1 обнулевка стиля */
html, body, div, h1, h2, h3, h4, h5, h6, p,
a, em, font, b, u, i, center,
dl, dt, dd, ol, ul, li,
form, tfoot, thead, tr, th, td {
margin: 0; /* обнуляем внешние отступы */
padding: 0; /* обнуляем внутренние отступы */
border: 0; /* убираем бордюры */
outline: 0; /* убираем контуры */
font-size: 100%; /* задаем базовый размер шрифта, значение по умолчанию = 16px */
vertical-align: top; /* устанавливаем базовое вертикальное выравнивание */
background: transparent; /* устанавливаем фон прозрачным */
}
body {
line-height: 1; /* устанавливаем базовую высоту */
}
ol, ul {
/*list-style: none; /* убираем маркеры для нумерованных и обычных списков */
}
:focus {
outline: 0; /* убираем контуры вокруг ссылок при фокусе */
}
table {
border-collapse: collapse; /* убираем рамки двойной толщины */
border-spacing: 0; /* убираем расстояние между ячейками */
width: 100%;
}

* {margin: 0;padding: 0;}
html,body {height:100%;_height:auto;}

html, body
{
  width: 100%;
  min-width: 800px;
  margin: 0;
  padding: 0;
  border: 0;
  background-image: url(img/fon.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
}


#main
{
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 100;
}


#shapka
{
  min-width: 800px;
  height: 100px;
}

#shtd1
{
  width: 200px;
  min-width: 200px;
}

#shtd2
{
  min-width: 800px;
  width: auto;
  font-family: Arial;
  font-size: 20pt;
  font-style: normal;
  font-weight: bold;
  color: #14bce4;
  text-align: center;
  padding-top: 10px;
  z-index: 10;
}


#shtd3
{
  width: 200px;
  min-width: 200px;
}

#shst1
{
  font-family: Arial;
  font-size: 6pt;
  font-style: normal;
  font-weight: normal;
  color: #000;
  text-align: center;
  padding-top: 5px;
}


#sh1
{
  background-image: url(img/raduga.gif);
  background-repeat: no-repeat;
  width: 772px;
  height: 684px;
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 10;
}


#sh2
{
  position: absolute;
  top: 350px;
  left: 30px;
  z-index: 11;
  font-family: Arial;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 90%;
  color: #fccc14;
  text-align: left;
}
#sh2 h1
{
  font-weight: bold;
  padding-top: 5px;
  text-align: center;
}



#content
{
  z-index: 9;
  padding: 10px 10px 10px 10px;
}

#content ul
{
  list-style-position: inside;

}


#menu
{
  padding-top: 10px;
  padding-bottom: 50px;
}


#nav {margin:0; list-style:none; height:38px; position:relative; z-index:500}
#nav li.top {display:block; float:left; height:38px; padding-right: 45px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#000; text-decoration:none;   font-family: 'Arial',sans-serif; font-size:16px; letter-spacing: 2px;  font-weight:bold; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; height:35px;}
#nav li a.top_link span.down {float:left; display:block; height:35px;}



#nav li:hover a.top_link,
#nav li.iehover a.top_link {color:#049cc3; cursor:pointer;}


#nav li:hover a.top_link span,
#nav li.iehover a.top_link span {cursor:pointer;}

#nav li:hover a.top_link span.down,
#nav li.iehover a.top_link span.down {cursor:pointer;}


#nav li:hover {position:relative; z-index:200; cursor:pointer;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #d9dde0; padding:3px; border:1px solid #ffffff; white-space:nowrap; width:132px; height:auto; z-index:300; cursor:pointer;}


#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; font-weight:normal; cursor:pointer;}

#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:130px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #ffffff; cursor:pointer;}

#nav li ul.sub li a.fly
{background:#d9dde0 url(img/arrow.gif) 80px 6px no-repeat; cursor:pointer;}

#nav li:hover ul.sub li a:hover
{background:#160ae6; color:#ffffff; border-color:#ffffff; cursor:pointer;}

#nav li:hover ul.sub li a.fly:hover
{background:#160ae6 url(img/arrow_over.gif) 80px 6px no-repeat; color:#ffffff; cursor:pointer;}





#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:130px; top:0px; background: #d9dde0; padding:3px; border:1px solid #ffffff; white-space:nowrap; width:132px; z-index:400; height:auto;}



#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#160ae6 url(img/arrow_over.gif) 80px 6px no-repeat; color:#fffff; border-color:#ffffff;}



#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#d9dde0 url(img/arrow.gif) 80px 6px no-repeat; color:#000000; border-color:#ffffff;}





#sh3
{
  background-image: url(img/loz.gif);
  background-repeat: no-repeat;
  width: 180px;
  height: 150px;
  position: absolute;
  top: 400px;
  left: 10px;
  z-index: 15;
}



#newss
{
  border-color: #fa9c1c;
  border-style: solid;
  border-width: 2px;
  margin-top: 20px;
}


#newss h1
{
  width: 200px;
  background-color: #fa9c1c;
  z-index: 11;
  font-family: Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}


#connn
{
  border-color: #93c73e;
  border-style: solid;
  border-width: 2px;
  margin-top: 550px;
  font-family: Arial;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;

}

#connn h1
{
  width: 200px;
  background-color: #93c73e;
  z-index: 11;
  font-family: Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#connn h2
{
  background-image: url(img/contact.jpg);
  background-repeat: no-repeat;
  width: 60px;
  height: 34px;
  margin-top: 5px;
  margin-bottom: 5px;

}

#connn h4
{
  cursor: pointer;
}



#menu2
{
  border-color: #049cc3;
  border-style: solid;
  border-width: 2px;
  font-family: Arial;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
}


#menu2 h1
{
  width: 200px;
  background-color: #049cc3;
  z-index: 11;
  font-family: Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#menu2 h2
{
  text-decoration: none;
  font-family: Arial;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  color: #000;
}

#menu2 #l_b2
{
  background-image: url(img/help.jpg);
  background-repeat: no-repeat;
  width: 61px;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#menu2 #l_b3
{
  background-image: url(img/it.jpg);
  background-repeat: no-repeat;
  width: 64px;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#menu2 #l_b4
{
  background-image: url(img/web.jpg);
  background-repeat: no-repeat;
  width: 56px;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}


#menu2 #l_b5
{
  background-image: url(img/download.gif);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#menu2 #l_b6
{
  background-image: url(img/forum.jpg);
  background-repeat: no-repeat;
  width: 80px;
  height: 71px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#menu2 #l_b7
{
  background-image: url(img/helper.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
}




#newss2
{
  border-color: #93c73e;
  border-style: solid;
  border-width: 2px;
  margin-top: 113px;
}


#newss2 h1
{
  width: 200px;
  background-color: #93c73e;
  z-index: 11;
  font-family: Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}



#titles
{
  border-color: #049cc3;
  border-style: solid;
  border-width: 2px;
  margin-top: 20px;
}


#titles h1
{
  width: 200px;
  background-color: #049cc3;
  z-index: 11;
  font-family: Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}


#reklama
{
  border-color: #fa9c1c;
  border-style: solid;
  border-width: 2px;
  margin-top: 20px;
}

#reklama h2
{
  font-family: Arial;
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  text-align: justify;
  padding: 5px 5px 5px 5px;
}


#reklama h1
{
  width: 200px;
  background-color: #fa9c1c;
  z-index: 11;
  font-family: Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}



#startblok
{
  height: 530px;
  z-index: 5;
  margin-top: 20px;
}


#startblok2
{
  height: 530px;
  z-index: 5;
  margin-top: 20px;
}








/*#5 блок стиля авторизации*/

#content #form_auth
{
  margin-top: 50px;
  background-color: #CCCC66;
  height: 120px;
  width: 330px;
  text-align: center;
  padding-top: 10px;
}

#content #form_auth h1,h2
{
  font-family: 'Arial',sans-serif;
  font-size: 12pt;
  font-style: normal;
}

#content #form_auth h1
{
  font-weight: bold;
}

#content #form_auth h2
{
  font-weight: normal;
  text-align: right;
}


/*#6 блок стиля сигнальных окон*/

#win_alert
{
  margin-top: 50px;
  width: 400px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-color: #0000CC;
  border-style: double;
  border-width: 3px;
  background-color: #CCCCCC;
  font-family: 'Arial',sans-serif;
  font-size: 14pt;
  text-align: justify;
}

#win_alert a
{
  font-family: 'Arial',sans-serif;
  font-size: 12pt;
  color: #FF0000;
  font-weight: bold;
}






/*#8 блок стиля контента*/
.text p
{
  font-family: 'Arial',sans-serif;
  font-size: 10pt;
  color: #000000;
  text-align: justify;
  line-height: 130%;
  padding-bottom: 10px;
}


.text p:first-letter
{
  font-family: 'Arial',sans-serif;
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
  color: red;
}

.text h1
{
  font-family: 'Arial',sans-serif;
  font-size: 14pt;
  color: #000000;
  font-weight: normal;
  padding-bottom: 20px;
  text-align: center;
}

.text ul,li
{
  font-family: 'Arial',sans-serif;
  font-size: 10pt;
  color: #000000;
  text-align: justify;
  line-height: 130%;
}





#footer h1

{

  font-family: 'Arial',sans-serif;

  font-size: 8pt;

  font-weight: normal;

  padding-left: 15px;

  padding-top: 10px;

  padding-right: 30px;

}

/* общий*/

#footer p

{

  font-family: 'Arial',sans-serif;

  font-size: 8pt;

  padding-top: 10px;

  font-weight: normal;

  text-align: left;

}

/* студия*/

#footer h3

{

  font-family: 'Arial',sans-serif;

  font-size: 8pt;

  color: #000000;

  text-align: center;

  padding-top: 10px;

}



#footer h3 a

{

  font-family: 'Arial',sans-serif;

  font-size: 8pt;

  color: #000000;

  text-align: center;

}




#count
{
  padding-top: 5px;
}


#news h1
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  color: #000;
  padding-top: 5px;
  padding-bottom: 10px;
}

#news h2
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  color: #000;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: justify;
  word-wrap:break-word;
}


#art
{
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  word-wrap:break-word;
  padding-top: 20px;
}

#art a
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

#art a:hover
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #0000CC;
  text-decoration: none;
}


#art h1
{
  font-family: 'Arial',sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: #000;
  text-align: left;
}

#art h2
{
  background-image: url(img/three_0.gif);
  background-repeat: repeat-x;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

#art h2 a
{
  font-family: 'Arial',sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
}


#art h3, #art h3 a
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 15px;
}




.dialog {
    cursor: default;
    border: 1px solid #000000;
}

.dialog form {
    margin: 0px;
}

/* Контейнер с заголовком */
.dialog .dialog_title_bar {
    height: 17px;
    padding: 5px;
    background-image: url(img/dialog-caption-bg.png) ;
}

/* Стиль текста заголовка */
.dialog .dialog_title_bar .dialog_caption {
    color: black;
    font-family: Arial ;
    font-size: 10pt;
    text-align: left;
    padding-left: 5px;
    padding-top: 1px;
    font-weight: bold;
}

.dialog_pane td
{
  padding-top: 10px;
  padding-bottom: 10px;

}


/* Панель диалога */
.dialog .dialog_pane {
    background-color: #EEEEEE;
    text-align: center;
    padding: 10px;
    font-family: Arial ;
    font-size: 12pt;
    text-align: justify;
}

/* Кнопки диалога */
.dialog .dialog_button {

    height: 25px;
}

/* Красный крест, закрывающий окно */
.dialog .rotes_kreuz {
    background-image: url(img/rotes_kreuz.png);
    width: 28px;
    height: 15px;
    position: absolute;
    right: 3px;
    top: 3px;
    float: right;
    display: block;
    cursor: pointer;
}

.mailget
{
  cursor: pointer;
}

.zoom{
position:relative;
cursor:pointer;
left:0;
top:0;
}