* {margin: 0; padding: 0}

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #4c4d51; background: #eee}
html, body {height: 100%}

img {border: 0}

table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
table td {vertical-align: top; text-align: left}
table th {text-align: left}

ul {list-style: none}

a {color: #00aeef; text-decoration: underline; outline: none}
a:hover {text-decoration: none}

.black {color: #000}
.blue {color: #00aeef}

h1 {font-size: 170%; font-style: italic; font-weight: normal; margin-bottom: 18px}
h1.blue {color: #00aeef}

p {font-family: Tahoma, Arial, sans-serif; margin-bottom: 14px}


#main {position: relative; width: 1000px; min-height: 100%; font-size: 0.75em; margin: 0 auto; background: #fff url(/images/main_bg_bot.gif) no-repeat right bottom}
*html #main {height: 100%}

	div.clear {clear: both}

	#header {position: relative; height: 449px; background: #00aeef url(/images/main_bg.jpg) no-repeat 0 0}
	
		#logo {position: absolute; top: 34px; left: 411px}
		
		#tels {position: absolute; top: 112px; left: 370px; width: 150px; height: 40px; padding: 3px 3px 3px 1px; background: #fff url(/images/tels_bg.gif) no-repeat 0 0; white-space: nowrap}
		#tels span.small {float: right; font-size: 87%; color: #000; margin-top: 1px; text-align:right;}
		#fax div.small2 {float: left; font-size: 64%; color: #000; margin-top: 1px}
		#tels span.big {float: right; font-weight: bold; font-size: 135%; color: #2f4088}
		*html #tels big {line-height: 90%; margin-top: 1px}
		
		#ya-phone-1 {float: right; font-weight: bold; font-size: 129%; color: #2f4088} 
		#fax {float: right; font-weight: bold; font-size: 129%; color: #2f4088; margin-top:4px;}
		#ya-phone-2 {color: #FFFFFF; font-size: 175%; padding-top:2px;}
		
		#slogan {position: absolute; top: 120px; left: 530px; font-size: 90%; color: #ffffff; line-height: 150%; text-transform: uppercase}
	
		#lang {position: absolute; top: 20px; left: 30px; width: 71px; height: 18px; padding: 5px 0 0 12px; font-size: 95%; color: #263b9c; word-spacing: 4px; background: #fff url(/images/lang_bg.gif) no-repeat 0 0}
		#lang a {text-decoration: none}
		#lang a:hover, #lang span {color: #7b7c83}
		
		#topnav {position: absolute; top: 20px; left: 887px;}
		#topnav li {float: left; margin-right: 7px; background: url(/images/topnav_a_bg.gif) no-repeat 0 0}
		#topnav a {float: left; width: 23px; height: 23px; background: no-repeat center 6px}
		#topnav a:hover, #topnav li.hover a {background-position: center -14px}
		#topnav a.item_1 {background-image: url(/images/topnav_home_bg.gif)}
		#topnav a.item_2 {background-image: url(/images/topnav_mail_bg.gif)}
		#topnav a.item_3 {background-image: url(/images/topnav_map_bg.gif)}
		#topnav span {display: none}
	
		#signs li {position: absolute; font-style: italic;}
		#signs a {float: left; text-decoration: none; behavior: url("/scripts/iepngfix.htc"); cursor: pointer}
		#signs a big {display: block; font-size: 120%; color: #000; text-transform: uppercase}
		#signs a small {display: block; font-size: 100%; color: #fff}
		#signs a:hover big {color: #fff}
		#signs li.item_1 {top: 80px}
		#signs li.item_1 a {height: 97px; padding: 20px 0 0 129px; background: url(/images/signs_item1.png) no-repeat 0 0}
		#signs li.item_1 a:hover {background-position: 0 bottom}
		#signs li.item_2 {top: 172px; left: 24px}
		#signs li.item_2 a {width: 150px; padding: 110px 13px 0 0; text-align: right; background: url(/images/signs_item2.png) no-repeat 0 0}
		#signs li.item_2 a:hover {background-position: right 0}		
		#signs li.item_3 {top: 247px; left: 193px}
		#signs li.item_3 a {width: 163px; padding: 107px 0 0 14px; background: url(/images/signs_item3.png) no-repeat 0 0}
		#signs li.item_3 a:hover {background-position: right 0}		
		#signs li.item_4 {top: 211px; left: 370px}
		#signs li.item_4 a {width: 125px; padding: 107px 16px 0 22px; text-align: center; background: url(/images/signs_item4.png) no-repeat 0 0}
		#signs li.item_4 a:hover {background-position: -167px 0}		
		#signs li.item_5 {top: 207px; left: 537px}
		#signs li.item_5 a {width: 100px; padding: 107px 0 0 19px; text-align: center; background: url(/images/signs_item5.png) no-repeat 0 0}
		#signs li.item_5 a:hover {background-position: right 0}		
		#signs li.item_6 {top: 260px; right: 165px}
		#signs li.item_6 a {width: 140px; padding: 90px 0 0 0; text-align: center; background: url(/images/signs_item6.png) no-repeat 0 0}
		#signs li.item_6 a:hover {background-position: -130px 0}		
		#signs li.item_7 {top: 198px; right: 38px}
		#signs li.item_7 a {width: 117px; height: 79px; padding: 86px 7px 0 0; text-align: right; background: url(/images/signs_item7.png) no-repeat 0 0}
		#signs li.item_7 a:hover {background-position: right 0}		
		#signs li.item_8 {top: 97px; right: 8px; overflow: hidden}
		#signs li.item_8 a {width: auto; height: 72px; padding: 6px 109px 0 0; text-align: right; background: url(/images/signs_item8.png) no-repeat right 0}
		#signs li.item_8 a:hover {background-position: right bottom}
		
		#search {position: absolute; left: 10px; bottom: 0; height: 27px; color: #000}
		#search label {float: left; font-size: 11px; margin: 4px 10px 0 0}
		#search input.text_field {float: left; font-size: 95%; width: 132px; height: 15px; padding: 3px 3px 0 3px; background: #fff; border: 1px solid #a2a7ac}
		#search input.button {float: left; font-weight: bold; color: #0e1948; margin: 1px 0 0 10px; width: 58px; text-align: left; text-decoration: underline; background: url(/images/search_button.gif) no-repeat right center; border: none; cursor: pointer}
		#search input.button:hover {text-decoration: none}
		
		#mainmenu {position: absolute; right: 0; bottom: -3px; width: 680px; height: 24px; display:block; }
		#mainmenu li {float: left; padding-right: 16px; margin-right: 17px; background: url(/images/mainmenu_split.gif) no-repeat right 1px; font-size:85%}
		#mainmenu li.last {padding-right: 0; margin-right: 0; background: none}
		#mainmenu a {float: left; height: 24px; font-family: "Arial Narrow", Arial, sans-serif; font-size: 120%; color: #000; text-decoration: none; text-transform: uppercase}
		#mainmenu a:hover, #mainmenu a.hover {background: url(/images/mainmenu_a_h_bg.gif) no-repeat center bottom}
		
		#leftcol {float: left; width: 310px; padding: 35px 0 0 10px}
		#leftcol span.head {font-size: 170%; font-style: italic; color: #4c4d51}
		#leftcol div.block {margin: 4px 0 14px 0; background: #00aeef url(/images/leftcol_bg_top.gif) no-repeat 0 0}
		#leftcol div.block_in {min-height: 535px; padding: 39px 9px 0 9px; background: url(/images/leftcol_bg_bot.gif) no-repeat 0 bottom} 
		*html #lefctol div.block_in {height: 535px}
		#leftcol li {padding-bottom: 19px}
		#leftcol li a {display: inline-block; padding-left: 21px; font-size: 120%; font-style: italic; color: #fff; text-decoration: none; background: url(/images/leftcol_li_bg.gif) no-repeat 0 8px}
		#leftcol li a:hover {text-decoration: underline}
		#leftcol li ul {padding: 12px 0 0 21px}
		#leftcol li ul li {padding-bottom: 3px}
		#leftcol li li a {font-size: 100%; font-style: normal; color: #123969; padding-left: 13px; text-decoration: underline; background: url(/images/leftcol_li_li_bg.gif) no-repeat 0 5px}		
		#leftcol li li a:hover {text-decoration: none}
		#leftcol li li a.hover {text-decoration: none; font-weight: bold}
		
		#content {float: right; width: 631px; padding: 40px 18px 0 0}
		
			#toplinks {color: #999; height: 40px}
			#toplinks a {color: #999}
			
			ul.list {padding-bottom: 4px}
			ul.list li {font-size: 95%; padding-left: 26px; margin-bottom: 14px; background: url(/images/list_bg.gif) no-repeat 4px 7px}
			ul.left {float: left; width: 49%}
			ul.right {float: right; width: 49%}
			
			span.all {display: block; text-align: right; padding-bottom: 6px; font-size: 95%}
			
			div.portfolio {float: left; width: 292px; padding-left: 21px; font-size: 95%; text-align: center; margin-bottom: 14px}
			div.portfolio span.img {display: block; padding: 5px; border: 1px solid #00aeef; margin-bottom: 8px}
			div.portfolio img {display: block}			
			#leftcol div.portfolio {padding: 0; text-align: left}
			#leftcol span.all {font-size: 100%; padding-right: 20px}
			
			a.all {font-size: 120%; font-style: italic; color: #4c4d51}
			
			#licences li {float: left; width: 157px; height: 204px; text-align: center}
			#licences a {display: block; width: 109px; margin: 0 auto}
			#licences img {display: inline-block; border: 1px solid #00aeef}
			#licences span {display: block; padding-top: 9px; color: #000}
			
			div.note {position: relative; min-height: 90px; margin-bottom: 30px; padding-left: 112px}
			*html div.note {height: 90px}
			div.note a.img {position: absolute; top: 3px; left: 0; padding: 3px; border: 1px solid #00aeef}
			div.note a.head {position: relative; display: inline-block; font-weight: bold; padding-left: 12px; margin: 0 0 3px -12px; background: url(/images/a_note_head.gif) no-repeat 0 center}
			div.note span.head {display: block; font-weight: bold; margin-bottom: 3px}
			div.note span.all {font-size: 100%}

			div.note-portfolio {position: relative; min-height: 150px; margin-bottom: 30px; padding-left: 300px}
			*html div.note-portfolio {height: 150px}
			div.note-portfolio a.img {position: absolute; top: 3px; left: 0; padding: 3px 3px 0 3px; border: 1px solid #00aeef}
			div.note-portfolio a.head {position: relative; display: inline-block; font-weight: bold; padding-left: 10px; margin: 0 0 3px 0; background: url(../images/a_note_head.gif) no-repeat 0 center}
			div.note-portfolio span.head {display: block; font-weight: bold; margin-bottom: 3px}
			div.note-portfolio span.all {font-size: 100%}

			ul.img-project li {width: 300px; height: 160px; float: left;}
			ul.img-project img {border: 1px solid #00aeef}
			
			#pager {float: right; margin-right: 50px;}
			#pager li {float: left; padding-left: 6px}
			#pager li a, #pager li span {float: left; padding: 4px 8px; text-decoration: none; border: 1px solid #00aeef; background: #fff}
			#pager li a:hover, #pager li span.hover {color: #fff; background: #00aeef}
			
			ul.categories li {float: left; width: 283px; line-height: 16px; font-weight: bold; margin-bottom: 10px; padding: 0 20px 0 12px; overflow: hidden; background: url(/images/cat_bg.gif) no-repeat 1px 5px}
			
			ul.categories_half {float: left; width: 303px}
			ul.categories_half li {margin-bottom: 3px}
			ul.categories_half li a {padding-left: 12px; background: url(/images/cat_small_bg.gif) no-repeat 1px 6px}
			
			#tovar td {vertical-align: middle}
			
			#tovars td {text-align: center; padding: 0 10px 30px 10px}
			#tovars p {margin: 8px 0 0 0}
			
			span.name {display: block; font-weight: bold; margin-bottom: 1px}
			
			#feedback {font-family: Tahoma, Arial, sans-serif}
			#feedback small {display: block; font-size: 95%; margin-bottom: 18px}
			#feedback div.field {margin-bottom: 20px	}
			#feedback div.half {float: left; width: 305px}
			#feedback label {display: block; margin-bottom: 2px}
			#feedback span.req {font-size: 95%; font-weight: bold; color: #00aeef}
			#feedback input.text_field, #feedback textarea {width: 245px; height: 14px; padding: 2px 3px; background: #fff; border: 1px solid #bbb8b5}
			#feedback textarea {width: 552px; height: 73px}
			#feedback div.button {float: right; padding-right: 72px}
			#feedback input.button {width: 110px; height: 30px; margin-top: 10px; background: url(/images/button_send.gif) no-repeat 0 0; border: none; cursor: pointer}
			#captcha {float: left}
			#captcha div.field {float: left; width: 180px}
			#captcha input.text_field {width: 140px}
			#captcha img {float: left; border: 1px solid #3d3d3d; cursor: pointer; margin: 10px 20px 0 0}
			#captcha a {float: left; margin-top: 18px}
			
			.map {display: inline-block; border: 1px solid #00aeef}
			.ulmap ul {padding-left: 20px;}
			
			table.content_table {margin-bottom: 14px}
			table.content_table th, table.content_table td {text-align: center; vertical-align: middle; border: 1px solid #00aeef; padding: 3px 9px 5px 9px}
			table.content_table td {padding: 9px 9px 11px 9px}
			
			.content_img {float: left; padding: 3px; border: 1px solid #00aeef; margin: 0 12px 10px 0}
			.content_img img {float: left}
			.pagelinks { text-align: center; }
			.pagelinks a, .pagelinks span { font-size: 14px; margin-right: 10px; }
	
#footer_block {clear: both; height: 99px}
#footer_main {clear: both; height: 40px; margin: -40px 0}
#footer {position: relative; width: 1000px; height: 40px; margin: 0 auto; font-size: 0.75em; background: url(/images/footer_bg.gif) no-repeat right bottom}
#footer div.right {float: right; width: 360px; padding-top: 13px; font-size: 95%; color: #fff}
#footer div.right a {color: #000}
	#counters {float: left; margin-right:10px; margin-left:-4px;}
	#counters .block {float: left;}
	#two {float: left; height: 36px; padding: 0px 0 0 42px; position: relative; margin-top: -10px; margin-left:8px; background: url(/images/footer_2.gif) no-repeat 0 0;font-size:9px;}
		#two a {
			font-size:9px;
		}
	#tel {float: right; font-family: "Arial Narrow", Arial, sans-serif; padding: 6px 0 0 0; width: 158px; text-align:right; padding-right:8px;}
	#tel span.small { font-size: 100%; color: #fff; margin: 0 5px 0 0}
	#tel span.big { font-size: 180%; color: #fff}
	p.name-r {
		color: #4C4D51;
	}
	p.catname {
		font-weight:bold;
	}
	.author {
		float: left;
		height: 31px;
		line-height: 15px;
		margin: -5px 0px 0 10px;
		width: 140px;
	}
		.author a {
			color: #242424;
			font-size: 11px;
			text-decoration: none;
		}
			.author img {
				float: left;
				margin-right: 5px;
			}
	
		
	h3 {
		font-size:15px;
		color:#00AEEF;
		font-weight:bold;
		text-transform: uppercase;
	}
	.ul_blue {
		margin:10px 0px;
	}
		.ul_blue li{
			font-family: Tahoma,Arial,sans-serif;
			list-style-position:inside;
			list-style: none;
			background: url('/images/li.jpg') no-repeat left 2px;
			padding:1px 0px 1px 23px;
			
		}
	table.td_blue {
		border-top:1px solid #00AEEF;
	}
		table.td_blue tr td {
			border-bottom:1px solid #00AEEF;
			padding:3px 15px 3px 0px;
		}
	a.catalog_title {
		background: none;
		color: #FFFFFF;
		display:block;
		font-size: 150%;
		font-style: italic;
		padding-left:0px;
		text-decoration: none;
		margin-bottom:12px;
		
	}
	img.img_blue {
		border:1px solid #00AEEF;
		padding:5px;
		margin-right:5px;
		
	}
	a.back {
		text-align:right;
		cursor:pointer;
	}
	p.p_mar {
		margin-top:8px;
	}
	
	
	.clear {
		clear:both;
	}
	
	.YMaps table {width:auto;}