html {height: 100%;}
body {padding:0px; margin:10px 0px 0px 0px; font: 0.9em/1.3 Arial, serif; height:100%;}
* {margin:0px; padding:0px; font-size:1em; color:#535353;}


/*index*/
	#index_top {width:100%;}
		#left_top {width:31%; padding-right:30px; float:left;}
			#logo {margin-left:20px; background:url('/img/logo.jpg') 0% 0% no-repeat; height:86px; width:270px;}
			#menu {margin:0px 0px}
				#left_right_menu {width:100%; background-color:#F5F8F5; overflow:auto;}
					#left_menu {width:50%; float:left; padding:10px 0px 10px 25px; /*height:90px;*/}
					#right_menu {width:40%; float:left; padding:10px 0px; /*height:90px;*/}
			#text_menu {width:100%; clear:both; font-size:0.9em; height:140px; overflow:hidden;}
				#text_menu h1 {font-size:1em; color:#535353; padding-left:25px;}
				#text_menu p {padding:0px 0px 0px 25px;}
			#left_next {width:100%;}
				#foto_strelka_left {float:right;}
					#foto_strelka_left #foto_left {width:66px; float:right; height:85px; border:1px solid #454545; margin-top:6px;}
					#foto_strelka_left #strelka_left {float:right; margin:38px 10px 0px 0px;}
		#center_top {width:33%; float:left; border:1px solid #454545; height:428px; overflow: hidden; position:relative;}
			.nadpis {background-color:black; color:#FFF; width:60%; min-width:230px; margin:350px 0px 0px 20px; padding:10px; color: #FFF}
		#right_top {width:31%; float:right; height:428px;}
			#marina {width:100%; float:right; background:url('/img/marina.jpg') 100% 100% no-repeat; height:200px; text-align:left; color:#969696;}
				#about_marina {width:60%; float:left;}
				#about_marina p {font-size:0.8em; padding-top:5px;}
				#marina p {color:#454545;}
			#telefon {width:100%; clear:both; background:url('/img/podlozhka_tel.jpg') 100% 0% repeat-x; height:136px;}
				#telefon_text {color:#fff; padding:15px 0px 0px 80px;}
					#telefon_text h2 {color:#fff; display:inline;}
			#right_next {width:100%;}	
				#foto_strelka_right {width:200px;}
					#foto_strelka_right #foto_right {width:66px; float:left; height:85px; border:1px solid #454545; margin-top:6px;}
					#foto_strelka_right #strelka_right {width:100px; float:left; margin:38px 0px 0px 10px;}

	#content {width:100%; clear:both; padding-top:20px; overflow:hidden; height:390px;}
		#content_left {width:32%; padding-right:30px; float:left; margin-top:30px}
			#content_left_rio {width:120px; float:left; margin-left:15px;}
			#content_left_text {width:45%; float:left; padding-top:10px; font-size:0.8em;}
		#content_right {width:60%; float:left;}

	#catalog_index {width:100%; clear:both; margin:30px 0px; background-color:#F5F8F5; overflow:auto;}
		#left_catalog_index {width:40%; float:left; /*background:url('/img/piter.jpg') #F5F8F5 50% 0% no-repeat;*/ height:530px;}
			.podskazka {width:280px; /*height:130px;*/ position:absolute; background:url('/img/shadow.png') 0% 0%;z-Index:999}
					.border_1 {width:277px; /*height:127px;*/ border:1px solid #D7DDD7; background-color:#fff;}
						.border_2 {width:273px; /*height:123px;*/ border:1px solid #D7DDD7; margin:1px;}
							.border_2 .pic_text {width:270px; /*height:120px;*/}
							.border_2 .pic {width:100px; float:left;}
								.pic .pic {width:71px; height:71px; border:1px solid #8C888F; margin:10px}
							.border_2 .text {width:170px; float:left; margin-top:5px;}
								.small_t {font-size:0.9em; width:95%;}
									.small_t p {color:#FF9000;}
								.col {text-align:right;}
								.r {color:#C2C1C1;}
								.l {text-align:right;}
				
		#right_catalog_index {width:58%; float:left; height:497px; background-color:#F5F8F5;}
			#right_catalog_index h2 {padding-top:20px;}
			#right_catalog_index #gor {width:98%; font-size:0.9em; border-collapse:collapse;}
				#gor td {height:40px; padding:0px 10px;}
				.bleden {background-color:#fff;}
				.all_p {text-align:right; padding-right:10px;}
				#gor th {font-size:0.8em; text-align:left; padding-left:10px; height:40px;}
				.hoveredTr {background-color:#E9EAE9;}

	#articles_index {width:100%; clear:both;}
		#articles_index h2 {padding-left:25px}
		#art_ind_left {width:32%; float:left;padding-right:30px;}
			#art_ind_left p {padding:0px 0px 0px 25px;}
		#art_ind_center {width:32%; float:left;}
			#art_ind_center p {padding:10px 0px 0px 25px;}
		#art_ind_right {width:33%; float:right;}
			#art_ind_right p {padding:0px 25px}

	
	#bottom {width:100%; background:url('/img/bottom.jpg') 0% 0% repeat-x; height:78px; overflow:visible; clear:both;}
		#bottom_left {width:32%; padding:10px 30px 0px 0px; float:left; }
			#bottom_left p {padding-left:25px;color:#fff; font-size:0.9em;}
		#bottom_right {width:60%; float:left; color:#fff; font-size:0.9em; padding-top:10px;}
	
/*about*/
	#about {width:100%; clear:both; overflow:auto;}
		#about_left {width:32%; padding-right:30px; float:left; /*margin-top:30px*/}
			#logo_ab {margin:20px 0px 0px 20px; background:url('/img/logo.jpg') 0% 0% no-repeat; height:86px; width:270px;}
				 .empty_gif {width:90px; float:left;}
				 .link_logo {width:170px; float:right; text-align:right; padding-top:3px;}
			#menu_ab {margin:0px 0px;}
	#about_right {width:60%; float:left; background:url('/img/about.jpg') 100% 0% no-repeat; max-width:850px; height:261px;}

	#content_ab {width:100%; clear:both; padding-top:20px; overflow:auto;}
		#content_ab_left {width:32%; padding-right:30px; float:left; margin-top:30px}
			#content_ab_left_marina {width:130px; /*width:45%;*/ float:left; margin-left:20px;}
			#content_ab_left_sotr {width:45%; float:left; padding:50px 0px 0px 10px;}
		#content_ab_right {width:45%; float:left;}
	#content_ab2 {width:100%; clear:both; overflow:auto;}


	
	#strelochka {width:100%; clear:both; overflow:auto; background:url('/img/podlozhka_str.jpg') 100% 0% no-repeat; height:210px;}
		#strelochka_left {width:32%; float:left; padding-left:30px; height:210px;}
			#strelochka_left p {padding-left:25px;}
		#strelochka_right {width:60%; float:left; background:url('/img/strelochka.jpg') 0% 0% no-repeat; height:210px;}
			#rio-2 {width:120px; float:left; padding:40px 0px 0px 100px;}
			#text_rio {width:35%; float:left; margin-top:45px;}

/*sotrudniki*/
	#sotrudniki {width:100%; clear:both; overflow:auto;}
		#sotrudniki_left {width:32%; padding-right:30px; float:left; margin-top:30px;}
			#logo_menu {width:100%; overflow:auto;}	
				#logo_ab {margin:20px 0px 0px 20px;}
				#menu_ab {color:#F5F8F5;}
			#form {width:100%; clear:both; margin-top:50px; overflow:auto;}
				#form_vn {margin-left:30px;}
					.form {width:95%; margin-bottom:7px;}
					.form_text {width:95%; margin-bottom:7px;}

	#sotrudniki_right {width:60%; float:left; margin-top:30px;}
		#big_portret {width:100%; overflow:auto; height:400px;}
			#big_portret_left {width:330px; float:left;}
			#big_portret_right {width:40%; float:left;}
				#big_portret_right h4 {margin-top:50px; line-height:1.2em;}
		#small_portret {width:100%; overflow:auto; margin-top:30px;}
			#small_portret .small_portret {width:90%; border-collapse:collapse;}
				.small_portret .td_1 {width:41px; height:289px;}
				.small_portret .td_2 {width:90%; background:url('/img/podlozhka_sotr.jpg') repeat-x; height:289px;}
					.td_2 .small_bl {width:90px; height:114px; float:left; margin:10px 10px 0px 0px; border:1px solid #B5B4B3;}
						.prozrachnost {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; 
opacity:0.2; padding:5px 0px 0px 5px;}
					.td_2 .small_p {width:90px; height:114px; float:left; margin:15px 15px 0px 0px;}
				.small_portret .td_3 {width:47px; height:289px;}

/*sertificats*/
	#sertificats {width:100%; clear:both; overflow:auto;}
		#sertificats_left {width:32%; padding-right:30px; float:left; margin-top:30px;}
			#sotr {width:100%; margin-top:80px;}

	#sertificats_right {width:60%; float:left; margin-top:30px;}
	.big_sert {width:650px; position:absolute; top:250px;}
		.big_sert2 {width:600px;}

/*articles*/
	#articles {width:100%; clear:both; overflow:auto;}
		#articles_left {width:32%; padding-right:30px; float:left; margin-top:30px}
		#articles_right {width:60%; float:left; margin-top:45px}
	#articles_foto {width:95%; clear:both; text-align:right;}
	.articles_foto1 {width:100%; clear:both; overflow:auto;}
		.smeshenie1 {padding-right:30px; position:relative; z-Index:2}
	.articles_foto2 {width:100%; clear:both; overflow:auto; position:relative; top:-95px;}
		.smeshenie2 {padding-right:127px}
	.articles_foto3 {width:100%; clear:both; overflow:auto; position:relative; top:-190px;}
		.smeshenie3 {padding-right:30px}
	.articles_foto4 {width:100%; clear:both; overflow:auto; position:relative; top:-285px;}
		.smeshenie4 {padding-right:127px}
	.articles_foto5 {width:100%; clear:both; overflow:auto; position:relative; top:-380px;}
		.smeshenie5 {padding-right:30px}
	.articles_foto6 {width:100%; clear:both; overflow:auto; position:relative; top:-475px;}
		.smeshenie6 {padding-right:127px}
	.articles_foto7 {width:100%; clear:both; overflow:auto; position:relative; top:-570px;}
		.smeshenie7 {padding-right:30px}
	
	.art_oglava {width:280px; height:160px; position:absolute; z-Index:999; background:url('/img/shadow.png') 0% 0%;}
		.border_1 {width:277px; height:157px; border:1px solid #D7DDD7; background-color:#fff; overflow:hidden;}
		.border_2 {width:273px; height:153px; border:1px solid #D7DDD7; margin:1px;}
			.border_2 #pic_text {width:270px; height:150px;}
				.pic_text p {padding:20px;}

	#div1.tipc {border:solid 1px #D6D6D6; text-align:left; padding:10px; position:absolute; z-index:999; visibility:hidden; top:20px; left:90px; min-width:12%; background-color:white;}


	#oglava {width:100%; clear:both;}
		#oglava_ico {width:130px; float:left; margin-left:20px;}
		#oglava_text {width:45%; float:left; padding:30px 0px 0px 10px;}


/*base*/		
	#base {width:100%; clear:both; overflow:auto;}
		#base_left {width:32%; padding-right:30px; float:left; margin-top:30px}
			#logo_ab {margin:20px 0px 0px 20px; height:130px;}
			#menu_ab {margin:0px 0px}
	#base_right {width:60%; float:left; background:url('/img/base.jpg') 100% 100% no-repeat; max-width:850px; height:261px;}
		#base_right h2 {padding-top:50px;}
	#oglava {width:100%; height:150px;}
		.ogl {width:160px; height:150px; float:left; text-align:center;}
		.ogl_active {width:160px; height:150px; background-color:#F5F8F5; float:left; text-align:center;}
			.ogl_active p {font-size:0.9em;}
		#oglava img {margin-top:20px;}
	#content_base {width:100%; clear:both; padding-top:20px; overflow:auto; background-color:#F5F8F5;}
		#tb_base {width:950px; font-size:0.9em; border-collapse:collapse; background-color:#F5F8F5; margin-left:30px;}
			#tb_base td {height:40px; padding:0px 10px;}
			.bleden {background-color:#fff;}
			.all_p {text-align:right; padding-right:10px;}
			#tb_base th {font-size:0.8em; text-align:left; padding-left:10px; height:40px;}
			.hoveredTr2 {background-color:#fff;}
			.last {height:10px;}
		.text_base {width:100%; clear:both; overflow:auto; margin:35px 0px 50px 0px;}
			.text_base p {padding-left:35px; line-height:1.8em; width:70%;}
	.base_popup {position:absolute; width:605px; height:492px; top:190px; left:305px; border:1px solid #595959; background-color:#fff; font-size:0.9em;}
		.base_popup p {text-align:right; padding:20px 20px 0px 0px;}
			.base_full {width:505px; border-collapse:collapse; margin:10px 50px 60px 50px;}
				.base_full tr {height:30px;}
				.base_full .td_1 {width:180px; font-size:0.9em;}
				.base_full .td_2 {width:180px;}
				.base_full .td_22 {width:180px; color:#FF9000;}
				.base_full .td_3 {width:145px; text-align:right; vertical-align:top;}
					/*.td_img img {width:120px; height:90px; border:1px solid #919191; margin-bottom:20px}*/
		
/*service*/		
	#service {width:100%; clear:both; overflow:auto;}
		#service_left {width:32%; padding-right:30px; float:left; margin-top:30px}
	#service_right {width:60%; float:left; background:url('/img/service.jpg') 100% 100% no-repeat; max-width:850px; height:370px;}
		#service_right h2 {padding-top:50px; margin-bottom:40px;}
	#service_2 {width:100%; clear:both; overflow:auto; margin-top:30px;}
		#service_left_2 {width:32%; float:left;}
		#service_right_2 {width:50%; float:left; padding-left:30px;}

	#content_serv {width:100%; clear:both; overflow:auto; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; background-color:#F5F8F5; padding-top:20px;}
		.serv {width:31%; float:left; height:220px; padding-left:20px;}
			.serv img {text-align:left;}
		.link {width:239px; text-align:center; margin-top:10px;}
	#serv_text {width:100%; clear:both; overflow:auto; margin:10px 0px 50px 0px;}
		#serv_text_left {width:32%; float:left; padding-right:30px;}
			#serv_text_left img {margin-left:20px;}
			.img_serv {width:237px; text-align:center; margin-left:20px;}
		#serv_text_right {width:57%; float:left;}

/*otzyvy*/		
	#otzyvy {width:100%; clear:both; overflow:auto;}
	#otzyvy_left {width:32%; padding-right:30px; float:left; margin-top:30px}
	#otzyvy_right {width:59%; float:left; background:url('/img/otzyvy.jpg') 0% 100% no-repeat; max-width:850px; height:340px; margin-left:50px;}
		#otzyvy_right h2 {padding-top:50px; margin-bottom:40px;}

	#otzyvy_text {width:100%; clear:both; overflow:auto; margin:10px 0px 50px 0px;}
		#otzyvy_text_left {width:32%; float:left;}
			#otzyvy_form {margin-left:30px;}
			#otzyvy_text_left h4 {line-height:1.2em; margin-bottom:10px;}
		#otzyvy_text_right {width:57%; float:left; margin-top:20px;margin-left:50px;}
		.otzyv {width:100%;}
			.otzyv th {font-weight:500; color:#A9A9A9; padding:10px 30px 0px 0px;}

/*zagorod*/			
	#zagorod_text {width:100%; clear:both; overflow:auto; margin:10px 0px 50px 0px;}
		#zagorod_text_left {width:32%; float:left;}
		#zagorod_text_right {width:57%; float:left; margin-top:20px;margin-left:80px;}
			#zagorod_text_right p {margin-right:200px;}


			
/*coord*/
	#coord {width:100%; clear:both; overflow:auto;}
	#coord_left {width:32%; padding-right:30px; float:left; margin-top:30px}
		#coord_otzyv_form {clear:both; overflow:auto; border:1px solid green;}
	#coord_right {width:59%; float:left; background:url('/img/coord.jpg') 0% 20% no-repeat; max-width:850px; height:800px; margin:50px 0px 0px 50px;}
		#coord_text {width:100%; padding-top:430px;}
			#coord_text .left {margin-left:10px;}
			.tb_coord {width:80%;}
			.tb_coord .td_1 {width:19%; font-weight:600; padding-bottom:20px;}
			.tb_coord .td_2 {width:80%; padding-bottom:20px;}


	#kipr_right {width:59%; float:left; background:url('/img/kipr.jpg') 0% 100% no-repeat; max-width:850px; height:340px; margin-left:50px;}
		#kipr_right h2 {padding-top:50px; margin-bottom:40px;}

	#finl_right {width:59%; float:left; background:url('/img/finl.jpg') 0% 100% no-repeat; max-width:850px; height:340px; margin-left:50px;}
		#finl_right h2 {padding-top:50px; margin-bottom:40px;}

	#sosnovyjbor_right {width:59%; float:left; background:url('/img/sosnovyjbor.jpg') 0% 100% no-repeat; max-width:850px; height:340px; margin-left:50px;}
		#sosnovyjbor_right h2 {padding-top:50px; margin-bottom:40px;}

		
/*all*/			
h1 {font-size:1.9em; color:#FF9000; margin-bottom:10px; font-weight:500; line-height:1em;}
h2 {font-size:1.8em; color:#FF9000; margin-bottom:8px; font-weight:500; line-height:1em;}
h3 {font-size:1.6em; color:#FF9000; margin-bottom:6px; font-weight:500; line-height:1em;}
h4 {font-size:1.3em; color:#FF9000; margin-bottom:4px; font-weight:500; line-height:1em;}
h5 {font-size:1.2em; color:#FF9000; margin-bottom:2px; font-weight:500; line-height:1em;}
h6 {font-size:1em; color:#FF9000; margin-bottom:2px; font-weight:500; line-height:1em;}

ul, ol {margin:10px 0px 10px 30px}

.white, sup {color:#fff;}
.green {color:#6F7C29;}

a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {color:#FF6600; text-decoration:underline; line-height:1.6em;}
a:link, a:visited, a:hover, a:active {color:#FF9000; text-decoration:underline;}
a.logo:link, a.logo:visited, a.logo:hover, a.logo:active {color:#FF9000; text-decoration:none;}
a.ind:link, a.ind:visited, a.ind:hover, a.ind:active {color:#fff; text-decoration:none;}
a.prodv:link, a.prodv:visited, a.prodv:hover, a.prodv:active {color:#535353; text-decoration:none;}

	.empty {width:100%; clear:both; height:30px;}
	.empty_50 {width:100%; clear:both; height:60px;}
	.empty_80 {width:100%; clear:both; height:80px;}
	.empty_150 {width:100%; clear:both; height:150px;}

small {font-size:0.8em;}