body {

	border: 0px; margin: 0px; padding: 0px;
	font: normal 12px Arial; color: #000000;
	background-color: #f7f7f7; 
}

h1 { font-size: 16px; margin-bottom: 5px; margin-top: 5px; margin-left: 40px; color: #1f79c1; }
h2 { font-size: 14px;  font-weight: bold; margin-bottom: 5px; margin-top: 5px; color: #1f79c1; }
strong { font-size: 12px; font-weight: bold; }
a {outline: none; color: #1f79c1} // Убираю линии вокруг рисунка-ссылки (FireFox). но почему-то глючит
img {border: none;}

#central { width: 100%; }

#page {
	width: 996px; text-align: left;
}

#top {  
	height: 379px; 
	top: 0px;
	margin: 0px; padding: 0px; 
}

#top_left {
	top: 0px;
	width: 295px;
	height: 379px;
	margin-left: 0px;
	background: url(/image/logo.gif) no-repeat 0px 0px;
	clear: right;
	position: absolute;
}

#top_right {
	top: 0px;
	height: 379px;
	background: url(/image/pic.png) no-repeat 0px 0px;
	width: 691px;
	margin-left: 295px;
	position: absolute; 
}

#top_right div.topmenu{
	float: right; position: relative;
	width: 655px;
	border: 0px red solid;
	height: 40px;
	font-weight: bold;
	margin: 0px; padding: 0px;
}

#top_right div.topmenu div.tek {
	float: left; position: relative;
	display: block;
	height: 39px; 	
	background: url(/image/menu_fon.gif) repeat-x;
	background-position: 0px -39px; color: #ffffff; 
	line-height: 40px;
	border-left: 1px dashed #808080;
	text-align: center;
	padding-left: 20px; 
	padding-right: 20px;
}

#top_right div.topmenu a {
	text-indent: 0px;
	float: left; position: relative;
	margin: 0px; padding: 0px;
	display: block;
	height: 39px; 	
	line-height: 40px;
	color: #000000;
	padding-left: 20px; 
	padding-right: 20px;
	border-left: 1px dashed #808080;
	color: #808080;
	font-weight: bold;
	
}
#top_right div.topmenu a:hover { background: url(/image/menu_fon.gif) repeat-x; background-position: 0px -39px; color: #ffffff; }


#top_right div.circle div.curr {
	text-indent: 15px;
	width: 125px;
	height: 25px; 	
	background: url(/image/point.gif) no-repeat 0px 0px;
	background-position: 0px -25px; color: #1f79c1; 
	line-height: 26px;
}
#top_right a.menu:hover { background-position: 0px -25px; color: #1f79c1; }


#top_right div.circle {
	position: absolute;
	width: 98px;
	height: 30px;
	top: 273px;
	left: 558px;
}

#top_right div.circle div.home, .mail, .map { width: 30px; height: 30px; position: absolute;}

#top_right div.circle div.home, .h {background: url(/image/b_home.gif); }
#top_right div.circle div.home {background-position: -30px 0px;}

#top_right div.circle div.mail, .m {background: url(/image/b_mail.gif); }
#top_right div.circle div.mail {background-position: -30px 0px; margin-left: 69px; }

#top_right div.circle div.map, .ms {background: url(/image/b_map.gif); }
#top_right div.circle div.map {background-position: -30px 0px; margin-left: 34px; }
#top_right div.circle div a:hover { background-position: -30px 0px;   /*Смещение фона */ }
#top_right div.circle div a { display: block;
	width: 30px;
	height: 27px; 
	top: 0px; 
}

#top_right div.stom1 {
	position: absolute;
	width: 125px;
	height: 112px;
	top: 130px;
	left: 425px;
}
#top_right div.stom2{
	position: absolute;
	width: 125px;
	height: 112px;
	top: 130px;
	left: 555px;
}

#top_right a.menu {
	display: block;
	text-indent: 15px;
	width: 125px;
	height: 25px; 	
	background: url(/image/point.gif) no-repeat 0px 0px;
	line-height: 26px;
	color: #000000;
}

#top_right div.curr {
	text-indent: 15px;
	width: 125px;
	height: 25px; 	
	background: url(/image/point.gif) no-repeat 0px 0px;
	background-position: 0px -25px; color: #1f79c1; 
	line-height: 26px;
}
#top_right a.menu:hover { background-position: 0px -25px; color: #1f79c1; }
#top_right a { text-decoration: none; text-indent: 18px;}

#text {  
	top: 379px;
	margin: 0px; padding: 0px;
	position: relative; float: left;
	width: 996px;
}

#text div.right{ float: right; position: relative; width: 711px; margin: 0px; padding: 0px;}
#text div.right form{margin: 0px; padding: 0px; margin-left: 40px; width: 620px;}
#text div.right ul{ margin-top: 0px; padding: 0px; margin-bottom: 5px; line-height: 16px; margin-left: 60px;}
#text div.right li{ margin: 0px; padding: 0px; width: 580px; top: 0px; vertical-align: top; }

#text div.right p {
	margin: 0px;
	width: 615px; 
	margin-top: 5px;
	margin-bottom: 0px; line-height: 16px;	
	margin-left: 40px;
}

#text div.right a { text-indent: 0px; color: #1f79c1; font: bold 12px Arial; text-decoration: none;}
#text div.right a:hover{ text-decoration: underline; }

#text div.right span.top{
	margin: 0px;
	display: block;
	padding: 5px 5px 4px;
    	background: url(/image/text.gif) no-repeat 9px 0px;
}
#text div.right span.middle{
	float: left;
	position: relative;	
	width: 100%;
	margin: 0px;
	/*margin-left: 9px;*/
	display: block;
	padding: 0px;
	left: 0px;
	right: 0px;
	text-indent: 0px;
	padding: 5px 0px 5px; /* (отступывысота, слева, снизу)*/
	background: url(/image/text_filler.gif) repeat-y 9px 0px; 
}

