@charset "windows-1251";
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,cyrillic);
html { height: 100%; }

body 
    {	width: 100%; height: 100%; min-height:100%;
    margin: 0px;
    padding: 0px;
	min-width:1005px;
	background:#FFF url("/images/hfon1n.jpg") top center no-repeat; }

div, span, p, td, a { 	font: 16px/18px Arial, sans-serif;
					font-family: 'Didact Gothic', sans-serif; }

.fLeft { float:left; }
.fRight { float:right; }
.clear { display:block; clear:both; }
.clearS { display:block; clear:both; height:1px; font-size:1px; margin:0px; padding:0px; }
.clearF { display:block; clear:both; background: #F4EDE2; width:211px; height:5px; font-size:1px; margin:0px; padding:0px; }
.clear10 { display:block; clear:both; height:10px; }
.clear30 { display:block; clear:both; height:30px; }
.clearSdottedH { display:block; clear:both; height:15px; margin:0 0 15px 0; border-bottom:1px #999 dotted; }

#logotype { position:absolute; top:10px; left:0px; width:147px; height:55px; z-index:15; }

a { font-size:12px; color:#294A81; text-decoration:underline; position:relative; z-index:99; }
a:hover { font-size:12px; color:#EB7C01; text-decoration:underline; position:relative; z-index:99; }

a.topLink { font-size:15px; color:#C02A6F; float:left; text-decoration:none; padding:0px; margin:0 15px 0 0; font-weight:bold; }
a.topLink:hover { font-size:15px; color:#C02A6F; float:left; text-decoration:underline; padding:0px; margin:0 15px 0 0; font-weight:bold; }

#main { 	min-height:100%;
		height:100%;
		position:relative;
		width:100%;
		margin:0 auto -95px auto; }
		
html>body #main  { height:auto; }

/*------------------ Шапка --------------------*/

#header{ 	position:absolute;
			top:0px;
			left:50%;
			width:1005px;
			height:172px;
			overflow:hidden;
			z-index:999;
			margin:0 auto 0 -502px;
			border:0px #FF0000 dotted; }
			
	#logotype { position:absolute;
				display:block;
				width:300px;
				height:80px;
				top:5px;
				left:5px; }

						
					.phones {	width:267px;
								height:67px;
								top:21px;
								right:5px;
								position:absolute;
								font-size:30px;
								text-shadow: 1px 0px 0px #E2BE7A;
								line-height:29px;
								color:#231f20;
								margin:0px;
								padding:0px; }
								
					.links {	width:132px;
							height:50px;
							top:29px;
							left:450px;
							position:absolute;
							font-size:16px;
							line-height:14px;
							color:#204ba3;
							margin:0px;
							padding:0px; }
						
						.links a { 	font-size:16px;
									color:#204ba3;
									text-decoration:underline;	}
									
						.links a:hover { text-decoration:none;
										color:#204ba3; }
						
						.links .popuplinks { color:#000;
											display:block;
											font-size:16px;
											text-decoration:none;
											border-bottom:1px #000 dotted;
											margin:0 0 10px 0; }
									
						.links .popuplinks:hover	{ 	text-decoration:none;
													color:#000;}	
#topmenu2 {	display:none; }				
#topmenu {	background:#4D494A;
			width:100%;
			height:65px;
			display:block;
			position:absolute;
			top:105px;
			left:0px;
			z-index:99999 !important; }
				
#topmenu .menu { width:1000px;
				margin:auto;
				padding:21px 0 0 0;
				border:0px #f00 dotted;
				display:block; }
				
	#topmenu .menu li { list-style:none; float:left; position:relative; height:55px; }
	
		#topmenu .menu li a { 	display:block;
							border-bottom:1px #FFF dotted;
							padding:0 0 5px 0;
							text-decoration:none;
							margin:0 35px 0 0;
							font-size:21px;
							z-index:9999 !important;
							cursor:pointer;
							color:#FFF; }
							
		#topmenu .menu li a:hover  { color:#DA9C17;
								border-bottom:1px #DA9C17 dotted; }
				

		.mmenuicon { display:none; }		
		
		#topmenu .menu li ul { display:none; }
		#topmenu .menu li:hover ul { 	display:block;
									position:absolute;
									left:0px;
									width:300px;
									top:41px;
									padding:15px;
									background:#4d494a; }
		
		#topmenu .menu li li { list-style:none; position:relative; height:35px !important; }
			#topmenu .menu li li a { font-size:18px; }
			
#catUpper {  width:100%;
			background:#EDEDED;
			padding:10px 0;
			text-align:center; }

	#catUpper ul { 	text-align:center;
					width:1000px;
					margin:auto;
					padding:0px !important; }
	
	#catUpper li {	list-style:none;
					float:left;
					padding:none !important; }
			
	#catUpper li a { 	width:214px;
					float:left;
					margin:10px 18px;
					padding:230px 0 0 0;
					height:100px;
					font-size:18px;
					text-decoration:none;
					color:#000;
					text-align:center;
					display:block; }
					
	#catUpper li a:hover { text-decoration:underline; }
	
	.item-126 a { background: url("/images/metall_icon_n.png") top center no-repeat; }
	.item-127 a { background: url("/images/molnii_icon_n.png") top center no-repeat; }
	.item-128 a { background: url("/images/provol_icon_n.png") top center no-repeat; }
	.item-129 a { background: url("/images/fix_icon_n.png") top center no-repeat; }


.innercat { 	text-align:center;
			width:1000px;
			margin:auto;
			clear:both;
			overflow:auto;
			padding:0px !important; }
	
	.innercat li {	list-style:none;
					float:left;
					padding:none !important; }
			
	.innercat li a { 	width:134px;
						float:left;
						margin:10px 18px;
						padding:150px 0 0 0;
						height:70px;
						font-size:14px;
						line-height:14px;
						text-decoration:none;
						background-size:100%;
						color:#000;
						text-align:center;
						display:block; }
					
	.innercat li a:hover { text-decoration:underline; }
	
	.item-135 a { background: url("/images/ipicnav1.jpg") top center no-repeat; }
	.item-136 a { background: url("/images/ipicnav2.jpg") top center no-repeat; }
	.item-137 a { background: url("/images/ipicnav3.jpg") top center no-repeat; }
	.item-138 a { background: url("/images/ipicnav4.jpg") top center no-repeat; }
	.item-139 a { background: url("/images/ipicnav5.jpg") top center no-repeat; }
	
	.item-140 a { background: url("/images/metall_icon_n.png") top center no-repeat; }
	.item-141 a { background: url("/images/ipicnav6.jpg") top center no-repeat; }
	.item-142 a { background: url("/images/ipicnav7.jpg") top center no-repeat; }
	.item-143 a { background: url("/images/ipicnav8.jpg") top center no-repeat; }
	
	.item-144 a { background: url("/images/ipicnav9.jpg") top center no-repeat; }
	.item-145 a { background: url("/images/ipicnav10.jpg") top center no-repeat; }
	.item-146 a { background: url("/images/ipicnav11.jpg") top center no-repeat; }
	.item-147 a { background: url("/images/ipicnav12.jpg") top center no-repeat; }
	.item-148 a { background: url("/images/ipicnav13.jpg") top center no-repeat; }
	.item-149 a { background: url("/images/ipicnav14.jpg") top center no-repeat; }
	.item-150 a { background: url("/images/ipicnav15.jpg") top center no-repeat; }
	.item-151 a { background: url("/images/ipicnav16.jpg") top center no-repeat; }
	.item-152 a { background: url("/images/ipicnav17.jpg") top center no-repeat; }
	
	
/*------------------ Новостная лента --------------------*/

.newstitle {
	font-size:14;
	color:#9697f7;
	display:block;
	padding:0 25px 0 0;
	text-align:right;
	text-transform:uppercase;
	font-weight:normal;
	margin:21px 0 25px 0;
}

.news_box em { font-size:10px;
			   color:#CCCCCC;
			   padding:0 15px;
			   font-style:normal;
			   display:block; }
.news_box a {
	color:#fdbe00;
	display:block;
	text-decoration:none;
	padding:0 15px;
	text-transform:uppercase;
	font-size:12px; }
	
.news_box a:hover { color:#9697f7; }
	
.news_box p {
	color:#dfe8e0;
	text-align:justify;
	display:block;
	padding:0 15px 21px 15px;
	margin:0px;
	text-transform:none;
}


/*------------------ Подвал --------------------*/

#footer { 	width:949px;
			clear:both;
			height:95px;
			border:0px #ff0000 dotted;
			margin:auto; position:relative;
			background: url("/images/hline.jpg") top center no-repeat; }
			

	#mycopy {	display:block;
				position:absolute;
				bottom:15px;
				right:25px;
				width:103px;
				height:63px;
				background: url("/images/sem.png") no-repeat; }
			
	#copy { display:block;
			position:absolute;
			width:215px;
			height:30px;
			bottom:21px;
			color:#595959;
			left:300px; }
	
