/* ——————————————————————————————————————————
File: styles.css
Site: MetallProfile [http://www.metallprofil.by]
Coder: Max P.
Author: Astronim* [www.astronim.com]
Version: 06 Aug 2007
# Browsers: IE 6, IE 7, FF 2.0, Opera 9
————————————————————————————————————————— */

h1 { padding:0; margin:0; font:24px Arial, Helvetica, sans-serif; color:#FFF; }
h2 { padding:0 0 0 0px; margin:25px 0 13px 0; font:18px Arial, Helvetica, sans-serif; color:#FFF;}
h2.razdel { margin-top:0; margin-bottom: 0;}
.object h2.razdel{
	padding-left: 30px;
	background: url(../i/h3-bullet.gif) left 7px no-repeat;
	padding-bottom: 12px;
}
html>body .object h2.razdel{
	margin-top: 17px;
}
input { padding:0; margin:0; font:11px Arial, Helvetica, sans-serif; color:#818181; }
a img { border:0; }
.clear { clear:both; }

HTML, BODY { padding:0; margin:0; background:#1076be url(../i/bg.gif) 0 0 repeat-x; color:#FFF; font:12px Arial, Helvetica, sans-serif; }

#outer { width:984px; margin:0 auto; }

	#top { padding-bottom:35px; 
	}
	#top_internal { padding-bottom:0; }
		.top_col { float:left; width:480px; }
		DIV:not([dummy]).top_col{
			overflow: hidden;
		}
		* html .top_col {
			overflow: visible;
		}
		#top .top_col{
		}
		#header { padding:20px 0 57px 31px; color:#20a4da; font-size:13px; height:110px; position: relative;}
		#header a { color:#20a4da; text-decoration:underline; position:absolute; z-index:1; }
		#header a:	 { color:#f0e512; text-decoration:none; }
			#spot { width:392px; height:187px; position:absolute; /* margin-left:110px; */  margin-left: -70px; }
			#logo { margin:27px 0 0 31px; position:absolute; /* left:156px; */ left: 0;}
			#top_internal #logo { /* left:125px; */ left: -39px; }
			#phones {  position:absolute; top:45px; left: 315px; width: 120px; text-align: right;}
				#phones h3 { color: #45b8e7; font-size: 11px; margin-bottom: 7px;}
					#phones h3 span { font-size: 17px; font-weight: normal; display: block; line-height: 12px;  }
					#phones p { color: #f0e512;  font-size: 12px; line-height: 13px; }
					
		#menus { padding:0 38px 0 22px; position: relative; z-index: 1;zoom: 1;
		}
			#menu_main { float:left; width:152px; padding-right:40px; 
				position: relative;
				z-index: 10;
				margin-bottom: 20px;
			}
				#menu_main a { display:block; padding:5px 0 4px 10px; color:#FFF; text-decoration:underline; font-size:13px; margin-right:12px; }
					#menu_main .m-item{
						position: relative;
						zoom: 1;
					}
					#menu_main .dropdown { 
						position:absolute; 
						display: none;
						left: 100%;
						top: 0px;
						overflow: hidden;
						visibility: visible;
						margin-left:-12px;
					}
					#menu_main .dropdown A{
						white-space: nowrap;
					}
					#menu_main .wrap .dropdown A{
						white-space: normal !important;
					}
					#menu_main .over { z-index:100; }		
					#menu_main .over .dropdown{
						display: block;
					}
					#menu_main .over .dropdown a { display:block; margin-bottom:6px; padding:0 0 0 18px; color:#FFF; text-decoration:underline; font-size:14px; background:url(../i/sub_menu_bg.gif) 0 4px no-repeat; }
					#menu_main .over .dropdown a:hover {  } 
					#menu_main .mov-item{
						position:absolute; 
						background:#20a4da; 
						padding:15px 20px 10px 12px; 
						width: auto;
						left: 0; 
						top: 0;
					}
					#menu_main .initializing .dropdown{
						display: block;
						visibility: hidden;
					}
				#menu_main .over a { text-decoration:none; color:#0d357f; background:url(../i/menu_main_bg.gif) right 0 no-repeat; }
				#menu_main .here a{ background:url(../i/menu_main_here.gif) right 0 no-repeat; color:#0d357f; text-decoration:none; margin-right:0; }
				#left_col #menu_main .here .dropdown {
					display: block;
					position: static;
					
				}
				#left_col #menu_main .here .mov-item{
					position: static;
					background:none;
					zoom:1;
				}
				#left_col #menu_main .here .mov-item a {
					background:none;
					font-size:12px;
					color:#FFF;
					text-decoration:underline;
					background:url(../i/sub_menu_bg.gif) 20px 4px no-repeat;
					margin-bottom:6px; 
					padding:0 0 0 48px; 
				}
				#menu_main .dropdown A:hover{
					color: #f0e512; 
					text-decoration: none;
				}

			#sub_menu { float:left; width:238px; padding-top:5px; 
					margin-left: -27px;
					position: relative;
					left: 29px;
			}
			.second #sub_menu{
				position: static;
			}
				#sub_menu a { display:block; margin-bottom:6px; padding-left:28px; color:#FFF; text-decoration:underline; font-size:16px; background:url(../i/sub_menu_bg.gif) 0 6px no-repeat; zoom: 1;
				}
				#sub_menu a:hover { color:#f0e512; text-decoration:none; 
				}
			
				
		#navigation { height:45px; padding-top:20px; text-align:right; font-size:1px; }
			a#search_btn { width:11px; height:11px; background:url(../i/search.gif) 0 0 no-repeat; float:right; margin:4px 23px 0 10px; }
			a#search_btn:hover { background:url(../i/search.gif) 0 -11px no-repeat; }
			a#nav_email { width:12px; height:8px; background:url(../i/nav_email.gif) 0 0 no-repeat; float:right; margin:5px 5px 0 18px; }
			a#nav_email:hover { background:url(../i/nav_email.gif) 0 -8px no-repeat; }
			a#nav_sitemap { width:11px; height:9px; background:url(../i/nav_sitemap.gif) 0 0 no-repeat; float:right; margin:4px 5px 0 18px; }
			a#nav_sitemap:hover { background:url(../i/nav_sitemap.gif) 0 -9px no-repeat; }
			
		img#yellow_corner { float:left; }
		img#blue_corner { float:right; margin-right:6px; }
		#yellow { margin-left:46px; background:#f0e512; height:34px; text-align:center; color:#0d367f; font:24px Arial, Helvetica, sans-serif; padding-top:12px; margin-right:6px; }
		#image, .screen{ font-size:1px; width: 474px; height: 240px; overflow: hidden; position: relative;

		}
		
		#image IMG
		.screen IMG{
			display: block;/* IE */
		}
		.screen {
		
		}
		#image #move-holder,
		.object .move-holder{
			position: absolute;
			height: 720px;
			left: 0;
			top: -240px;
		}
		/*
		#image #image-container,
		.object .image-container{
			position: absolute;
			left: -2000px;
			top: 0;
		}
		*/
		#image .move-item,
		.object .move-item{
			position:absolute;
			height: 240px;
			width: 474px;
			left: 0;
			overflow: hidden;
			background: #FFF;
		}
		#image .image-item{
		}

		#blue { margin-right:52px; background:#20a4da; height:34px; padding-left:18px; color:#FFF; font:18px Arial, Helvetica, sans-serif; padding-top:12px; }
		#blue_mit_h1 { margin-right:52px; background:#20a4da; height:34px; padding-left:18px; color:#FFF; font:18px Arial, Helvetica, sans-serif; padding-top:12px; padding-left:93px; }
			.small { font-size:11px; margin-left:10px; }
			
		#small_images ,
		.small_images { 
			margin-bottom:18px; 
			width: 485px;
		}
			
			
			#small_images .small-item .imageH2,
			.small_images .small-item .imageH2 {
				width: 60px;
				height: 60px;
				overflow: hidden;
				position: relative;
				z-index: 1;
			}
			
			#small_images .small-item,
			.small_images .small-item{
				float: left;
				background:#20a4da; 
				margin-right:9px;	
				cursor: pointer;
				cursor: hand;
				position: relative;
				width: 60px;
				height: 70px;
				overflow: hidden;
				margin-top:10px; 
			}
			.small_images DIV.small-item{
				width: 60px;
				height: 70px;
				overflow: hidden;
			}
			#small_images .yellow,
			.small_images .yellow{
				height: 10px;
				background: #F7F700;
				position: absolute;
				top: 50px;
				left: 0;
				width: 100%;
			}
			.small_images .yellow{
				
			}
			#small_images A,
			.small_images A{
				display: block;
				position: relative;
				z-index: 1;
			}
			#small_images a { }
			#small_images a:hover,
			.small_images a:hover { background:#f0e512; }
			#small_images IMG,
			.small_images IMG{
				display: block;/* IE */
			}
			#small_images .title, 
			#small_images .city,
			.small_images .title, 
			.small_images .city{
				display: none;
			}
			a.more { margin-left:10px; margin-top:57px; padding:0 18px 0 0; background:url(../i/sub_menu_bg.gif) right 4px no-repeat !important; color:#20a4da; text-decoration:underline; float:left; }
			a:hover.more { color:#f0e512; text-decoration:none; padding-top:1px; }
	#bottom { padding-bottom:59px; 
	
	}
	#console{
		width: 300px;
		height: 500px;
		background-color: #FFF;
		border: solid 1px #AAA;
		color: #333;
		font: 13px Arial;
		position: absolute;
		right: 0;
		top: 0;
		overflow: auto;

		display: none;    

	}
	
	#banners { padding:41px 0 0 33px; }
			#banners div { margin:0 10px 13px 0; float:left; }
			
		.news_col { width:46%; padding:0 3% 0 0;float:left; margin-top:19px; 
			min-height: 93px;
		}
		* html .news_col {
			height: 93px;
		}
			.date { font:11px Arial, Helvetica, sans-serif; color:#20a4da; padding-bottom:6px;  }
			.news_col a { color:#FFF; text-decoration:none; }
			.news_col a:hover { text-decoration:underline; }
		
		#archive { margin-top:12px; font:13px Arial, Helvetica, sans-serif; color:#5ac0ea; }
			#archive a { color:#5ac0ea; text-decoration:underline; margin-right:6px; }
			#archive a:hover { text-decoration:none; color: #f0e512; }

	#mainBody { margin:13px 30px 0 33px; }
			
	#bottom { /*margin-bottom:59px;*/ padding-top:30px; display:block; }
	#bottom_internal { margin-bottom:59px; display:block; padding-left:180px; position:absolute; margin-top:-68px; }
		#btm_left { float:left; width:160px; font:11px Arial, Helvetica, sans-serif; padding-left:34px; 
			/* padding-top: 12px; */
		}
			#btm_left input { margin:0 6px 3px 0; vertical-align:middle; width:120px; }
			#btm_left a { color:#5dc3ec; text-decoration:underline; }
			#btm_left a:hover { text-decoration:none; color:#f0e512; }
			a#enter { font:16px Arial, Helvetica, sans-serif; color:#FFF; padding-top:6px; display:block; float:left; }
			a#enter:hover { color:#f0e512; }
		#btm_center { float:left; width:562px; overflow:auto; zoom:1; padding-left:21px; }
			#btm_center img { float:left; margin-right:10px; margin-bottom:6px; }
			#btm_center a { text-decoration:underline; color:#5ac0ea; }
			#btm_center a:hover { text-decoration:none; color:#f0e512; }
			#copy, #something { font:13px Arial, Helvetica, sans-serif; color:#FFF; margin-top:18px; padding-bottom:18px; margin-left:13px ;
				padding-top: 12px;
			}
			#something{ padding:0 70px 35px 12px; margin-left:13px; margin-top:0px; }

		#btm_right { float:left; width:189px; font:12px Arial, Helvetica, sans-serif; }
			#btm_right img { float:left; margin-right:10px; }
			#btm_right a { color:#00a8b5; text-decoration:none; }
			#btm_right a:hover { text-decoration:underline; color:#f0e512; }
			
/* CONTENT */

		#content { padding:0 30px 0 22px; }
			
			#left_col { width:200px; float:left; position:relative; padding-right:21px;z-index: 4; }
				#left_col #menu_main { width:100% !important; padding-right:0 !important; }
					#left_col .here .mov-item { padding:8px 0 0 14px; }
					#left_col .here .mov-item a { white-space:normal !important; padding-right:14px; cursor:pointer !important; }
					#left_col .here .mov-item a:hover { color:#f0e512 !important; text-decoration:none !important; }
					#left_col .here .mov-item a.here { color:#f0e512 !important; text-decoration:none !important; cursor:default !important }
					#left_col .here .mov-item a.here:hover { color:#f0e512 !important; text-decoration:none !important; }
				#left_col #sub_menu { background:#20a4da; margin:2px 0 13px 0; left: 0; width:100% !important; }
					#left_col #sub_menu a { font-size:13px !important; }
				#left_col #sub_menu_pad { padding:15px 20px; }
				#left_col #banners { padding:0 0 20px 0 !important; }
					#left_col #banners div { margin:0 0 13px 0; }
				#left_col #btm_left { padding-left:0; }
			
			#right_col { overflow:auto; position:relative; font-size:14px; padding-bottom:108px; }	
				#right_col a { color:#fff; text-decoration:underline; }
				#right_col a:hover { color:#f0e512; text-decoration:none; }
				.object { padding-left:18px; 
				}
				@media screen and (min-width:0){ #small_images { height:70px; } }
					.materials { float:right; width:200px; padding-left:12px; }
						.materials div { font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:10px; }
						.materials a { color:#FFF; text-decoration:underline; font:14px Arial, Helvetica, sans-serif; padding-top:6px; display:block; }
						.materials a:hover { text-decoration:none; }
				#print { width:100%; margin-top:20px; }
					#print #blue { font:13px Arial, Helvetica, sans-serif; padding-top:14px; height:32px; }
						#print #blue a { color:#FFF; text-decoration:underline; }
						#print #blue a:hover { text-decoration:none; }
						#print #blue img { margin-right:8px; float:left; margin-top:2px; }
					#print #vverx { float:right; width:160px; }
						#print #vverx img { margin-right:8px; float:left; margin-top:4px; }
						
			#bottom_internal #btm_center { padding-left:36px; width:540px; }
			
			#usual_text { padding-left:27px;
				zoom: 1;
				//padding-left: 24px;

			}
				p.comma { color:#f0e512; font-weight:bold; }
			
			#trail { border-bottom:2px solid #FFF; margin-bottom:13px; padding:0 0 20px 0; /* ïðåäçàãðóçêà */ background:url(../i/menu_main_bg_two.gif) right 1000 no-repeat; }
				#trail #menu_main { width:200px; padding-right:30px; }
				
				#trail #sub_menu { margin-right:20px; margin-top:-4px; /* ïðåäçàãðóçêà */ background:url(../i/menu_main_bg_two.gif) right 1000 no-repeat; }
				#trail #sub_menu a { display:block; margin-bottom:0; color:#FFF; text-decoration:underline; background:url(../i/sub_menu_bg.gif) 10px 10px no-repeat; font-size:13px; padding:5px 15px 4px 33px; }
				#trail #sub_menu a.here { cursor:default; text-decoration:none; color:#0d357f; background:url(../i/menu_main_here.gif) right 0 no-repeat; }
				#trail #sub_menu a.here:hover { text-decoration:none; color:#0d357f; background:url(../i/menu_main_here.gif) right 0 no-repeat; }
				#trail #sub_menu a.two:hover { background:url(../i/menu_main_bg_two.gif) right 0 no-repeat; list-style:none; }
				#trail #sub_menu a.two_here { background:url(../i/menu_main_here_two.gif) right 0 no-repeat !important; list-style:none; }
				#trail #sub_menu a:hover { text-decoration:none; color:#0d357f; background:url(../i/menu_main_bg2.gif) right 0 no-repeat; }
				
				#trail #sub_sub_menu { font-weight:bold; float:left; width:454px;  
					zoom: 1;
				}
					#trail #sub_sub_menu a { display:block; margin-bottom:0; color:#FFF; text-decoration:underline; background:url(../i/sub_menu_hover_bg.gif) 0 10px no-repeat; font-size:14px; padding:5px 0 4px 23px; }
					#trail #sub_sub_menu a.here { cursor:default; text-decoration:none; color:#f0e512; background:url(../i/sub_menu_bg.gif) 0 10px no-repeat; }
					#trail #sub_sub_menu a.here:hover { text-decoration:none; color:#f0e512; }
					#trail #sub_sub_menu a:hover { text-decoration:none; color:#f0e512; background:url(../i/sub_menu_bg.gif) 0 10px no-repeat; }
					

.tbl { border-bottom:2px solid #FFF; margin:0 0px; }
	.tbl td { vertical-align:top; padding:4px 11px 0 11px; height:24px; }
	.tbl tr.zebra td { background:#20a4da; color:#FFF; }
	.tbl td.theader { font-weight:bold; color:#FFF; border-bottom:2px solid #FFF; height:26px; }
	.tbl .last TD{
		padding-bottom: 5px;
	}

	a.button { background:url(../i/menu_main_bg2.gif) right 0 no-repeat; color:#f0e512 !important; font-weight:bold; padding:4px 23px 4px 13px !important; text-decoration:none !important; display:block; height:20px; margin:0 6px 0 0; cursor: pointer; }
	a.button:hover { color:#0d357f !important; background:url(../i/menu_main_here.gif) right 0 no-repeat; }

.star { color:#f0e512; }
* html #usual_text{
	padding-top: 10px;
}
#usual_text H2{
	font: normal 25px Arial;
	color: #FFF;
	padding-left: 30px;
	background: url(../i/h2-bullet.gif) left 9px no-repeat;
	margin-bottom: 5px;
}
#usual_text H2.header{
	margin: 0;
	padding-bottom: 5px;
}
#usual_text H3{
	color: #f0e512;
	font: normal 18px Arial;
	padding-left: 30px;
	background: url(../i/h3-bullet.gif) left 7px no-repeat;
}
#usual_text H4{
	color: #f0e512;
	font: normal 16px Arial;
	padding-left: 30px;
	background: url(../i/h3-bullet.gif) left 6px no-repeat;
}
#usual_text H5{
	color: #f0e512;
	font: normal 15px Arial;
	padding-left: 30px;
	background: url(../i/h3-bullet.gif) left 4px no-repeat;
}
#usual_text H6{

	color: #f0e512;
	font: normal 13px Arial;
	padding-left: 30px;
	background: url(../i/h3-bullet.gif) left 3px no-repeat;

}
#usual_text P,
#usual_text DIV{
	margin-top:10px;
}
#usual_text LI P,
#usual_text LI DIV{
	margin: 0;
}
#usual_text UL{
	margin: 0;
	list-style: none;
	padding: 4px 0 3px 30px;
}
#usual_text UL LI{
	padding: 0 0 7px 26px;
	background: url(../i/ul-bullet.gif) left 4px no-repeat;
}
#usual_text UL UL{
	padding-left: 15px;
}
#usual_text A{
	color: #f0e512;
}

