/******************************* Разметка ***********************************/
html, body {height: 100%; margin: 0; padding: 0;}
* html body {
  height:100%;
}
body a {color: #4c6eab;}
BODY a:hover {color: #ff8c00;}
body a img {border:0;}
#wrapper {
  background-image: url(../images/hfon.gif);
  background-repeat: repeat-x;
  position: relative;
  height: 100%;
  min-height: 100%;
  min-width: 960px;
}
html>body #wrapper {height: auto;}

.cssMenu {
    width:774px;
    height:32px;
    font-size:0.85em;
    position:absolute; /* когда значения left и top задаются относительно текста, за которым следует элемент */
    right:0;
    top:67px;
    z-index:100;
    border-right:1px solid #000000;
    }
* html .cssMenu { /* А вот здесь первый hack для IE 5.5 чтоб корректно отобразить размер */
    width:775px;
    w\idth:775px;
    }
.cssMenu ul { /* Теперь уберем все отступы и точки в начале пунктов меню */
    padding:0;
    margin:0;
    list-style-type:none;
    }
.cssMenu li { /* Указываем элементам нашего списка относительую позицию и вертикальную организацию */
    float:left;
    width:129px;
    position:relative;
    }

.cssMenu a, .cssMenu a:visited { /* Здесь задаем стиль для элементов высшего уровня */
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#000000;
    width:118px;
    height:30px;
    background-image: url(/images/bgtopmenu.gif);
    background-position: left bottom;
    background-repeat:no-repeat;
    border:none;
    padding-left:10px;
    line-height:29px;
    }
* html .cssMenu a, * html .cssMenu a:visited { /* Еще один hack для корректного отображения IE 5.5 элементов меню */
    width:129px;
    w\idth:128px;
    }
.cssMenu ul ul a.list, .cssMenu ul ul a.list:visited { /* Указываем заний фон для элементов второго уровня из которых будут выпадать другие разделы */
    background:#CCCCCC url(li.gif) center right no-repeat;
    }
.cssMenu ul ul a.list:hover{ /* Теперь как будут выглядеть элементы второго уровня при наведении курсора */
    background:#999999 url(li.gif) center right no-repeat;
    }
.cssMenu ul ul :hover > a.list { /* И здесь для других броузеров */
    background:#999999 url(li.gif) center right no-repeat;
    }
.cssMenu ul ul ul a, .cssMenu ul ul ul a:visited{ /* Теперь для элементов меню третьего уровня */
    background:#CCCCCC;
    }
.cssMenu ul ul ul a:hover { /* Как будут выглядеть элементы третьего уровня при наведении курсора */
    background:#999999;
    }
.cssMenu ul ul { /* Теперь присваиваем выпадающим элементам абсолютную позицию и прячем их */
    visibility:hidden;
    position:absolute;
    height:0;
    top:30px;
    left:0;
    width:129px;
    border-top:1px solid #000;
    }
* html .cssMenu ul ul { /* И еще один hack для 5й версии */
    top:30px;
    t\op:31px;
    }
.cssMenu ul ul ul{ /* Позиция элементов третьего уровня */
    left:129px;
    top:-1px;
    width:129px;
    }
.cssMenu ul ul ul.left { /* А здесь позиция элементов третьего уровня для выпадания в левую сторону */
    left:-129px;
    }
.cssMenu table { /* Здесь указываем свойства таблицы. Необходимо для IE */
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
    }
.cssMenu ul ul a, .cssMenu ul ul a:visited { /* Свойства элементов <a> второго уровня */
    background:#ebe9ed;
    color:#000;
    height:auto;
    line-height:1em;
    padding:5px 10px;
    width:109px;
    border-width:0 1px 1px 1px;
    }
* html .cssMenu ul ul a, * html .cssMenu ul ul a:visited { /* И еще один hack для IE 5.5 */
    width:109px;
    w\idth:108px;
    }

/* Теперь определим свойства элементов, на которые наведен курсор */

.cssMenu a:hover{ /* Элементы высшего уровня */
    color:#000000;
    background:transparent url(/images/bgtopmenucur.gif) no-repeat bottom left ;
    }
.cssMenu ul ul a:hover{ /* Элементы второго уровня */
    color:#000000;
    background:#CCCCCC;
    }
.cssMenu :hover > a { /* Для остальных броузеров */
    color:#000;background:transparent url(/images/bgtopmenucur.gif) no-repeat bottom left;
    }
.cssMenu ul ul :hover > a { /* Для остальных броузеров */
	color:#fff;background:#CCCCCC;
	}
.cssMenu ul li:hover ul, .cssMenu ul a:hover ul{ /* Показываем элементы второго уровня если навели на первый */
	visibility:visible;
	}
.cssMenu ul :hover ul ul{ /* Оставляем третий уровень невидимым */
	visibility:hidden;
	}
.cssMenu ul :hover ul :hover ul{ /* И теперь показываем элементы третьего уровня при наведении на соотвествующий пункт второго */
	visibility:visible;
	}

/* горизонтальное меню */
.hea {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	height: 98px;
	margin: 0;
	background-position: 0 18px;
}
.hea #topstring {
	position:absolute;
	width: auto;
	padding: 10px 0 0 20px;
}