#count1 { 	position:absolute;
			bottom:7px;
			left:50%;
			margin:0 0 0 -45px;
			width:91px;
			height:33px;
			z-index:3;
			border:0px #ff0000 dotted; }

/*------------------ Настройки контента --------------------*/

#topRasp { display:block; width:100%; height:180px; clear:both; border:0px #ff0000 dotted; }
#bottomRasp { display:block; width:100%; height:100px; clear:both; border:0px #ff0000 dotted; }

#content { 	width:1005px;
			margin:auto;
			text-align:justify; }



	#leftLine { width:275px;
				padding:0px;
				float:left;
				margin:0 25px 0 0;
				font-size:12px;
				color:#FFF; }
	#rightLine { width:613px;
				 float:left;
				 line-height:16px;
				 text-align:justify;
				 color:#525252; }	

				
.pull-left {	float:left;
			border:1px #CCC solid;
			margin:0px 25px 15px 0px; }

.item-title { 	display:block;
				font-size:27px;
				color:#000;
				text-align:center; }			
			

			
#content table { width:100% !important; border-collapse: collapse; margin:auto; }
	#content table td { border: 1px #BCBCBC solid; font-size:12px;  padding:4px; text-align:left; color:#777777; background:#F3F3F3; width:auto !important; }
	#content table th { border: 1px #BCBCBC solid; padding:6px; text-align:left; background:#538463; color:#FFF; }
			
			
			
			
			
			
