﻿html {
	position: relative;
	height: 100%;
	min-width: 960px;
}

body {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font: 11px/20px Verdana;
	color: #000;
}

#page {
	position: relative;
	width: 846px;
	padding: 360px 0 150px;
	margin: 0 auto;	
	overflow: hidden;
	*zoom: 1;
}
/********************************/
	#page .attent {
		position: relative;
		margin: 0px 0 -5px 0;
		overflow: hidden;		
		*zoom: 1;		
	}
		#page .attent .block {
			position: relative;
			float: left;
			width: 420px;
			border-top: 3px solid #16984b;
			background: #f0f0f0;			
		}
		#page .attent .block:hover {
			
			background: #D8D8D8;			
		}
		
		
		
			#page .attent .block div {				
				float: left;
			}
			#page .attent .block img {				
				float: left;				
				width: 148px;				
				margin: 15px 10px 17px;

			}
			#page .attent .block h2 {				
				font: 17px/22px Verdana;
				color: #333333;
				padding: 9px 0 3px;			
			}
			#page .attent .block ul {				
				font: 11px/16px Verdana;
				color: #16984b;								
			}
				#page .attent .block ul li {										

					 margin: 5px 0 5px 0;
					background: transparent url(../i/marker.gif) no-repeat 0px 4px;
					padding-left: 14px;
                   
				}
				#page .attent .block ul li a {										
					color: #16984b;

				}
				#page .attent .block ul li a:hover {										
					color: #000;					
				}
				
		#page .attent .block.f {
			margin-right: 6px;
		}
		
		
		/*****для страницы о нас начало******/
		
			#page .attent1 {
		position: relative;
		margin: 0px 0 -5px 0;
		overflow: hidden;		
		*zoom: 1;		
	}
		#page .attent1 .block {
			position: relative;
			float: left;
			width: 847px;
			border-top: 3px solid #16984b;
			background: #f0f0f0;			
		}
		
		
		
		
			#page .attent1 .block div {				
				float: left;
			}
			#page .attent1 .block img {				
				float: left;				
				width: 148px;				
				margin: 15px 15px 17px 15px;

			}
			#page .attent1 .block h2 {				
				font: 17px/22px Verdana;
				color: #333333;
				padding: 0 0 0px 10px;
				border-left: 3px solid #16984b;
				margin: 9px 0 3px 180px;
			}
			#page .attent1 .block ul {				
				font: 11px/16px Verdana;
				color: #16984b;								
			}
				#page .attent1 .block ul li {										

					 margin: 5px 0 5px 0;
					background: transparent url(../i/marker.gif) no-repeat 0px 4px;
					padding-left: 14px;
                   
				}
				#page .attent1 .block ul li a {										
					color: #16984b;

				}
				#page .attent1 .block ul li a:hover {										
					color: #000;					
				}
				
		#page .attent1 .block.f {
			margin-right: 6px;
		}
		
		#page .attent1 p {
			font: 12px/16px Verdana;
			margin: 15px 10px 15px 0;
			padding-left: 180px;
		}
		#page .attent1 p.otc {
			font: 12px/16px Verdana;
			margin: 10px 10px 10px 0;
			padding-left: 180px;
		}
		#page .attent1 em {
			
			font-style: italic;
		}
		#page .attent1 strong {
			
			font-weight: bold;
		}
		
		
		
		/*****для страницы о нас конец******/