a.here {cursor:default}

#usual_text .news a, #usual_text .news_img a{
	color:#FFF; text-decoration:none;
}
#usual_text .news a:hover, #usual_text .news_img a:hover {
	color:#FFF;
	text-decoration:underline;
}
#usual_text .nopr a{
	color: #5ac0ea;
}
#usual_text .nopr a:hover{
	color: #f0e512;
	text-decoration: none;
}
#usual_text OL{
	padding: 7px 0 5px 50px;
	margin: 0;
}
#usual_text OL LI{
	padding-left: 6px;
	padding-bottom: 7px;
}

.news, .news_img { position:relative; margin:0 0 -10px 60px !important;  padding: 0; }
.news.expand {margin:0 0 -10px 0px !important; }
.news .text, .news_img .text {position:relative; top: -12px; }

.news_img { position:relative;  margin:0 0 0 60px; zoom: 1; min-height: 60px;  }
* html .news_img { height: 80px; }
.news_img .img { position:absolute; left: -60px; top: -6px; height: 50px; width: 50px; overflow: hidden;}
* html .news_img .img { top: 4px;}
.news a {padding: 0 !important;  margin: 0 !important; }

.answer {display:none;}
.answer p {margin:0; padding:0;}
a.que { border-bottom:1px dashed; text-decoration:none !important; cursor:pointer;}