#keystring {
	height: 18px;
	padding: 2px 0 0 0;
	position:absolute;
	top:0;
	left:0px;
	overflow:hidden;
}
.hea #telstring {
	position:absolute;
  	top:45px; right:0;
	height: 20px;
	width: 500px;
	padding: 0 10px 0 0;
}
.hea #navstring {
	position:absolute;
	top:70px;
	right:0;
	width: auto;
	text-transform: uppercase;
}
.block {
	float:left;
	margin-right:2px;
	background-image: url(/images/bgtopmenu.gif);
}
.blockact {
	float:left;
	margin-right:2px;
	background-image: url(/images/bgtopmenucur.gif);
}

.block a,.blockact a {
	color:#000;
	text-decoration: none;
	margin: 2px 20px 2px 25px;
	text-transform: uppercase;
}
#info {
	padding:0px;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}
.infobox {
	background-image:url(../images/prod.jpg);
	background-repeat:no-repeat;
	width: 270px;
	overflow:auto;
	padding:5px 5px 5px 15px;
	margin:0 0 0 10px;
	float:left;
}
.lightbox {
	width: 200px;
	overflow:auto;
	padding:5px 15px 5px 15px;
	margin:0 0 0 10px;
	float:left;
	border-right:1px dotted #ccc;
}
.mainbox {
	overflow:auto;
	padding:5px 15px 5px 15px;
	margin:0 0 0 10px;
	float:left;
	width: 340px;
}
/* контейнеры */
#main {
	width: 100%;
	padding: 0;

}
#left {
	margin: 0 -400px 0 -300px;
	width: 100%;
}
/* основной текст - слева */
#cont {
	margin:0 0 0 98px;
	padding-left: 300px;
}
/* левое меню */
#menu {
	float:left;
	width:250px;
	clear: both;
	margin-right: 10px;
	height:100%;
	padding:0;
	background-image: url(/images/leftblack.gif);
	background-repeat: repeat-y;
}
#menutop {
	background-image: url(/images/menutop.gif);
	background-repeat: no-repeat;
	height: 30px;
	background-color: #FFFFFF;
	padding: 5px 0 0 20px;
}
#menutop p {
	display: inline;
	background-color: #FFF;
	padding: 0px 5px 0px 5px;
	margin: 0;
	font-size: 9pt;
}
#topadvert {
	position: absolute;
	z-index: 1000;
	left: 256px;
	top: 26px;
}

.subhead {
	font-weight: bold;
	color: #FF0000;
}

#menutoptext {
	background-color: #FFF;
	width: 20px;
	margin: 6px 0 0 13px;
	padding: 5px 10px 0 2px;
	font-size: 11px;
	font-weight: bold;
}



/* основной текст - справа */
#article {
	padding:0;
	margin-left:270px;
}
#breadcrumb {
	font-size: 10px;
	background-image: url(/images/mfon.gif);
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* толкатель подвала */
#before_footer {
	height: 100px;
	clear: both;
	width: 930px;
}
/* подвал */
#bottom {
	left:0px;
	bottom: 0;
	width: 100%;
	height: 100px;
	position:absolute;
	background-image: url(/images/mfon.gif);
	background-repeat: repeat;
	overflow: visible;
}
#copy {
	padding:20px 10px 0 0;
	width: auto;
	margin-left: 270px;
	margin-right: auto;
}
#counters {
	position:relative;
	top:0;
	right:100px;
	float: right;
}
#bottom p {
	font-size: 10pt;
	color: #666;
	margin: 0;
}
/******************************* Шрифты ***********************************/
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	/* background-image: url(/images/bodyfon.gif);
	background-repeat: repeat-y; */
}
#wrapper #main #articlemain #righmenu .rmodul .newsdate {
	background-image: url(/images/newsbull.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left: 15px;
	background-position: left bottom;
	font-weight: bold;
}
/*
#mainpage{
	background-image: none;
}
*/
/* горизонтальное меню */
.hea #navstring {
	font-size: 8pt;
	line-height: 12pt;
	text-decoration: none;
	text-align: center;
	margin: 10px 0 0 0;
}
#keystring p {
	font-size: 9pt;
	line-height: 1;
	text-decoration: none;
	margin:0 5px 10px 5px;
	float: left;
	background-color: #000000;
}
#keystring img {
	line-height: 1;
	margin:3px 5px 10px 5px;
	float: left;
	background-color: #000000;
}
.hea #telstring p {
	font-size: 15pt;
	text-decoration: none;
	text-align: right;
	font-weight:bold;
}
.hea #navstring a {
	text-decoration: none;
	text-align: center;
}
#main h1 {
	font-size:13pt;
	margin-top:6px;
}
#main h2 {
	font-size:11pt;
	margin:10px 0 2px 0;
}
#main p {
	font-size:8.5pt;
	margin:1px 0 0 0;
}
#main #article p {
	font-size:10pt;
	margin:5px 0 0 0;
}
#main .mainbox p{
	font-size:10pt;
	margin: 5px 0 5px 0;
}