/********************************/
	#page .wrapper {
		float: left;		
	}
	/*для главной*/
	#page .wrapper1 {
		float: left;		
	}
	#page .sidebar-left {
		float: left;
		width: 230px;
		margin-left: -846px;
		padding: 20px 0 0 0;
	}
		/* Left menu */
		#page .sidebar-left .menu {
			
		}
			#page .sidebar-left .menu li {	
				
			
			}
			#page .sidebar-left .menu li a{
				display: block;
				width: 205px; 				
				margin: 0 0 6px 0px;
				padding: 2px 0 4px 25px;
				font: normal 14px/18px Verdana;
				color: #FFF;
				background: #16984b url(../i/menu-marker.gif) no-repeat 8px 7px;
			}
			#page .sidebar-left .menu li a:hover{
				background-color: #006027;
                               _background-color: #16984b;
			}
			
			#page .sidebar-left .menu li.active > a{
				text-decoration: none;
				font-weight: bold;
				background-color: #006027;
			}
			#page .sidebar-left .menu li.active > a:hover{
				color: #16984b;
			}
			
				#page .sidebar-left .menu li.active ul li a {
					background-color: transparent;					
				}
				#page .sidebar-left .menu ul {
					padding: 5px 0 10px;
					background: #f0f0f0;
					margin: 10px 0 10px 0;
					
				}
				#page .sidebar-left .menu ul li {
					padding: 2px 0 2px 9px;
					
				}
				#page .sidebar-left .menu ul li a {
					background: none;
					font: normal 11px Verdana;
					color: #16984b;
					background: transparent url(../i/marker.gif) no-repeat 0px 4px;
					padding: 0 0 0 15px;
				}
				#page .sidebar-left .menu ul li a:hover {
					background-color: transparent;
					color: #000;
				}
				
				/* Banner */
				#page .sidebar-left .rec-s {
					margin: 30px 0 10px 0;
					
				}
					#page .sidebar-left .rec-s img {
						margin: 0 0 15px 0;
					}
		
	#page .sidebar-right {
		float: left;
		width: 210px;
		margin-left: -210px;		
		padding: 20px 0 0 0;
	}
		#page .sidebar-right .contact-block {
			background: #f0f0f0;
			margin: 0 0 10px 0;
			padding: 10px;
		}
			#page .sidebar-right .contact-block h2 {
				font: bold 13px Verdana;
				color: #000;
				margin-bottom: 5px;
			}
			#page .sidebar-right .contact-block a {
				color: #16984b;			
			}
			#page .sidebar-right .contact-block a:hover {
				color: #000;			
			}
		
		#page .sidebar-right .news-block {
			background: #f0f0f0;
			margin: 17px 0 10px 0;
			padding: 10px;
		}
			#page .sidebar-right .news-block h2 {
				font: bold 13px Verdana;
				color: #000;
				margin-bottom: 10px;
			}
			#page .sidebar-right .news-block a {
				color: #16984b;			
			}
			#page .sidebar-right .news-block a:hover {
				color: #000;			
			}
			
			
			#page .sidebar-right .news-block a.all-news {
				font-weight: bold;
			}
			#page .sidebar-right .news-block dl {
			}
				#page .sidebar-right .news-block dl dt {
					font: italic 10px Verdana;
					color: #828282;
				}
				#page .sidebar-right .news-block dl dd {
					padding: 0 0 10px 0;
					margin: 0 0 10px 0;
					border-bottom: 1px solid #d8d8d8;
				}
				
				
				
				/*обтекание текста, если нужно*/
				#page .content .float-block {
					float: right;
					width: 210px;
					padding: 0 0 0 0;
					margin: 0 -20px 0 15px;
				}
		#page .content .float-block .contact-block {
			background: #f0f0f0;
			margin: 0 0 10px 0;
			padding: 10px;
		}
			#page .content .float-block .contact-block h2 {
				font: bold 13px Verdana;
				color: #000;
				margin: 0 0 6px 0;
				padding: 0 0 0 0;
				border: none;
			}
			#page .content .float-block .contact-block p {
				font: normal 11px/15px Verdana;
				color: #000;
				margin: 0 0 5px 0;
				padding: 0 0 0 0;
				border: none;
			}
			#page .content .float-block .contact-block a {
				color: #16984b;			
			}
			#page .content .float-block .contact-block a:hover {
				color: #000;			
			}
		
		#page .content .float-block .news-block {
			background: #f0f0f0;
			margin: 17px 0 10px 0;
			padding: 10px;
		}
			#page .content .float-block .news-block h2 {
				font: bold 13px Verdana;
				color: #000;
				margin: 0 0 6px 0;
				padding: 0 0 0 0;
				border: none;
				
			}
			#page .content .float-block .news-block a {
				color: #16984b;			
			}
			#page .content .float-block .news-block a:hover {
				color: #000;			
			}
			
			
			#page .content .float-block .news-block a.all-news {
				font-weight: bold;
			}
			#page .content .float-block .news-block dl {
			}
				#page .content .float-block .news-block dl dt {
					font: italic 10px Verdana;
					color: #828282;
					margin: 10px 0 0 0;
				}
				#page .content .float-block .news-block dl dd {
					padding: 0 0 10px 0;
					margin: 5px 0 10px 0;
					border-bottom: 1px solid #d8d8d8;
				}
				#page .content .float-block .news-block dl dd h3{
					font: normal 12px Verdana;
					padding: 0 0 0px 0;
					margin: 0 0 0px 0;
				}
				#page .content .float-block .news-block dl dd p{
					font: normal 11px Verdana;
					padding: 0 0 0px 0;
					margin: 5px 0 0px 0;
				}
				
				
				
				
				
				
				
				
				
				
				
				

/* Для главной страницы*/				
.wrapper1 {
	overflow: hidden;
	*zoom: 1;
	padding: 20px 20px 0 250px;
}	

.wrapper1 .content {
	position: relative;	
	width: 576px;

}

				
				
				

/* PAGE */
.wrapper {
	overflow: hidden;
	*zoom: 1;
	padding: 20px 230px 0 250px;
}	

