body{
	margin:0px;
	background: #79c3f9; /* ��� ������ �������� */
    background: -moz-linear-gradient(top, #79c3f9 0%, #edede1 20%) no-repeat;
    background: -webkit-linear-gradient(top, #79c3f9 0%,#edede1 20%) no-repeat;
    background: -o-linear-gradient(top, #79c3f9 0%,#edede1 20%) no-repeat;
    background: -ms-linear-gradient(top, #79c3f9 0%,#edede1 20%) no-repeat;
    background: linear-gradient(top, #79c3f9 0%,#edede1 20%) no-repeat;
	background-color:#edede1;
}
img{
	border:0px;
}
.cont{
	width:970px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-485px;
}
.logomenu{
		width:970px;
		height:495px;
		background:url('img/logomenu_bg.png') no-repeat;
}
		.logo{
			width:450px;
			height:50px;
			position:absolute;
			top:50px;
			left:300px;
			text-decoration:none;
			color:green;
			font-family:Lucida Calligraphy;
			font-size:42px;
		}
		.cloud{
				width:215px;
				height:50px;
				background:url('img/cloud.png') no-repeat;
				position:absolute;
				top:0px;
				right:30px;
				padding:5px 0px 0px 0px;
				}
					.lang{
						width:90px;
						height:30px;
						margin-left:60px;
					}
		.menu{
				width:910px;
				height:270px;
				position:absolute;
				top:215px;
				right:30px;
			}
			.menu_list{
					width:200px;
					height:270px;
					background-color:none;
					float:left;
			}
			.left_ul{
				list-style:none;
				margin:0px 0px 0px 3px;
				padding:0px;
			}
				.left_ul li{
						line-height:30px;
						background:#cfd3de;
						text-indent:10px;
						margin-bottom:10px;
						border-radius:8px 0px 0px 8px;
						box-shadow:inset 0px 0px 20px #989898;
				}

						.left_ul a{
						text-decoration:none;
						color:#2A0D02;
						font-family:Calibri;
						font-size:17px;
						margin-bottom:10px;
						}
			
			
			
			
			
			
			
			
			
			
			
			
			.menu_pic{
					width:475px;
					height:270px;
					background:#ffffff;
					float:left;
					border-radius:0px 8px 8px 0px;
			}
			.informer{
					width:215px;
					height:270px;
					background:#edede1;
					margin:0px 0px 0px 20px;
					border-radius:8px;
					float:left;
			}
				.bank{
						width:175px;
						height:75px;
						margin:30px 0px 0px 20px;
				}
				.weather{
						width:130px;
						height:90px;
						margin:40px 0px 0px 45px;
				}
				
.center{
		width:930px;
		height:auto;
		background:#ffffff;
		float:left;
		margin-left:20px;
		box-shadow: 0px 0px 20px #989898;
		padding-bottom:10px;
}
		.left{
				width:684px;
				height:auto;
				margin:10px 0px 0px 10px;
				float:left;
				border-right:2px solid #cccccc;
				color:#2A0D02;
				font-family:Calibri;
				font-size:18px;
		}
			.tittle{
					width:675px;
					height:35px;
					border-radius:8px;
					background: #636363; /* ��� ������ �������� */
					background: -moz-linear-gradient(top, #636363, #141414) no-repeat;
					background: -webkit-linear-gradient(top, #636363, #141414) no-repeat;
					background: -o-linear-gradient(top, #636363, #141414) no-repeat;
					background: -ms-linear-gradient(top, #636363, #141414) no-repeat;
					background: linear-gradient(top, #636363, #141414) no-repeat;
					color:#ffffff;
					font-family:Calibri;
					font-size:28px;
					margin-bottom:10px;
			}
			.tittle_sub{
					width:655px;
					height:auto;
					padding-left:10px;
					padding-right:10px;
					border-radius:8px;
					background-color: #cccccc; /* ��� ������ �������� */
					color:#ffffff;
					font-family:Calibri;
					font-size:26px;
					margin-bottom:10px;
			}
		.pic{
				width:300px;
				height:280px;
				background:url('img/31.jpg') no-repeat;
				float:left;
				padding-right:10px;
		}
		.right{
				width:215px;
				height:auto;
				margin:10px 0px 0px 9px;
				float:left;
		}
				.catalog{
						width:215px;
						height:81px;
						background:url('img/Download-Catalog-PDF-Button.png') no-repeat;
						margin-top:10px;
				}
				.banner{
						width:215px;
						height:300px;
						background:url('img/banner.jpg') no-repeat;
						margin-top:10px;
				}
	
	
	

.footer{
	width:930px;
	height:130px;
	border-radius:8px;
	background-color:#595959;
	margin:0px 0px 0px 20px;
	clear:both;
}
	.footer_menu{
			width:200px;
			height:110px;
			color:#cccccc;
			margin:10px 0px 0px 10px;
			float:left;
			text-decoration:none;
			font-family:Calibri;
			font-size:11px;
			float:left;
	}
			.fmenu_ul{
				list-style:none;
				
				margin:0px 0px 0px 3px;
				padding:0px;
				-webkit-margin-before: 0;
				-webkit-margin-after: 0;
			}
				.fmenu_ul li{
						line-height:16px;
				}
	.rights{
			width:475px;
			height:50px;
			color:#cccccc;
			text-decoration:none;
			color:#2A0D02;
			font-family:Calibri;
			font-size:14px;
			float:left;
			vertical-align:bottom;
	}
	.copyright{
			width:215px;
			height:110px;
			color:#cccccc;
			margin:10px 0px 0px 20px;
			float:left;
			text-decoration:none;
			color:#2A0D02;
			font-family:Calibri;
			font-size:14px;
			float:left;
	}
	.left_ul > li:hover {
		box-shadow:0px 0px 20px #ffffff;
	}

/* ������� ����� ���� ���������� � ���������� ����  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
/* ��� ���������� */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* ������������� ���������������� */
cursor: default; /* ��� ������� */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
width: 100%;
height: auto;
/* ���������� ����� ���������� �������� */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.popup h1 { /* ��������� 1 */
color: #989898;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:24px 'Calibri', Helvetica, sans-serif;
font-weight: bold;
}
.popup h2 { /* ��������� 2 */
color: #989898;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:22px 'Calibri', Helvetica, sans-serif;
}
/*** ��������� ����� ���������� ���� ***/
.popup {
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 10;
display: block;
visibility: hidden;
margin: 0 auto;
width: 90%;
min-width: 320px;
max-width: 600px;
/* ������������� ����������������, ���� ��������� ��� ��������� */
position: fixed;
padding: 15px;
border: 1px solid #383838;
/* ���������� ����� */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
/* ������� ���� ����� */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* ������ ������������ ����, ��������� ��� ����� */
opacity: 0;
/* ������ �������� (���������) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
/* ���������� ��������� ���� � ���������� ���� */
.overlay:target+.popup {
top: 20%; /* ��������� ���� �� ����� �������� ��� ��������� */
visibility: visible;
opacity: 1; /* ������� ������������ */
}
/* ��������� ������ �������� */
.close {
position: absolute;
top: -10px;
right: -10px;padding: 0;
width: 20px;
height: 20px;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 20px;
/* ������ �������� � ������ �������� ��� ��������� */
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
.close:hover {
background-color: rgba(252, 20, 0, 0.8);
/* ������ ������ ��� ��������� */
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);    
}
/* ����������� ��� ���������� �������� */
.popup p, .popup div {
margin-bottom: 10px;
}