#faq li {margin-bottom:0.75em; }
#faq li div.answer {padding:0.50em 0 0.25em 0; }
#faq li ul li{margin:0; padding: 0 0 7px 26px; }

.serv { margin-top:22px; font:13px Arial, Helvetica, sans-serif; color:#5ac0ea !important}
	.serv a { color:#5ac0ea !important; text-decoration:underline; margin-right:6px; }
	.serv a:hover { text-decoration:none; color:#f0e512 !important; }


#sitemap ul li a { color:#ffffff }
#sitemap ul li ul li a { color:#f0e512 }
#sitemap ul li ul li ul li a { color:#ffffff }
#sitemap ul li ul li ul li ul li a { color:#ffffff }

#sitemap ul li { 
	color: #fff;
	font: normal 24px Arial; 
	padding-left: 30px;
	background: url(../i/h2-bullet.gif) left 9px no-repeat;
}

#sitemap ul li ul li { 
	color: #f0e512; 
	font: normal 18px Arial;
	background: url(../i/h3-bullet.gif) left 7px no-repeat;
}
#sitemap ul li ul li ul li {
	color: #fff;
	font: normal 16px Arial;
	background: url(../i/ul-bullet.gif) left 6px no-repeat;
}
#sitemap ul li ul li ul li ul li { 
	color: #fff;
	font: normal 12px Arial; 
	background: url(../i/ul-bullet.gif) left 4px no-repeat;
}

#forms {margin:0 !important;}
.form { width:490px; position: relative; }
.form input.input { width: 290px; position: relative; }
.form .textarea { float: right; width: 480px !important; height: 50px;}
.form div.star { float:left; }
.form td { text-align:left; vertical-align:top; padding-bottom:10px;}
.form div { margin:0 !important; padding:0 !important;  }
.form .lefttd { width:200px; }
.form .righttd { text-align: right; }

.counter { display: none; }