h2 { font-size:28px;
	text-align:center;
	line-height:28px;
	margin-bottom:35px;
	font-weight:normal;
	color:#000; }
	
h3 { font-size:22px;
	text-align:center;
	line-height:28px;
	margin-bottom:35px;
	font-weight:normal;
	color:#000; }


/*------------------ Хлебные крошки --------------------*/

#br { margin:0 0 -65px 0;
	  color:#ABC1D8;
	  font-size:10px;
	  font-style:italic; }
	  #br span { font-size:10px;
	  			 font-weight:bold;
				 color:#14314D; }
	  
	#br a { color:#ABC1D8;
			font-size:10px;
			font-style:italic; }
			
	#br a:hover { color:#670509; }

/*------------------ Поиск по сайту --------------------*/

.TOPsearch { position:absolute;
		  width:375px;
		  left:299px;
		  top:39px; }

	.TOPsearch label { display:none !important; }
	
	.TOPsearch #mod-search-searchword { width:226px;
									 height:12px;
									 padding:7px 15px;
									 color:#606B79;
									 float:left;
									 margin:0px;
									 font-style:italic;
									 background:#DCE7DE;
									 border:1px #AEAEAE solid;
									 border-right:none;
									 -webkit-border-top-left-radius: 5px;
									 -webkit-border-bottom-left-radius: 5px;
									 -moz-border-radius-topleft: 5px;
									 -moz-border-radius-bottomleft: 5px;
									 border-top-left-radius: 5px;
									 border-bottom-left-radius: 5px; }
									 
	.TOPsearch .button	{ width:78px;
					  height:28px;
					  float:left;
					  border:0px;
					  font-size:1px;
					  color:#7B7B7B;
					  background: url("/images/searchbutton.jpg") no-repeat;
					  cursor:pointer; }


