@charset "utf-8";
/* CSS Document */

body {
	background: #e5e5e5;
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0;
}

img{
	border: none;
}

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color: #339900;
}

a:hover {
	text-decoration: none;
}

h1{}

h2{}

h3 {
	background: url(../images/tpl/bg_bullit_1.png) 0 6px no-repeat;
	margin-bottom: 10px;
	color: #6e6c82;
	padding-left: 10px;
	display: inline;
	font-size: 13px;
}



.main {
	width: 956px;
	margin: 0 auto 60px;
	border: 3px solid #898989;
	border-top: none;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	position: relative;
	background: #fff;
}

.header {
	height: 199px;
	width: 100%;
	position: relative;
	background: url(../images/tpl/bg_head.png) 0 0 no-repeat;
}

#logo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 53px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #cc0000;
	position: absolute;
	top: 30px;
	left: 35px;
}

	.header .info-block {
		position: absolute;
		width: 340px;
		height: 65px;
		background: #fff;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		top: 112px;
		left: 35px;
	}
	
		.header .info-block-inn {
			position: relative;
			width: 339px;
			height: 60px;
			background: #d6d6d6;
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding: 4px 0 0 0;
		}
	
	.header .info-block .mail,
	.header .info-block .phone {
		display: block;
		font-size: 22px;
		text-shadow: 1px 1px 1px #fff;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 0 0 50px;
	}
	
	.header .info-block .mail {
		font-size: 20px;
		letter-spacing: 1px;
		margin: 0 0 3px;
		background: url(../images/tpl/bg_mail.png) 15px 50% no-repeat;
	}
	
	.header .info-block .phone {
		background: url(../images/tpl/bg_phone.png) 18px 50% no-repeat;
	}

.main-nav {
	height: 47px;
	width: 100%;
	background: url(../images/tpl/bg_menu.png) 0 0 repeat-x;
	margin-bottom: 30px;
}

	.main-nav ul.menu {
		margin: 1px 0 0;
		padding: 0 0 0 150px;
	}
	
		.main-nav li {
			float: left;
			background: url(../images/tpl/bg_menu_item.png) 0 0 no-repeat;
			height: 37px;
			padding: 0 0 0 2px;
		}
		
			.main-nav li a {
				display: block;
				height: 37px;
				line-height: 37px;
				padding: 0 30px 0 28px;
				color: #fff;
				font-size: 18px;
				font-family: Arial, Helvetica, sans-serif;
				text-decoration: none;
			}
			
			.main-nav li a:hover,
			.main-nav li.active a {
				background: url(../images/tpl/bg_menu_hover.png) 0 0 repeat-x;
			}
			
.content{
	margin-bottom: 60px;
}

	.content h1,
	.content h2 {
		background: #cc0000;
		padding: 5px 20px;
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		font-family: Tahoma;
		margin: 0;
	}
	
	.content h2 {
		padding: 5px 10px;
	}
	
		.content h2 span {
			background: url(../images/tpl/bg_bullit.png) 0 5px no-repeat;
			padding-left: 10px;
		}
	
	.content-inn {
		padding: 0 30px;
	}
	
		.content .rightcol {
			float: left;
			width: 630px;
			margin-left: 30px;
			background: url(../images/tpl/bg_shadow.png) 100% 100% no-repeat;
			padding-bottom: 7px;
		}
		
			.content .rightcol-inn {
				border: 1px solid #dfdfdf;
				border-top: none;
				padding-bottom: 40px;
			}
			
		.content .leftcol {
			width: 230px;
			float: left;
			background: url(../images/tpl/bg_shadow.png) 100% 100% no-repeat;
			padding-bottom: 7px;
		}
			
			.content .leftcol-inn {
				border: 1px solid #dfdfdf;
				border-top: none;
				padding-bottom: 40px;
			}
	.sidebar {
		padding: 15px 15px 0;
	}
	
	.news-block {
		font-weight: bold;
	}
	
		.news-block .more {}
			
			.news-block .more a {
				color: #000;
				font-weight: bold;
			}
				
	.content .page {
		padding: 15px;
		min-height: 250px; 
	}
	
		.content .page .news {}
		
			.content .page .news-block-wrap {
				margin-top: 30px;
			}
			
			.content .page .news-block-wrap:first-child {
				margin-top: 0;
			}
			
				.content .page .news-block {
					float: left;
					width: 48%;
					margin: 0 0 0 4%;
				}
				
				.content .page .news-block:first-child {
					margin-left: 0;
				}
				
	.footer {
		height: 90px;
		width: 810px;
		background: url(../images/tpl/bg_footer.png) 0 0 repeat-x;
		position: absolute;
		bottom: -75px;
		left: 50%;
		margin-left: -405px;
	}
	
		.footer-inn {}
		
			.footer div.footer-menu {
				width: 808px;
				height: 37px;
				line-height: 37px;
				box-shadow: 1px 5px 4px #777;
				border-right: 1px solid #d6c6c4;
				border-left: 1px solid #d6c6c4;
			}
			
				.footer div.footer-menu ul.menu {
					text-align: center;
				}
				
					.footer div.footer-menu li {
						display: inline;
					}
					
						.footer div.footer-menu li a {
							color: #010000;
							font-size: 14px;
							font-family: Arial, Helvetica, sans-serif;
							text-decoration: none;
							margin: 0 15px;
						}
						
						.footer div.footer-menu li a:hover,
						.footer div.footer-menu li.active a{
							color: #cc0000;
						}
						
			.footer .copy {
				text-align: center;
				margin-top: 15px;
				font-size: 11px;
				color: #000;
			}
			
.info { background: #f8f8f8; color: #666; border-left: 4px #666 solid; padding: 10px; margin-bottom: 1em; }
.note { background: #e6efc2; color: #264409; border-left: 4px #484 solid; padding: 10px; margin-bottom: 1em; }
.important { background: #fff6bf; color: #514721; border-left: 4px #ffd324 solid; padding: 10px; margin-bottom: 1em; }
.warning { background: #fbe3e4; color: #8a1f11; border-left: 4px #844 solid; padding: 10px; margin-bottom: 1em; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

