@charset "utf-8";
/* CSS Document */

/* Header
-----------------------------------------------------------------------------*/
	.lft-header {float:left; width:37%;}
	.cntr-header {width:26%; margin-left:37%; text-align:center;}
	.rgth-header {float:right; width:37%;}

		.header-valign {width:100%; height:169px; display:table-cell; vertical-align:middle;}

/* Footer
-----------------------------------------------------------------------------*/
	.lft-footer, .rgth-footer {float: left; width: 30%; margin:1% 1%;}
	#footer-lft {text-align:left;}
	.cntr-footer {float: left; width: 36%;}
/*две  колонки равной ширины*/
	.lft-column {float: left; margin-left: 1%; width: 29%;}
	.rgt-column {margin-left: 30%; width: 69%;}

@media screen and (min-width: 1600px) {
	body {padding: 0}
	.begn {width: 96%; margin: auto;}
}

@media screen and (max-width: 960px) {
	body {padding: 0 1%;}
	h1 {font-size: 180%;}
	#footer-lft {font-size:120%;}
	img.right1 {display: none;}
}
@media screen and (max-width: 720px) {
	.lft-header {display:none;}
	.cntr-header {width:50%; margin-left:0; text-align:center;}
	.rgth-header {float:right; width:60%;}
	.lft-column {display:none;}
	.rgt-column {margin-left:0; width: 100%;}
	img.left, img.right, img.right1 {float:none; margin:0 auto;}
	.block-right {display: none;}
	.lft-footer, .rgth-footer {float: left; width: 48%;}
	.cntr-footer {float: none; display:none;}
	#footer-lft {font-size:100%;}
	.map {width:98%;}
	.otstup {margin-left:5px;}	
}

@media screen and (max-width: 640px) {
	body {padding: 0;}
	.lft-header  {float:none; width:98%; min-width:60px;}
	.cntr-header {float:none; width:98%; display:table;}
		.header-valign {height:60px;}
	.rgth-header {float:none; width:100%; height:35px; padding:0;}
	.rgth-header h2 {font-size:110%; text-align:center;}
}

@media screen and (max-width: 450px) {
	.lft-footer, .rgth-footer {float: none; width: 96%; margin:5px auto;}
	#footer-lft, #footer-rgth {display:inherit; height:auto; text-align:center;}
	.cntr-footer {float: none; display:none;}
}