/* основной текст - справа */
#left #cont p {
	font-size: 10pt;
}
#left #cont h1 {
	font-size: 14pt;
	font-weight: bold;
}
/* левое меню */
#menu p {
	font-size: 8pt;
	padding-bottom: 10px;
	background-image:url(../images/bull.gif);
	background-repeat:no-repeat;
	text-indent:25px;
}

#menu a {
	color: #1d2da6;
	text-decoration: none;
}

#menu a.active {
	background-image: url(/images/actfon.gif);
	background-repeat: repeat-y;
	display: block;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
#menu a:hover {
	text-decoration: underline;
}
/* подвал */
#bottom p {
	font-size: 8pt;
}
.date {
	font-size: 7pt;
}

/******************************* Цвета ***********************************/
a {
	color:#1d2da6;
}
a:hover {
	color:#f00;
}
/* горизонтальное меню */
.hea #navstring a {
	color:#000;
}
.hea #navstring a:hover {
	color: #000;
}
#keystring {
	color:#FFFFFF;
	background-image: url(/images/keyfon.gif);
	background-repeat: repeat-x;
	z-index: 15;
	width: 100%;
}
.hea #telstring {
	color:#0db1f0;
}
#main h1 {
	color:#cc0000;
}
#main h2 {
	color:#D87012;
}
/* основной текст - слева */
#left #cont h1 {
	color: #CC0033;
}
/* подвал */
#bottom {
	background-image:url(/images/mfon.gif);
	background-repeat:repeat;
}
#bottom p {
	color: #666666;
}
.date {
	color:#0082c6;
}
/******************************* Другое ***********************************/
#righmenu {
	float: right;
	width: 215px;
	clear: none;
	padding-right: 5px;
}

#bottommenu {
	color: #fff;
	background-color: #f5821f;
	height: 18px;
	padding-top: 2px;
	width: 100%;
}
#bottommenu p {
	text-indent: 20px;
	color: #FFF;
}
#bottommenu a {
	color: #FFFFFF;
}


#content {
	margin-right: 235px;
	padding-right: 10px;
	border-right: solid #ccc 1px;
}
#logo {
	position:absolute;
	left:2px;
	top:25px;
	width:238px;
	height:65px;
	z-index:1;
}
input[type=text] {
	border: 1px solid #CCC;
	font-size: 8pt;
}
textarea {
	border: 1px solid #CCC;
	font-size: 8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}
.advert {
	background-color: #fcac41;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
}
form {
	margin: 0px;
	padding: 0 0 5px 0;
}

input[type=submit] {
	border: none;
	font-size: 8pt;
	background-color:#FF9900;
	color:#000;
	font-weight:bold;
	padding: 5px;
}

input[type=reset] {
	border: none;
	font-size: 8pt;
	background-color:#FF9900;
	color:#000;
	font-weight:bold;
	padding: 5px;
}
.bottomnum {
	font-size: 8.5pt;
	text-align: center;
}
.rmodul {
	background-image: url(/images/rightfon.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 8pt;
	padding: 5px 5px 10px 5px;
}
.rmodul>p {
	font-size: 8pt;
	font-weight: normal;
}
.rmodul p a {
	font-size: 8pt;
	font-weight: normal;
}
.rmodul p label {
	font-size: 8pt;
	font-weight: normal;
}
#cp {
	width: 270px;
	margin-left: 0px;
	text-indent: 20px;
	font-size:10pt;
	float: left;

}
#bmenu {
	padding:0;
	width: auto;
	margin-left: 0px;
	float: left;
	font-size:10pt;
}
#bmenu a {
	margin: 0 6px 0 0;
}
#articlemain {

	padding:0;
	margin-left:30px;
}
#main #articlemain p {

	font-size:10pt;
	margin:5px 0 0 0;
}
.gmenu {
    font-size: 13px;
}