@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800&subset=latin,latin-ext);

html{ 
	min-width: 980px;
}
body{ 
	background: #484848 url(../img/bg_body.jpg) repeat-x top center; 
	background-attachment: fixed;
	font: 300 14px 'Open Sans', sans-serif;
	color: #484848;
}
html,
body {  height: 100%; }
/*wrap*/
#wrap {
	height: auto;
	min-height: 100%;
	padding: 0 0 90px;
	margin: 0 auto -90px;
	width: 980px;
	overflow: hidden;
}
	#wrap .container{ 
		padding: 0 10px;
		background: #fff;
		min-height: 500px;
		margin: 5px 0 0;
	}
/*header*/
.header{
	font: 12 'Open Sans', sans-serif;
}
	.top-menu{
		background: url(../img/bg_top_menu.jpg) repeat-x top left;
		height: 29px;
		width: 960px;
		font-size: 11px;
		text-transform: uppercase;
	}
		.top-menu p{
			margin: 0;
			padding: 11px 0 0;
			line-height: 15px;
		}
		.top-menu a{
			color: #484848;
			padding: 11px;
		}
	.header-content{
		height: 140px;
		background: url(../img/bg_header.png) no-repeat top right;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	a.header-logo{
		display: block;
		height: 138px;
		width: 251px;
		background: #484848;
		float: left;
	}
	.header-right{
		float: left;
		display: block;
		height: 138px;
		width: 709px;
	}
		.header-right .text-right{ padding: 40px 50px 0 0;}
			.header-right .text-right strong{ font-size: 24px;}
		.header-right .nav{
			padding: 7px 0 0 0;
			font-weight: bold;
		}
			.header-right .nav a{
				text-transform: uppercase;
				color: #484848;
				transition: color 0.5s ease-out;
			}
				.header-right .nav a:focus,
				.header-right .nav a:hover{ 
					background: transparent; 
					color: #fff;
				}
					.header-right .nav .open a:focus,
					.header-right .nav .open a:hover,
					.header-right .nav .open > a, 
					.header-right .nav .open > a:hover, 
					.header-right .nav .open > a:focus{
						background: transparent;
						background-color: #fff;
						color: #484848;
						-webkit-border-bottom-right-radius: 0;
						-webkit-border-bottom-left-radius: 0;
						-moz-border-radius-bottomright: 0;
						-moz-border-radius-bottomleft: 0;
						border-bottom-right-radius: 0;
						border-bottom-left-radius: 0;
					}
					.header-right .nav .open > a:hover, 
					.header-right .nav .open > a:focus{				
						-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
						-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
						box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
					}
						.header-right .dropdown-menu{
							margin: -2px 0 0;
							border: none;
							-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
							-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
							box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
						}
							.header-right .dropdown-menu a:focus,
							.header-right .dropdown-menu a:hover{
								color: #484848;
								text-decoration: underline;
							}
	.header-bottom{
		background: url(../img/bg_header_bottom.png) repeat-x top left;
		height: 33px;
	}
/*header-pic*/
.header-pic{}
	.header-pic .szlogen{
		font: 300 36px/73px 'Open Sans', sans-serif;
		color: #484848;
		text-shadow: 5px 5px 3px rgba(000, 000, 000, 0.12);
	}
/*sections*/
.sections{
	height: 139px;
}
.buttons_box{ padding: 0;}
.buttons_box.middle{ padding: 0 1px;}
.buttons_box .inner{
	background: #fff;
	height: 139px;
	border: 7px solid #ededed;
	padding: 1px;
	overflow: hidden;
	z-index: 99;
	position: relative;
	display: block;
}
	.buttons_box .inner img{
		position: absolute;
		top: 1px;
		left: 1px;
		z-index: 100;
	}
		.buttons_box .inner img.bw{
			z-index: 110;
		}
	.buttons_box .inner p{
		z-index: 120;
		position: absolute;
		top: 55px;
		width: 100%;
		padding: 0 42px;
		height: 28px;
		display: block;
	}
		.buttons_box .inner p span{
			display: block;
			color: #fff;
			font: 18px/28px 'Open Sans', sans-serif;
			text-transform: uppercase;
			background: #484848;
			transition: all 0.5s ease-out;
		}
			.buttons_box .inner p span:hover,
			.buttons_box .inner p span:focus,
			.buttons_box .inner.hover p span{
				background: #fdd100;
				color: #484848;
				text-decoration: none;
			}
/*right*/
.main{
	color: #484848;
}
	h1.main-title{
		margin-top: 0;
		font: 24px/29px 'Open Sans', sans-serif;
		padding: 2px 0 2px 7px;
		border-left: 7px solid #fdd100;
	}
	.main img{
		outline: 1px solid #dedede;
		border: 1px solid #fff;
		padding: 3px;
		background: #f4f4f4;
	}
	
/*left / right*/
.left{
	padding: 29px 32px 21px 17px;
	margin: 1px 0 0;
}
	.left .space{ padding: 0 0 40px;}
.right{ padding: 0;}
	.right .box{
		margin: 1px 0 0;
		padding: 29px 21px 21px 32px;
		background: #ededed;
	}
/**/
.news{
	border-bottom: 1px solid #bbb;
	padding: 21px 0;
}
	.right .news{ padding: 15px 0; }
		.right .news .content{ font-size: 11px;}
		.right .news:last-child{ border: none; }
	.news_pic,
	.news-container{
		display: table-cell;
		vertical-align: top;
	}
	.news_pic{ 
		padding: 0 12px 0 0;
	}
	.right .news_pic img{ max-width: 86px;}
		.news h1.title{
			font-size: 16px;
			line-height: 20px;
			margin: 4px 0;
		}
		.news h2.date{
			font-size: 11px;
			line-height: 15px;
			padding: 0 3px;
			margin: 0 0 4px 2px;
			background: #fdd100;
			width: auto;
			display: inline-block;
		}
		.news .content{}
/*footer*/
#footer {
	height: 90px;
	font-size: 10px;
	color: #787878;
	font: normal 12px 'Open Sans', sans-serif;
}
	#footer .container{
		padding: 26px 0 0;
	}
	#footer li{ padding: 10px 32px 10px 0;}
	#footer a{
		text-transform: uppercase;
		color: #a6a6a6;
		transition: color 0.5s ease-out;
		background: none;
		padding: 0;
	}
		#footer a:hover, 
		#footer a:focus{ color: #787878; }
/*gellery*/
.gall{
	margin: 2px;
}
.gall_td{
	width: 286px;
	height: 170px;
	float: left;
}
	.gall_td a.gall_img_a{ 
		margin: 0 auto;
		display: block;
		width: 198px;
		height: 108px;
		overflow: hidden;
		outline: 1px solid #dedede;
		border: 3px solid #f4f4f4;
		padding: 0;
	}
		.gall_td a.gall_img_a img{
			outline: none;
			border: none;
			padding: 0;
		}
	
/**/
@media (min-width: 1200px){
	.container{ width: 980px;}
}
@media (min-width: 992px){
	.container{ width: 980px;}
}
@media (min-width: 768px) {
	.container{ width: 980px;}
}

/*************/
.nav > li > a {
	padding:10px 10px;
}