#text div.right span.myspan {color: 505050; font-weight: bold;}

#text div.right span.middle div.post {
	float: left;
	position: relative;
	clear: left;
	margin: 0px;
	width: 630px;
	margin-top: 6px;
	padding-bottom: 4px; 
	border-bottom: 1px dashed #808080; 
	margin-left: 40px;
}

#text div.right span.middle div.post div{
	float: left;
	position: relative;
	width: 100px;
	height: 100px;
	text-align: center;
	border: 1px #808080 solid;
	margin: 0px;
	padding: 0px; 
	margin-top: 3px;
	margin-right: 3px;
}

#text div.right span.middle div.post div.onenew{
	float: left;
	position: relative;
	width: 200px;
	height: 200px;
	text-align: center;
	border: 1px #808080 solid;
	margin: 0px;
	padding: 0px; 
	margin-top: 3px;
	margin-right: 3px;
}

#text div.right span.middle div.post p{margin-left: 0px; width: 100%; }

#text div.right span.bottom{
	clear: left;
	position: relative;
	margin: 0px;
	display: block;
	font-weight: bold;
	padding: 100px 0px 20px;
	background: url(/image/text.gif) no-repeat 9px -15px;
}

#text div.left {
	float: left;
	position: relative;
	text-align: left;
	width: 270px; 
	padding-top: 53px;
}

#text div.left a { text-decoration: none; text-indent: 18px;}

#text div.left a.menu, a.menu1 {
	margin-left: 18px;
	display: block;
	text-indent: 30px;
	width: 246px;
	height: 32px; 	
	background: url(/image/menu_link.gif) no-repeat 0px 0px;
	line-height: 31px;
	color: #000000;
	font-weight: bold;
}

#text div.left a.menu1 {
	font-weight: normal;
	font-size: 12px;
	text-indent: 35px;
	background: url(/image/menu_link1.gif) no-repeat 0px 0px;
}


#text div.left a.menu:hover { background-position: 0px -32px; color: #1f79c1; }
#text div.left a.menu1:hover { background-position: 0px -32px; color: #1f79c1;}
#text div.left img { margin-left: 18px; }

#text div.left div.curr, div.curr1{
	text-indent: 30px;
	margin-left: 18px;
	width: 246px;
	height: 32px; 	
	background: url(/image/menu_link.gif) no-repeat 0px 0px;
	background-position: 0px -32px; color: #1f79c1; 
	line-height: 31px;
	font-weight: bold;
}

#text div.left div.curr1{
	text-indent: 35px;
	background: url(/image/menu_link1.gif) no-repeat 0px 0px;
	background-position: 0px -32px; 
	font-weight: normal;
	font-size: 12px;
}


#text div.left div.news {
	margin-top: 0px;
	margin-left: 12px;	
	width: 251px; text-align: left;
	margin-bottom: 0px;
}

#text div.left div.news p {
	margin: 0px; padding: 0px;
	FONT: normal 12px Arial; 
	padding-bottom: 3px;
	margin-left: 8px;
	margin-right: 8px;
}

#text div.left div.news span.top{
	margin: 0px;
	display: block;
	padding: 11px 8px 0;
    	background: url(/image/bubble.gif) no-repeat 0px 0px;
	border: 0px red solid;
}
#text div.left div.news span.middle{
	margin: 0px;
	display: block;
	padding: 0 8px; 
	background: url(/image/bubble_filler.gif) repeat-y; 
	border: 0px green solid;
}
#text div.left div.news span.bottom{
	margin: 0px;
	display: block;
	color: #505050;
	font-weight: bold;
	padding: 0px 15px 8px;
	border: 0px blue solid;
	background: url(/image/bubble.gif) no-repeat 0px -38px;
}
#text div.left div.news img { margin-left: 6px; }

#text div.left p {
	margin: 0px; padding: 0px;
	FONT: normal 12px Arial; 
	padding-bottom: 3px;
}

#text div.left p a { text-indent: 0px; color: #1f79c1; font: bold 12px Arial; }
#text div.left p a:hover{ text-decoration: underline; }

#footer {
	width: 980px; height: 91px; 
	text-align: left; float: left; position: relative; 
	left: 16px;
}
#footer span.left{
	float: left;
	position: relative;
	margin: 0px;
	display: block;
	text-indent: 1px;
	height: 91px;
	padding: 0px 36px 0px;
    	background: url(/image/footer.gif) no-repeat left;
}
#footer span.center{
	float: left;
	position: relative;
	width: 820px;
	height: 91px;
	display: block;
	padding: 0px 1px 0px;
	background: url(/image/footer_filler.gif) repeat-x; 
}
#footer span.center div.smit{
	width: 300px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	margin-top: 54px;
	background: none;
}
#footer span.center li { display: inline; margin: 0px; padding: 0px; margin-right: 8px; margin-left: 8px; color:  #1f79c1; font-weight: bold;}
#footer span.center ul { float: right; position: relative; margin: 0px; height: 20px; padding: 0px; margin-top: -19px;}
#footer a {color: #000000; text-decoration: none; font-weight: normal; text-decoration: underline; }
#footer a:hover { color:  #1f79c1;}

#footer span.right{
	float: left;
	position: relative;
	margin: 0px;
	height: 91px;
	display: block;
	color: #505050;
	font-weight: bold;
	padding: 0px 72px 0px 0px;
	background: url(/image/footer.gif) no-repeat right;
}