/* -------------------------------------------- Результаты поиска по сайту ------------------------------------------- */


.search { display:block; width:620px !important; margin:35px 0 0 0 !important; position:relative !important; height:auto !important; color:#333333 !important; }

.word { width:275px; }
	.word .button { float:right !important; }
	
.searchintro { width:275px; color:#333333; text-align:left; }
.phrases { display:none; }
.only { display:none; }
.form-limit { display:none; }

.search-results { width:620px; height:auto; color:#333333; }
.result-title { color:#FF0000; font-weight:bold; }
.result-text { padding:0 0 15px 0; text-transform:none !important; }

/* -------------------------------------------- Список блога ------------------------------------------- */

.blog img { border:1px #5B5B5B solid;
			margin:21px 10px 10px 10px !important; }

.blog a.pubSt { display:block;
				   text-decoration:none !important;
				   margin:10px 0;
				   border:2px #919191 dotted;
				   padding:15px; }
				   
.blog a.pubSt:hover {   display:block;
						   text-decoration:none !important;
						   margin:10px 0;
						   border:2px #DCC1A0 dotted;
						   padding:15px; }
						   
.blog a.pubSt:active {   display:block;
						   text-decoration:none !important;
						   margin:10px 0;
						   border:2px #6498C7 dotted !important;
						   padding:15px; }
						   

/* -------------------------------------------- Пагинация ------------------------------------------- */

.pagination li { list-style:none; float:left; background:#7297BC; border:1px #A5BDCF solid; margin:3px !important; padding:0px !important;  }
a.pagenav { display:block; height:21px; padding:3px 12px; text-align:center; color:#FFF; font-size:12px; text-decoration:none; }
span.pagenav { display:block; height:21px; padding:3px 12px; text-align:center; border:1px #F8D67F solid; background:#DCC1A0; color:#FFF; font-size:12px; text-decoration:none; }

.article-info-term { display:none; }

.create { padding:0px;
		  font-size:10px;
		  margin:15px 0 0 0;
		  color:#F0B60D; }
		  

.pagination-start { display:none !important; }
.pagination-prev { display:none !important; }
.pagination-next { display:none !important; }
.pagination-end { display:none !important; }


#intro{
  width:950px;
  margin:155px auto 0 auto !important;
  position:relative;
  height: 450px;
  z-index: 999 !important;
}

.contblock { width: 100%;  }
	.imgMain { 	width:100%;
				height:450px; }

	.pic1 { background:url("/images/pic1.jpg") top center no-repeat; }
	.pic2 { background:url("/images/pic2.jpg") top center no-repeat; }
	.pic3 { background:url("/images/pic3.jpg") top center no-repeat; }
	.pic4 { background:url("/images/pic4.jpg") top right no-repeat; }


	.contblock .mtext {	display:block;
						width:100%;
						height:490px;
						overflow: hidden;
						position: relative;
						text-align: center;	}
						
	.tblock3 .mtext {	height:650px !important; }
	.tblock4 .mtext {	height:450px !important; }
			
		.contblock .mtext span {	display:block;
								width:950px;
								position:relative;
								margin:auto;
								z-index:9999 !important;
								text-align:justify;
								padding:25px;}
			
		.contblock span h1 { 	font-size:36px;
							text-align:center;
							line-height:28px;
							margin-bottom:35px;
							color:#000; }
		.button {	display:block;
					width:200px;
					padding:15px 35px;
					background:#F9AF19;
					border:1px #8C8C8C solid;
					margin:35px auto;
					text-align:center;
					font-size:18px;
					color:#000;
					text-decoration:none; }
		.button:hover {	display:block;
						width:200px;
						padding:15px 35px;
						background:#E49C05;
						border:1px #8C8C8C solid;
						margin:35px auto;
						text-align:center;
						font-size:18px;
						color:#000;
						text-decoration:none; }
						
						
						
	.contblock img.par {	position: absolute;
						width:100%;
						bottom: 0px;
						left: 0px;
						z-index: 1 !important; }


.opinie { width: 100%; }
	.opinie h1 { font-size:36px;
				text-align:center;
				line-height:28px;
				margin-bottom:35px;
				color:#000; }
	
	.opinie ul  {	display:block;
				width:1010px;
				margin:auto; }
				
		.opinie ul li {	display:block;
				width:240px;
				height:260px;
				float:left;
				margin:47px }
			
			.opinie ul li img { width:125px;
					height:125px;
					-webkit-border-radius: 100px;
					-moz-border-radius: 100px;
					border-radius: 100px;
					float:left;
					margin:0 10px 15px 0; }
			
			.opinie ul li strong { 	font-size:20px;
						font-weight:normal;
						line-height:24px;
						padding:0 0 10px 0 !important;
						clear:both; }
			.opinie ul li em { 	font-size:16px;
						line-height:12px;
						color:#CCCCCC;
						font-style:normal; }
			.opinie ul li p { 	display:block;
					clear:both; 
					font-size:14px;
					line-height:14px; }

			
.yellowBlock {	overflow:auto;
				padding:35px;
				clear:both;
				color:#000;
				text-align:center;
				font-size:24px;
				background:#F9AF19; }
				
	.yellowBlock p {	color:#000;
					font-size:24px; }
				
	.yellowBlock strong { font-size:30px;
						line-height:30px; }


.contactsf {	width: 100%; }
	.contactsf h1 { 	font-size:36px;
					text-align:center;
					line-height:28px;
					margin-bottom:35px;
					color:#000; }
					
		.contactsf input[type="text"] {	border:1px #6A7A8D dotted;
										display:block;
										clear:both;
										padding:15px;
										color:#4a4a4a;
										width:430px;
										height:31px;
										margin:21px auto;
										font-size:24px;
										-webkit-border-radius: 10px;
										-moz-border-radius: 10px;
										border-radius: 10px; }
										
		.contactsf input[type="button"] {	border:1px #DB970F dotted;
										background:#F9AF19;
										text-align:center;
										display:block;
										clear:both;
										padding:15px;
										color:#000;
										width:230px;
										height:61px;
										margin:21px auto;
										cursor:pointer;
										font-size:24px;
										-webkit-border-radius: 10px;
										-moz-border-radius: 10px;
										border-radius: 10px; }
										
		.contactsf textarea {	border:1px #6A7A8D dotted;
							display:block;
							clear:both;
							padding:15px;
							color:#4a4a4a;
							width:430px;
							height:100px;
							margin:21px auto;
							font-size:24px;
							-webkit-border-radius: 10px;
							-moz-border-radius: 10px;
							border-radius: 10px; }
		
		#shinobu { display:none; }
		
	.contactsf .textblock {	width:1010px;
							text-align:center;
							margin:55px auto;
							font-size:16px;
							line-height:30px; }
		.contactsf .textblock p { font-size:26px; line-height:30px; }
		.contactsf .textblock a { font-size:26px; }

@media (min-width: 1025px){


#topmenu { 	background:#4D494A;
			width:100%;
			height:65px;
			display:block;
			position:absolute;
			top:105px;
			left:0px;
			z-index:99999 !important; }

}
		
@media (max-width: 1024px){

	body {	width: 100%;
			height: 100%;
			min-height:100%;
			margin: 0px;
			padding: 0px;
			min-width:100%;
			background:#FFF url("/images/hfonm1n.jpg") top center no-repeat; }

	.mmenuicon {	display:block;
				position:absolute;
				width:100%;
				text-align:center;
				font-size:33px;
				text-decoration:none;
				color:#FFF;
				height:47px;
				padding:12px 0 0 0;
				top:7px;
				left:0px;
				background:#4D494A url("/images/menuicon2.jpg") top left no-repeat; }
	.mmenuicon:hover {	display:block;
						position:absolute;
						width:100%;
						text-align:center;
						font-size:33px;
						text-decoration:none;
						color:#FFF;
						height:47px;
						padding:12px 0 0 0;
						top:7px;
						left:0px;
						background:#4D494A url("/images/menuicon2.jpg") top left no-repeat; }
#topmenu {display:none;}
#topmenu2 {	background:#4D494A;
			height:65px;
			display:block;
			position:absolute;
			top:235px;
			width:100%;
			left:0px;
			z-index:99999 !important; }
						
	#topmenu2 .menu { margin:65px 0 0 -40px !important; display:none; }
				
	#topmenu2 .menu li { list-style:none;
					clear:both;
					display:block !important;
					width:100% !important; }
	
		#topmenu2 .menu li a { 	display:block !important;
							border-bottom:none;
							padding:7px 5px;
							text-decoration:none;
							background:#3D3A3C;
							margin:0 0 1px 0;
							font-size:21px;
							color:#FFF; }
							
		#topmenu2 .menu li a:hover  { color:#DA9C17;
								border-bottom:none; }		
			
			
	#header{ 	position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:296px;
				overflow:visible;
				z-index:9999;
				margin:0px; }

	#topRasp { display:block; width:100%; height:311px; clear:both; border:0px #ff0000 dotted; }			

	.innercat {	width:100%; }
	
	.phones {	width:267px;
				height:67px;
				top:114px;
				left:50%;
				position:absolute;
				font-size:30px;
				line-height:29px;
				color:#000 !important;
				text-shadow: none !important;
				margin:0 0 0 -133px;
				padding:0px; }
								
	.links {	width:132px;
			height:50px;
			top:176px;
			left:50%;
			position:absolute;
			font-size:16px;
			line-height:12px;
			color:#204ba3;
			margin:0 0 0 -66px;
			padding:0px; }			
	
	.links .popuplinks { color:#000;
						display:block;
						font-size:16px;
						text-decoration:none;
						border-bottom:1px #000 dotted;
						margin:0 0 4px 0; }
	
	#content { 	width:100%;
				margin:auto;
				text-align:justify; }
		
		#content p { padding:10px 25px; }
	
	#footer { 	width:100%;
				clear:both;
				height:95px;
				border:0px #ff0000 dotted;
				margin:auto; position:relative; }
	
	#catUpper ul { width:500px; margin:auto; }
	
	.par { display:none !important; }
	.contblock .mtext span  { 	width:93%;
							height:auto !important; }
	.contblock .mtext { height:auto !important; }
	
	.opinie ul  {	display:block;
				width:600px;
				margin:auto !important; }
		.opinie ul li {	margin:20px }
		
	.contactsf .textblock {	width:100%; }
	
	.contactsf input[type="text"] {	width:250px; }
	.contactsf textarea { width:250px; }

#content table { width:100% !important; border-collapse: collapse; margin:auto; }
	#content table td { border: 1px #BCBCBC solid; font-size:12px;  padding:1px; text-align:left; color:#777777; background:#F3F3F3; width:auto !important; }
	#content table th { border: 1px #BCBCBC solid; padding:1px; text-align:left; background:#538463; color:#FFF; }	
		#content table td p {	padding:0px; margin:0px; }
}

@media (max-width: 600px){

.contblock .mtext span {	padding:10px; }
.contblock .mtext { height:auto !important; }

.opinie > ul  {	display:block;
			width:350px;
			margin:auto !important; }

	#catUpper ul { 	width:250px;
					margin:auto;
					display: block;
				}
		#catUpper ul li { 	display:block;
						clear:both;
						margin:0 auto !important;
						width:244px; }

 }