html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #303a40; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #fff;}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 770px; max-width: 1280px; min-height: 100%; text-align: left;}
*html #body {height: 100%;}
img {border: 0;}
a {color: #1567b3;}
span.direct {color: #1567b3; border-bottom: 1px #1567b3 dashed;}
span.roman {position: relative; left: -0.6em;}
/*
a:visited {color: #a697d1;}
a:hover {color: #ff5360;}
*/
	a.win {white-space: nowrap;}
		a.win img {width: 11px; height: 9px; margin-left: 0.3em;}
a:active {color: #c24646;}
p {font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.4em;}
	.prelist {margin-bottom: 0.3em;}
	.also {margin-top: 1.2em;}
ul, ol {font-size: 75%; padding: 0; margin: 0 0 1.4em 0; line-height: 1.4em;}
	ul li {list-style: none; background: no-repeat 0 0.7em url('/img/li.gif'); margin: 0 0 0.3em 25px; padding-left: 15px;}
	ol li {margin: 0 0 0.3em 40px; position: relative;}
		li p, li ul, li ol {font-size: 100%;}
h1 {color: #c24646; font-size: 145%; font-weight: normal; margin: 1.2em 0 0.4em;}
h2 {color: #c24646; font-size: 120%; font-weight: normal; margin: 1.2em 0 0.2em 0;}
	h2 a {color: #1567b3;}
h3 {color: #b1b2b3; font-size: 120%; font-weight: normal; margin: 1.2em 0 0.3em 0;}
	h3 a {color: #b1b2b3;}
h4 {color: #cc2229; font-size: 80%; margin: 1.2em 0 0.3em 0;}
.first {margin-top: 0;}
table {font-size: 80%; border: 0; border-collapse: collapse; margin-bottom: 1.2em; border-bottom: 1px solid #2f3033;}
th {text-align: left; padding: 0.5em 2em 0.5em 0; border-bottom: 1px solid #4b4d52;}
td {padding: 0.5em 2em 0.5em 0; border-bottom: 1px solid #4b4d52;}
.spacer {float: left;}
	.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: both;}
.nobr {white-space: nowrap;}
img.png {//background-image: none !important; behavior: url('/img/png.htc');}

#header {width: 100%; clear: both;}
	#logo {float: left; width: 134px; height: 100px; margin: 30px 0;}
	#lang {float: right; width: 29px; height: 29px; margin: 67px 60px 0 0;}
	#hsm {float: right; height: 60px; width: 19%; margin-top: 50px; background: #ae1919 no-repeat 0 0 url('/img/hsm_bg_left.gif'); text-align: center;}
		#hsm div {height: 100%; background: no-repeat 100% 0 url('/img/hsm_bg_right.gif');}
			#hsm img {position: relative; top: 20px; width: 19px; height: 19px;}
				#ico_h {left: -20%;}
				#ico_s {left: 0;}
				#ico_m {left: 20%;}
#menu {width: 100%; clear: both;}
	#bar {float: left; height: 60px; width: 80%; background: #3493db repeat-x url('/img/menu_bg.jpg');}
		#bar div {height: 100%; background: no-repeat 100% 0 url('/img/menu_bg_right.jpg');}
			#bar table {font-size: 70%; margin: 0; border: 0; width: 100%; height: 100%; background: no-repeat 0 0 url('/img/menu_bg_left.gif');}
				#bar td {padding: 0; border: 0;}
				#bar td.spacer {width: 16.6%;}
					#bar td a {color: #fff; white-space: nowrap; margin: 0 1em;}
#collage {width: 100%; clear: both;}
	#ill {float: left; width: 80%; height: 150px; margin: 20px 0 50px 0; border: 0;}
		#ill td {padding: 0; border: 0;}
		#ill_left {width: 50%; background: #e4e6b8 repeat-x url('/img/ill_bg_left.jpg'); text-align: right;}
			#ill_left div {height: 150px; background: no-repeat 0 0 url('/img/ill_left.jpg');}
		#ill_center {width: 295px; background: #a6c083;}
		#ill_right {width: 50%; background: #0b0602 repeat-x url('/img/ill_bg_right.jpg');}
			#ill_right div {height: 150px; background: no-repeat 100% 0 url('/img/ill_right.jpg');}
#content {width: 100%; clear: both; margin-bottom: 50px;}
	.left {float: left; width: 44%;}
		p.advantages {font-size: 120%; color: #c24646;}
			p.advantages span {color: #adadad;}
			
	.right {float: left; width: 32%;}
		.right h2.direct {padding-left: 37px; color: #1567b3; background: no-repeat 0 0.3em url('/img/submenu_bullet.gif'); margin: 0 0 0.6em;}
		.right h2.direct_on {padding-left: 37px; background: no-repeat 0 0.3em url('/img/submenu_bullet_on.gif'); margin: 0 0 0.6em;}
			.right h2.direct span, .right h2.direct_on span {border-bottom: 1px dashed; cursor: pointer; cursor: hand;}
		.submenu {height: 100%; position: relative; background: #ae1919 repeat-x url('/img/submenu_bg.jpg'); margin: 0 0 1em 37px;}
			.submenu div {height: 100%; background: no-repeat 0 0 url('/img/submenu_bg_tl.jpg'); padding: 1em 0;}
				.crnr_tr {position: absolute; width: 19px; height: 20px;  right: -1px; border-right: 1px solid #fff;}			
				.crnr_br {position: absolute; width: 18px; height: 20px; margin-top: -20px; right: -1px; border-right: 1px solid #fff;}
				.crnr_bl {position: absolute; width: 18px; height: 20px; margin-top: -20px;}
				.submenu ul {font-size: 70%; margin: 0 2em 0 2em;}
					.submenu ul li {background: none; margin: 0 0 0.6em 0; padding: 0; color: #fff;}
						.submenu ul li a {color: #fff;}
#footer {width: 100%; clear: both; position: relative; height: 12em;}
	#f1 {position: absolute; left: 10%;}
	#f2 {position: absolute; left: 35%;}
	#f3 {position: absolute; left: 58%;}
		#footer p {font-size: 70%; white-space: nowrap;}
		#footer .phone {color: #c24646; font-size: 200%; line-height: 1.2em; white-space: nowrap;}				
		#footer a {text-decoration: none; border-bottom: 1px solid;}