
* {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100.01%;
}

html {
 /*------------ 100% высота контейнера div.page далее */
 height: 100%;
 /*------------*/

 background: #132452;
}

body {
 /*--------------- 100% высота контейнера div.page далее */
 min-height:100%;
 height: 100%;
 /*---------------*/
 background: url(img/header-bg.jpg) no-repeat top center;
 font-size: 12;
 color: #000;
 font-weight: normal;
 font-family: Arial Narrow, Verdana, Helvetica, Sans-Serif;
}

h2 {
  font-size: 18px;
  font-family: Georgia;
  color: white;
  font-weight: normal;
  margin-left: 15px;
  margin-top: 15px;
}

a {
   outline:none;
}
/* Контейнер всего содержимого кроме подвала */
div.page {
 width: 950px;
 margin: auto;

 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 height: auto !important;
 min-height:100%;
 height: 100%;
 /*-----------------------*/

}

/* блок гарантирующий, что область на коотрую накладывается div.footer в div.page останется пустой, */
/* наличие этого блока устанавливает высоту div.page 100% относительно клиентской области и контента в FF, Opera */
div.page div.footer_guarantor {
 height: 60px;
 clear: both;
 text-align: right;
 color: #999;
}

/* Контейнер подвала */
div.footer {
 margin: auto;
 margin-top: -60px;
 width: 100%;
 height: 60px;
 clear: both;
 background: url(img/footer-bg.jpg) repeat-x top;
}

/* Контейнер шапки */

div.page div.header {
 height: 200px;

}

/* Патч для установки минимальной высоты в IE */

div.page div.patch_minheight {
 width: 1px;
 height: 250px;
 float: right;
}

/* Контейнер вспомогательной полосы */

div.page div.sidebar {
 width: 215px;
 float: left;
   *margin-top: 15px;

}

/* Контейнер основной полосы */

div.page div.mainbar {
 width: 700px;
 margin-top: 10px;
 margin-bottom: 15px;
 float: right;
 color: white;
 *margin-top: 25px;
 margin-top: 25px;
 margin-left: 25px;
}

div.mainbar p {
text-indent: 20px; /* Отступ первой строки */
text-align: justify;
}


div.menu {color:#fff;text-align:center;}
div.top-banner-pic {
  height: 160px;
}

div.top-banner-pic a {padding: 0; color: white; font-size: 12px; font-family: Arial; text-decoration: none;}
div.top-banner-pic a:hover {padding: 0; color: white; font-size: 12px; font-family: Arial; background-color: transparent;}
div.top-banner-pic a span { border: none;}
div.top-banner-pic a:hover span {border-bottom: solid 1px white;}

/* начало стилей */
#parent {
	text-align: center;
	white-space: nowrap;
	font-size: 20px;
	letter-spacing: 35px;
	overflow: hidden;
	width: 950px;
    margin-top: 15px;
}

.child {
	width: 170px;
	display: inline-block;
	letter-spacing: normal;
	font-size: normal;
	white-space: normal;
	text-align: normal;
	vertical-align: top;  margin: 0 10px 0 7px;
}

