html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #4d555c; font-family: Arial, Tahoma, Verdana, sans-serif; background: #f5f5f3 fixed repeat-y 1281px url('1281.gif');}
#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%; background: #fff}
*html #body {height: 100%;}

img {border: 0;}

a {color: #1794c2;}
a:visited {color: #886db0;}
a:hover, a:visited:hover {color: #8ed119;}
a.win {white-space: nowrap;}
	a.win img {width: 11px; height: 9px; margin-left: 0.3em;}
a:active {color: #8ed119;}
a.direct {border-bottom: 1px dashed; cursor: pointer; cursor: hand;}
a.green {color: #8ed119;}

h1 {color: #8ed119; position: relative; left: -40px; font-size: 200%; margin: 0 0 0.6em;}
h2 {color: #2f5270; position: relative; left: -20px; font-size: 134%; margin: 1.2em 0 0.4em;}
	h2 a:visited {color: #1794c2;}
	h2 a:visited:hover {color: #8ed119;}
h3 {color: #7e949a; font-size: 104%; margin: 1.2em 0 0.4em;}
.chooser {position: relative; left: -1.8em; line-height: 2em;}
	.chooser a, .chooser a:visited {color: #b3b8bb; padding: 2px 5px 3px 5px;}
	.chooser strong, .chooser a.current, .chooser a.current:visited {font-weight: normal; padding: 2px 5px 3px 5px; background-color: #b3b8bb; color: #fff;}
		.chooser strong a, .chooser strong a:current, .chooser strong a:visited {color: #fff; padding: 0;}


.first {margin-top: 0;}

p {font-size: 90%; padding: 0; margin: 0 0 1.2em 0; line-height: 1.5em; position: relative;}
	/*.prelist {margin-bottom: 0.6em; margin-left: 30px;}*/
	.prelist {margin-bottom: 0.6em;}
	.emphasis {font-size: 115%; color: #7c858c; font-style: italic; line-height: 1.4em;}
	.ans {margin: -0.6em 20px 1.2em 20px; color: #7e949a; font-style: italic;}
ul, ol {font-size: 90%; padding: 0; margin: 0 0 0.9em 0; line-height: 1.5em;}
	ul li {list-style: none; background: no-repeat 0 0.7em url('li.gif'); margin: 0 0 0.3em 15px; padding: 0 0 0 15px;}
	ol li {margin: 0 0 0.3em 40px; position: relative;}
		li p, li ul, li ol {font-size: 100%;}

table {border: 0; border-collapse: collapse; margin-bottom: 1.2em;}
th {text-align: left; padding: 0.5em 1em 0.5em 0;}
td {padding: 0.5em 1em 0.5em 0;}

form {margin: 0;}
    form table {margin: 0; width: 100%;}
	form td {font-size: 90%; vertical-align: top;}
		form td label {position: relative; top: 0.2em;}
	td.field {width: 100%;}
	.star {color: #cc2229;}
	span.error {color: #cc2229;}
	input, select, textarea {font-size: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0; width: 90%;}
	input.error, textarea.error {border: 2px solid #cc2229;}
	.btn {cursor: pointer; cursor: hand; padding: 3px; width: auto;}

.spacer {float: left;}
	.spacer img {width: 1px; height: 1px;}
.br, #tns .br {width: 100%; height: 1px; clear: both; background: none;}
.nobr {white-space: nowrap;}
img.png {//background-image: none !important; behavior: url('/img/png.htc');}

#zoom_screen {z-index: 5; position: fixed; width: 100%; height: 100%; background: url('zoom_bg.gif');}
*body #zoom_screen {position: absolute; left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLef ) + 'px'); top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}
	#zoomed_div {position: absolute; left: 50%; top: 50%;  background: #d7dde0 url('zoom_loading.gif') no-repeat center; cursor: hand; cursor: pointer;}
		#zoomed_photo {margin: 10px;}
		#cross {z-index: 6; position: absolute; top: 17px; right: 19px;}

#menu {position: relative; width: 100%; height: 130px;}
	#menu ul {position: absolute; left: 8%; top: 45px; width: 70%; margin: 0;}
		#menu li {display: block; float: left; position: relative; width: 30%; margin: 0; padding: 0 0 2em 0; background: none;}
			#menu li a, #menu li a:visited {position: absolute; color: #1794c2; padding: 0 20px; background: no-repeat 0 0.4em url('menu_li.gif');}
			#menu li a:hover, #menu li a:active, #menu li strong {position: absolute; color: #8ed119; padding: 0 14px 0 26px; background: no-repeat 0 0.4em url('menu_li_over.gif');}
				#menu strong a, #menu strong a:hover, #menu strong a:visited, #menu strong a:active {position: static; padding: 0; background: none;}
	#h1 {position: absolute; right: 0; top: 0; left: 67%; width: 102px; height: 62px;}
#header {position: relative; width: 100%; height: 120px;}
	#logo {position: absolute; top: 10px; width: 27%; height: 110px; background: #2f5270 repeat-x url('logo_bg.jpg'); text-align: center;}
		#logo div {height: 100%; background: no-repeat 100% 100% url('crnr1.gif');}
			#logo img {margin: 13px 0 0 -50px; width: 126px; height: 82px;}
	.slides {z-index: 1; position: absolute; top: 30px; left: 26.5%; height: 190px; width: 52%; margin-left: -49px;}
		#h3 {position: absolute; top: 0; left: 30%; top: -58px; width: 77px; height: 58px;}
	.ill {position: absolute; left: 79%; height: 120px; width: 33%; margin-left: -226px;}
	#ill1 {background: no-repeat 100% 0 url('ill1.jpg');}
		.ill div {height: 100%; background: no-repeat 0 0 url('crnr2.gif');}
			.ill div div {height: 100%; background: no-repeat 100% 100% url('crnr1.gif');}
				#h4 {position: absolute; left: 50%; bottom: -30px; width: 40px; height: 30px;}
	#hsm {z-index: 1; position: absolute; top: 10px; left: 112%; height: 110px; width: 112px; background: no-repeat 0 0 url('putya.gif');  margin-left: -272px;}
	/**#hsm {position: absolute; top: 10px; right: 0; width: 12%; height: 110px;  background: no-repeat 72px 0 url('h2.gif');}**/
	#putya {position: absolute; top: 10px; height: 40px;  right: 0; width: 112px; background: repeat-x url('bg_putya.gif');}
		#hsm img {position: relative; width: 19px; height: 19px;}
		#ico_h {margin-left: 0; top: 0;}
		#ico_s {margin-left: 10px; top: 26px;}
		#ico_m {margin-left: 10px; top: 52px;}
.main {z-index: 2; position: relative; width: 100%;}
.main#main_index {z-index: auto;}
	#left {float: left; width: 32%;}
		#h5 {position: absolute; left: 0; top: 25px; width: 54px; height: 54px;}
		#news {position: relative; left: 25%; margin-top: 60px; width: 75%;}
			span.date {position: relative; left: -1.8em; float: left; display: block; font-size: 84%; margin: 0; color: #b2bcc2; background: #2f5270 no-repeat 0 100% url('crnr3.gif');}
				span.date span {display: block; padding: 0.25em 1.8em; background: no-repeat 100% 0 url('crnr4.gif');}
			#news p {clear: left; font-size: 84%; margin: 0; padding: 0.5em 0 2em 0;}
			#news p.chooser {padding: 0 0 2em 0;}
		#submenu {position: relative; left: 25%; margin: 60px 0; width: 75%;}
			#submenu li {margin: 0; padding: 0; clear: both; background: none; /**white-space: nowrap;**/}
				#submenu li a, #submenu li a:visited {float: left; clear: right; padding: 0.4em 0; color: #8ed119; margin-right: 6em;}
				#submenu li a:hover, #submenu li a:active {color: #1794c2;}
				#submenu strong {float: left; clear: right; font-weight: normal; position: relative; left: -3em; display: block; margin: 0; color: #b2bcc2; background: #2f5270 no-repeat 0 100% url('crnr3.gif');}
					#submenu strong span {display: block; padding: 0.4em 3em; background: no-repeat 100% 0 url('crnr4.gif');}
						#submenu strong span a, #submenu strong span a:visited {float: none; color: #b2bcc2; padding: 0; margin: 0;}
		.logo_partner {position: relative; left: 25%; margin-top: 60px;}
		.bnr {width: 78%; margin-top: 1em;}
			.bnr_ill {height: 80px; width: 85%;}
				.bnr_ill div {display: block; height: 100%; background: no-repeat 100% 0 url('crnr4.gif');}
			.bnr_txt {font-size: 84%; position: relative; left: 5%; width: 95%; background: #d7dde0 no-repeat 0 0 url('crnr2.gif'); text-align: center;}
				.bnr_txt div {height: 100%; padding: 0.9em 1.8em; background: no-repeat 100% 100% url('crnr1.gif');}
					.bnr_txt div a:visited, .bnr_txt a:hover, .bnr_txt a:active  {color: #1794c2;}
			#bnr_consultation {background: no-repeat 0 0 url('bnr_consultation.jpg');}
			#bnr_ps {height: 120px; width: 130%; background: #292827 no-repeat 165% 15px url('logo_ps.gif'); margin-top: 100px;}

	.content {float: left; width: 45%; margin-top: -70px;}
	.content#second {margin-top: 1.2em;}
	.content#news {position: static; width: 45%; margin-top: -70px;}
		.content#news p {font-size: 90%;}
	.content#sitemap {}
		.content#sitemap p {margin-bottom: 0.3em;}
	.content#index {margin-top: 140px;}
		.content#index h1 {left: 0; font-size: 134%;}
		.splash {position: relative; left: -40px;  margin: 0.4em 0 1.4em 0; border: 10px solid #d7dde0;}
		.splash_tn {float: left; position: relative; border: 5px solid #d7dde0; margin: 0 1em 0 0;}
		#map {position: relative; left: -40px; height: 340px; margin-top: 1em; background: #d1ceb0 no-repeat 50% 0 url('map.gif');}
	#h6 {position: absolute; right: 0; top: 60px; width: 80px; height: 80px;}
#tns {position: relative; left: 5%; width: 90%;}
	#tns a {float: left; border: 5px solid #fff; margin: 3px;}
	#tns a:hover {border: 5px solid #d7dde0;}
		#tns img {width: 60px; height: 60px; background: #d7dde0;}

#footer {position: relative; width: 100%; height: 150px; margin-top: 80px;}
	#contacts {position: absolute; left: 8%; font-size: 84%; color: #6e767a;}
	#guesswho {color: #b2bcc2; font-size: 84%; position: absolute; right: 0; width: 25%; padding: 0.9em 0; background: #2f5270 no-repeat 0 100% url('crnr3.gif');}
		#guesswho a {color: #b2bcc2; margin-left: 55px;}
	#h7 {position: absolute; right: 0; top: 55px; left: 2.5%; width: 50px; height: 30px;}
	#h8 {position: absolute; right: 0; top: -20px; left: 42%; width: 121px; height: 90px;}

/*everything*/
#counter {clear: both; margin-top: 35px;}
	/*Items active*/
	#counter a.counterItem, #counter a.counterItem:visited, #counter a.counterItem:active {color: #4d555c; padding: 2px 7px 3px 7px;}
	/*Items inactive*/
	#counter span.counterItem {padding: 2px 7px 3px 7px;}
	/*arrows active*/
	#counter a.counterArrow, #counter a.counterArrow:visited, #counter a.counterArrow:active {color: #4d555c; padding: 2px 7px 3px 7px;}
	/*arrows inactive*/
	#counter span.counterArrow {padding: 2px 7px 3px 7px;}
	/*current link*/
	#counter .active {color: #fff; font-weight: normal; background: #8ed119; padding: 2px 7px 3px 7px;}