.wrapper .content {
	position: relative;	
	width: 366px;
}
	
	.content h1 {		
		font: normal 24px/24px Verdana;
		color: #333333;
		border-left: 3px solid #16984b;
		padding: 0 0 0 10px;
		margin: 0 0 14px 0;
	}
	.content h2 {		
		font: normal 16px/18px Verdana;
		color: #333333;
		border-left: 3px solid #16984b;
		padding: 0 0 0 10px;
		margin: 35px 0 14px 0;
	}
	.content h3 {		
		font: normal 15px/18px Verdana;
		color: #333333;
		font-weight: bold;
		
		margin: 35px 0 14px 0;
	}
	.content em {		
		font: normal 10px/11px Verdana;
		font-style: italic;
		padding: 0 0 0 0px;
		margin: 0 0 14px 0;
	}
	
	.content p {
		font-size: 12px;
		line-height: 21px;
		margin: 0 0 12px 0;
		
	}
	.content p.osob {
		font-size: 14px;
		line-height: 22px;
		margin: 20px 0 20px 15px;
		padding: 10px 5px 10px 10px;
		border: 2px solid #16984b;
		font-style: italic;
	}
	
	.content a {										
		color: #16984b;					
	}
	.content a:hover {										
		color: #000;					
	}
	.content ul {
		margin: 15px 0 15px 10px;
	}
	.content ol {
		margin: 15px 0 15px 32px;
	}
	.content ul li{
		color: #16984b;
		background: transparent url(../i/marker.gif) no-repeat 0px 5px;
		margin: 0px 0 2px 5px;
		padding-left: 20px;
		font: normal 12px/22px Verdana;
	}
	.content ol li{
		color: #16984b;
		margin: 0px 0 12px 0px;
		padding-left: 1px;
		font: normal 12px/26px Verdana;
		list-style-type: decimal;

	}
	.content .br11tmtmr753 {
		margin: 10px 0 15px 0;
	}
	.content .br11tmtmr753 a {
		text-decoration: none;
		border-bottom: 1px dashed #16984b;
		font: normal 16px/26px Verdana;
		
	}
	.content .br11tmtmr753 p {
		text-decoration: none;
		color: #16984b;
		font: normal 12px/22px Verdana;
	}
	.content .br11tmtmr753 a:hover {
		text-decoration: none;
		border-bottom: 1px dashed #000;
		font: normal 16px/26px Verdana;
	}
	
	.content table td {
		border-bottom: 1px solid #dadada;
		
	}
	.content table {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		color: #333333;
		line-height: 27px;
		background: #f0f0f0;
		margin: 15px 0 15px 0;
		
	}
	.content table tr,
	.content table tr th,
	.content table tr td {
		padding: 0 15px 0 15px;
	}
	.content strong {
		font-weight: bold;
	}
	.content em {
		font-style: italic;
	}
	
	.content .news h2{
		margin: 0 0 0 0;
	}
	
	
	/* FORMS */
	.form {
		width: 100%;
	}
		.form input {
			width: 100%;
			border: 1px solid #16984b;
		}
		.form input:focus,
		.form textarea:focus {
			border-width: 2px;
		}
			.form input.send-msg {
				width: 160px;
				float: right;
				cursor: pointer;
			}
		.form textarea {
			width: 100%;
			height: 200px;
			border: 1px solid #16984b;
		}
		
		.form input.error,
		.form textarea.error {
			border-color: red;
		}
		
		.form  #ContactForm_verifyCode {
			width: 120px;
		}
	

/* HEADER */
#header {
	position: absolute;
	top: 0; left: 50%;
	width: 846px; height: 350px;	
	margin: 0 -423px;
	background: transparent url(../i/head-bg.jpg) no-repeat bottom center;
}
	#header h1.logo {
		position: absolute;
		top: 20px; left: 0;
		width: 207px; height: 55px;
		background: transparent url(../i/logo.jpg) no-repeat top left;
	}
	#header h1.logo a {
		display: block;
		width: 100%;
		height: 100%;
	}
	#header h1.logo span { display: none;}
	
	#header .desc {
		position: absolute;
		top: 10px; left: 250px;
		padding: 20px 0 20px 30px;
		border-left: 2px solid #ccc;
		font: 16px/22px Verdana;
		color: #666666;		
	}
/* FOOTER */
#footer {
	position: absolute;
	bottom: 0; left: 50%;
	width: 846px; height: 100px;
	border-top: 2px solid #16984b;	
	margin: 0 -423px;
}
	#footer .created {
		position: absolute;
		top: 20px; left: 0;
	}
	#footer .copyright {
		position: absolute;
		top: 20px; left: 250px;
	}
	#footer .meter {
		position: absolute;
		top: 20px; right: 0;
	}
	
	#footer a {										
		color: #16984b;					
	}
	#footer a:hover {										
		color: #000;					
	}
