* { margin: 0; padding: 0; border: 0; }
html, body { width: 100%; min-width: 1000px; height: 100%; min-height: 100%; background: #9acccd url(/templates/images/body_bg.png) 0 0 repeat-x; font: normal 16px Arial, Tahoma; line-height: 20px; color: #132f30; }
* html, * body { width: 100%; height: 100%; }

/* -- стили для ссылок -- */
a img { border: none; }
a { text-decoration: underline; color: #132f30; }
a:hover { text-decoration: none; }

input, textarea, select { border: 1px solid #ccc; padding: 1px 3px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333; }
select { display: block; width: 310px; }

.bold { font-weight: bold; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }


/* -- стиль для нормальной работы ссылок в элементах с png |>-фоном  -- */
.iePNG, IMG { filter:expression(fixPNG(this)); } 
.iePNG A { position: relative; }

/* -- Основной слой страницы -- */
#page { position: relative; width: 100%; height: 100%; min-height: 100%; text-align: left; }
html>body #page { height: 100%; }
/*#page.inner { width: 800px; margin: 0 auto; }*/

/* -- Слой для отжатия футера -- */
    #main { position: relative; float: left; width: 100%; height: 100%; min-height: 100%; background: url(/templates/images/content_bg.jpg) center 340px no-repeat; }
    html>body #main { height: auto; }
/*	.inner #main { margin: 0 0 0 260px; }*/
	
/* -- Левый блок -- */
			#left { position: relative; float: left; width: 210px; padding: 19px 0 650px 0; background: url(/templates/images/left_bg.jpg) 0 100% no-repeat; }
				#logo { display: block; width: 135px; height: 135px; margin: 0 0 54px 45px; }

				#left_menu { display: block; margin-left: 10px; }
					#left_menu li { display: block; list-style: none outside; width: 200px; padding: 10px 0; }
						#left_menu a { display: block; padding-left: 30px; background: url(/templates/images/icons.png) 9px 5px no-repeat; font: bold 14px Arial, Tahoma; line-height: 16px; text-decoration: none;  }
							#left_menu a:hover { text-decoration: underline; color: #660066; }
							#left_menu a.selected { text-decoration: underline; color: #fff; }


/* -- Левый блок -- */
			#right { position: relative; float: right; width: 200px; padding: 170px 0 250px 0; background: url(/templates/images/right_bg.jpg) 21px 20px no-repeat; }
				#three_m { display: block; height: 30px; margin-bottom: 20px; }
					#three_m li { display: block; float: right; margin: 15px 0; }
						#three_m a, #three_m img { display: block; width: 20px; height: 20px; }
						#three_m a { margin: 0 5px; background: url(/templates/images/icons.png) 5px -85px no-repeat; }
							#three_m a:hover { background-color: #6b89a1; }
							#three_m li.main_page a { background-position: 5px -85px; }
							#three_m li.mailto a { background-position: 5px -130px; }
							#three_m li.site_map a { background-position: 5px -175px; }

				#right li.header { font: bold 16px Arial, Tahoma; color: #fff; }
				#right li.read_more { font: bold 12px Arial, Tahoma; text-align: right; letter-spacing: 1px; color: #fff; }
					#right li.read_more a, #articles li.read_more a { display: inline; padding: 0 10px 0 0; font-weight: bold; text-decoration: none; color: #fff; }

				#news { display: block; margin-bottom: 20px; padding: 20px 0 20px 10px; background: #006666; }
					#news li {display: block; list-style: none outside; padding: 4px 0; line-height: 14px; }
						#news li a { text-decoration: none; font-size: 12px; letter-spacing: 1px; color: #fff; }
					#news span.date { font-size: 12px; color: #fff; }

				#articles, #faq_list { display: block; margin-bottom: 20px; padding: 20px 0 20px 10px; background: #006666; }
					#articles li, #faq_list li {display: block; list-style: none outside; line-height: 12px; }
					#articles a, #faq_list a { display: block; color: #fff; }

				#news:before, #articles:before { content: url(/templates/images/top.png); background: #9acccd; height: 10px; display: block; margin: -20px 0 6px -10px; text-align: left; }
				#news:after, #articles:after { content: url(/templates/images/bottom.png); background: #9acccd; height: 10px; display: block; margin: 6px 0 -20px -10px; text-align: left; }


/* -- Текстовый блок -- */
			#content { position: relative; margin: 0 220px 0 230px; padding-bottom: 250px; }
/*			.inner #content { width: 500px; }*/
				#header { position: relative; top: 20px; min-width: 500px; height: 200px; background: url(/templates/images/title.png) center 5px no-repeat; text-align: center; overflow: hidden; }
					#top_menu { display: block; list-style: none outside; margin: 50px auto 0 auto; overflow: hidden; text-align: center; }
						#top_menu li { display: inline; }
							#top_menu li a, #top_menu li a img { width: 137px; height: 20px; }


					#header p { display: block; line-height: 20px; padding-top: 20px; }
						#header span.phone { font-weight: bold; }
									
				#text { width: auto; padding: 10px; text-align: justify; }
					#text h1, #text h2, #text .header { padding: 10px 0; font: bold 24px Arial, Tahoma; color: #132f30; }
						#text h2 { font-size: 16px; line-height: 24px; }
					#text p { display: block; width: 100%; padding: 5px 0; }
					#text ul { margin: 5px 30px; }
					#text li { list-style: outside; }

					#text ul.list_news { margin: 0; }
						ul.list_news li { display: block; list-style: none outside; margin-bottom: 10px; padding-bottom: 25px; border-bottom: solid 1px #6b89a1; }
						ul.list_news strong { color: #6b89a1; }
						ul.list_news a.read_more { display: block; float: right; width: 80px; height: 20px; padding: 0 15px 0 0; background: url(/templates/images/icons.png) 100% -36px no-repeat; line-height: 20px; text-decoration: none; color: #6b89a1; }

/*Футер*/
	#footer { position: relative; float: left;  margin: -230px 10px 0 10px; padding: 20px; background: #517a7a; text-align: center; }
		#footer:before { content: url(/templates/images/footer_tl.gif); background: url(/templates/images/footer_tr.gif) no-repeat 100% 0; height: 10px; display: block; margin: -20px -20px 10px -20px; text-align: left; }
		#footer:after { content: url(/templates/images/footer_bl.gif); background: url(/templates/images/footer_br.gif) no-repeat 100% 0; height: 10px; display: block; margin:10px -20px -20px -20px; text-align: left; }

		#bottom_menu, #bottom_service { display: block; list-style: none outside; padding-bottom: 10px; }
			#bottom_menu li, #bottom_service li { display: inline; }

		#contacts { display: block; width: 100%; padding-bottom: 10px; font-style: normal; }


/* -- Фикс скролла в </div> -- */
#scroll_fix { position: absolute; top: 750px; left: 999px; bottom: 1px; width: 1px; height: 1px; z-index: 1000; }
