/*#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;
}


/*#2 структура сайта */

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

#content
{
  background-image: url(img/fon.jpg);
  background-attachment: fixed;
  background-repeat: repeat;
}

#footer
{
  background-color: #d9dde0;
  height: 40px;
}


#left_block
{
  width: 140px;
  border-color: #ffa500;
  border-width: 3px;
  border-top-style: solid;
}

#right_block
{
  width: 140px;
  border-color: #ffa500;
  border-width: 3px;
  border-top-style: solid;
}

#cont_block
{
  width: auto;
  border-color: #ffa500;
  border-width: 3px;
  border-style: solid;
  padding: 20px 20px 20px 20px;
  border-bottom-style: none;

}

/*#3 блок шапка */
.sh1
{
  background-image: url(img/sh1.jpg);
  width: 95px;
  height: 100px;
}

.sh2
{
  background-image: url(img/sh2.jpg);
  width: 197px;
  height: 100px;
}

.sh3
{
  background-image: url(img/sh1.jpg);
  width: auto;
  height: 100px;
}

#logo
{
  width: 128px;
  height: 85px;
  background-image: url(img/logo.gif);
  background-repeat:no-repeat;
  position: absolute;
  top: 23px;
  left: 15px;
}

#logo_text
{
  width: 300px;
  position: absolute;
  top: 10px;
  left: 100px;
}

#logo_text h2
{
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  font-weight: bolder;
  font-style: normal;
  text-align: left;
  letter-spacing: 1px;
  line-height: 100%;
}

#logo_text h1
{
  position: absolute;
  top: 30px;
  left: 0px;
  font-family: 'Arial',sans-serif;
  font-size: 15pt;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  letter-spacing: 1.6px;
  color: #1e1eff;
  line-height: 100%;
}

#logo_text h3
{
  position: absolute;
  top: 70px;
  left: 0px;
  font-family: 'Arial',sans-serif;
  font-size: 10pt;
  font-weight: bolder;
  font-style: normal;
  text-align: left;
  line-height: 100%;
}

#lozung
{
  height: 40px;
  text-align: right;
  position: absolute;
  top: 40px;
  right: 15px;
  font-family: 'Arial',sans-serif;
  font-size: 16pt;
  font-weight: normal;
  font-style: normal;
  color: #1e1eff;
  line-height: 100%;
}

#lozung h1
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  font-weight: bold;
  font-style: normal;
  padding-top: 5px;
  color: #000000;
  line-height: 100%;
}


/*#4 блок стиля подвала*/
/* для системной информации*/
#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;
}

/*#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;
}


/*#7 блок стиля горизонтального меню*/


#nav {padding-left: 30%; margin:0; list-style:none; height:38px; background:#fff url(img/three_0.gif) repeat-x; position:relative; z-index:500}


#nav li.top {display:block; float:left; height:38px; padding-right: 20px;}
#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:12px; font-weight:bold; padding:0 0 0 12px; 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; padding:0 24px 0 12px; height:35px; background: url(img/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav li.iehover a.top_link {color:#ffffff; 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 {background:url(img/three_1a.gif) no-repeat right top; cursor:pointer;}

/* Default list styling */

#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;}




/*#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%;
}






#left_block #l_b1
{
  background-image: url(img/contact.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 34px;
  padding-top: 10px;
  padding-bottom: 10px;
}

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

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

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

#left_block #l_b5
{
  background-image: url(img/forum.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 80px;
  height: 71px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#left_block h1, #right_block h1
{
  background-color: transparent;
  font-family: 'Arial',sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000;
  padding-top: 15px;
  padding-bottom: 10px;
}

#left_block h3, #right_block h3
{
  background-image: url(img/three_0.gif);
  background-repeat: repeat-x;
  width: 140px;
  height: 7px;
}


#left_block h2, #left_block h2 a, #right_block h2, #right_block h2 a
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #000;
  padding-top: 5px;
  padding-bottom: 10px;
}



#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;
}

#reklama
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  font-weight: normal;
  padding-left: 5px;
  padding-right: 5px;
}

#reklama h4
{
  font-family: 'Arial',sans-serif;
  font-size: 8pt;
  font-weight: normal;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: underline;
  cursor: pointer;
}