.child {
	*display: inline;
    *margin: 0 5px 0 5px;
}
/* верхнее меню */
ul{width:100%;display:table;margin:0;padding:0;table-layout:fixed; color: white; font-weight: bold; font-size: 17px}
li{display:table-cell;margin:0;padding:5px 0;list-style:none;text-align:center;}
li a.current {background-color:#A71A0C; padding: 3px;padding-left: 7px; padding-right: 7px; color: white;  font-weight: bold; text-decoration: none;}
li a:hover {background-color:#A71A0C; padding: 3px;padding-left: 7px; padding-right: 7px; color: white;  font-weight: bold;}
li a:hover span {border-bottom: solid 1px #A71A0C;}
li a {padding: 3px;padding-left: 7px; padding-right: 7px; color: white; font-weight: bold; text-decoration: none; padding-bottom: 5px}
li a span {border-bottom: solid 1px white;}
li a.current span {border-bottom: solid 1px #A71A0C;}
/* КОНЕЦ верхнее меню */
/* левое меню */
.left-menu ul{width:210px;color: white; font-weight: bold;}
.left-menu li{width:210px;list-style:none;text-align:left; margin-top: 35px;}
.left-menu li a.current {width:100%;background-color:#ff0000; padding: 3px;padding-left: 7px; padding-right: 7px; color: white; font-weight: bold; text-decoration: none;}
.left-menu li a:hover {width:100%;background-color:#ff0000; padding: 3px;padding-left: 7px; padding-right: 7px; color: white; font-weight: bold;}
.left-menu li a:hover span {width:100%;border-bottom: solid 1px #ff0000;}
.left-menu li a {color: white; font-weight: bold; text-decoration: none;}
.left-menu li a span {border-bottom: solid 1px white;}
.left-menu li a.current span {border-bottom: solid 1px #ff0000;}
/* КОНЕЦ левое меню */
/* закругление углов */
<!--

/* общие стили */
.inner-box {
	padding:1em;
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/*

возможные комбинации

r3 r1 r1 вверху
r1 r1 r3 внизу

r5 r3 r2 r1 r1 вверху
r1 r1 r2 r3 r5 внизу

r10 r7 r5 r4 r3 r2 r2 r1 r1 r1 вверху
r1 r1 r1 r2 r2 r3 r4 r5 r7 r10 внизу

однако не стоит ограничивать полет фантазии только этими вариантами, возможны и другие комбинации и не только скругление углов, но и множество других эффектов.

*/

#rounded-box-3, #rounded-box-5, #rounded-box-10 { margin-top: 10px;}

.inner-box, b { background-color: #2c67ab; }

/* уменьшаем отступы по мере роста радиуса закругления */
#rounded-box-3 .inner-box { padding: 1em;}
#rounded-box-5 .inner-box { padding: 0.7em 1em;}
#rounded-box-10 .inner-box { padding: 0.4em 1em;}

-->
/* КОНЕЦ закругление углов */

/* начало хидер */
 .logo {
  width: 200px;
  height: 85px;
  margin-top: 50px;
  float: left;
}
.slogan {
  float: right;
  margin-top: 90px;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
  margin-left: 25px;
  margin-right: -100px;
}
.lang {
  float: right;
  width:120px;
  margin: 10px 15px 0 0;
}

/* конец хидер */
.inner-box a {
  color: white;
  font-size: 15px;
  text-decoration: none;
}
.contact p {
  font-size: 12px;
  font-family: Arial;
  color: white;
  font-weight: normal;
}

/* НОВОСТИ */
.data {
  font-size: 9px;
  font-family: Arial;
  color: white;
  font-weight: normal;
  margin-top: 15px;
}
.text {
  font-size: 14px;
  font-family: Arial;
  color: white;
  font-weight: normal;
}
.news a , .public a {
  width:215px;
  height: 15px;
  color: #A71A0C;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
}
.news_1 a {
  width:215px;
  height: 15px;
  color: #A71A0C;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
}
.link {
  width:215px;
  height: 12px;
  color: #A71A0C;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  margin-top: 8px;
}
.sic {
  margin: 15px 0 0 10px;
  width: 200px;
}

.footer a {
  color: white;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
.left {
  float: left;
  margin-top: 10px;
  text-decoration: none;
}
.left a {
  margin-right: 10px;
  text-decoration: none;
}
.left p {
  margin-top: 1px;
  text-decoration: none;
  color: white;
  font-size: 10px;
}
.right {
  float: right;
  margin-top: 15px;
}
.right a {
  margin-left: 15px;
  color: white;
  font-size: 10px;
  border-bottom: 1px solid white;
  text-decoration: none;
  text-transform: uppercase;
}


.center {
  width:950px; margin: auto;
}

