
header.header--v1{
	padding: 32px 32px 20px;
	margin-bottom: 0;
	
	/*background: #fff;*/
	margin: 0 -32px 0;
	padding-bottom: 48px;
}

	.header--v1 .logo{
		display: block;
		float: left;
		margin-right: 20px;
		text-decoration: none;
		font-family: 'ScotchModernItalic';

	}

	.header--v1 .logo span{
		display: inline-block;
		margin-left: 188px;
		font-size: 16px;
		line-height: 120%;
		margin-bottom: 4px;

	}

	.header--v1 .logo_min{
		margin-top: 38px;
	}

	.header--v1 .head{
		overflow: hidden;
	}

		.header--v1 .head .top{
			padding-top: 31px;
			margin-bottom: 29px;
		}

			.header--v1 .social{
				float: right;
				margin: 0;
				padding: 0;
				margin-left: 56px;
			}

				.header--v1 .social li{
					display: block;
					float: left;
					margin-left: 10px;
				}

				.header--v1 .social li:first-child{
					margin-left: 0;
				}

					.header--v1 .social li a{
						/*background-image: url("../img/soc.png");
						background-repeat: no-repeat;*/
						background: #000;
						display: block;
						height: 20px;
						line-height: 20px;
						text-decoration: none;
						width: 20px;
						color: #fff;
						font-family: 'FigginsSansExtraBold';
						text-transform: uppercase;
						font-size: 11px;
						text-align: center;
						-webkit-transition: all .2s ease-in-out;
						-moz-transition: all .2s ease-in-out;
						-o-transition: all .2s ease-in-out;
						-ms-transition: all .2s ease-in-out;
						transition: all .2s ease-in-out;
					}

					.header--v1 .social li a span{
						height: 11px;
						vertical-align: middle;
						display: inline-block;
						line-height: 15px;
					}

					.header--v1 .social li a:hover{
						color: #000;
						background: #fff;
					}

					.header--v1 .social li a.fb{background-position: 0px 0px;}
					.header--v1 .social li a.vk{background-position: -20px 0px;}
					.header--v1 .social li a.lj{background-position: -40px 0px;}

			.header--v1 .head .top .search{
				float: right;
				position: relative;
			}

			.header--v1 .search input[type="text"]{
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				height: 20px;
				width: 145px;
				border: 0;
				background: #000;
				color: #fff;
				font-family: 'ScotchModernItalic' !important;
				font-size: 14px;
				padding: 0 24px 0 6px;
				border-radius: 0px 0px 0px 0px;
			}

			.header--v1 .search input::-webkit-input-placeholder {
			   color: #fff;
			   opacity: 1;
			}

			.header--v1 .search input:-moz-placeholder { /* Firefox 18- */
			   color: #fff;
			   opacity: 1;
			}

			.header--v1 .search input::-moz-placeholder {  /* Firefox 19+ */
			   color: #fff;
			   opacity: 1;
			}

			.header--v1 .search input:-ms-input-placeholder {
			   color: #fff;
			   opacity: 1;
			}

			.header--v1 .search input[type="submit"]{
				position: absolute;
				display: block;
				padding: 0;
				border: 0;
				width: 20px;
				height: 20px;
				background: url("../img/search_pic.png") center center no-repeat;
				top: 0;
				right: 0;
			}


		nav{

		}

			.header--v1 .menu{
				margin: 0;
				padding: 0;
				float: right;
			}

				.header--v1 .menu li{
					display: block;
					float: left;
					margin-left: 20px;
				}

				.header--v1 .menu li:first-child{
					margin-left: 0;
				}

					.header--v1 .menu a{
						text-decoration: none;
						display: block;
						line-height: 25px;
						padding: 0;
						position: relative;

					}

					.header--v1 .menu li:hover a{
						bottom: 2px;
						right: 2px;
					}

					/*.header--v1 .menu li a.active{
						background: #000;
						color: #fff;
					}*/
					

.header--v1 .menu_item{
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 25px;
}

	.header--v1 .menu_item:hover, 
	.header--v1 .menu_item.active{
		background-position: 0 -25px;
	}

	.header--v1 .menu_blog{
		background-image: url("../img/menu_blog_sprite.jpg");
		width: 61px;
	}

	.header--v1 .menu_library{
		background-image: url("../img/menu_library_sprite.jpg");
		width: 130px;
	}

	.header--v1 .menu_events{
		background-image: url("../img/menu_event_sprite.jpg");
		width: 100px;
	}

	.header--v1 .menu_school{
		background-image: url("../img/menu_school_sprite.jpg");
		width: 78px;
	}

	.header--v1 .menu_about{
		background-image: url("../img/menu_about_sprite.jpg");
		width: 109px;
	}

	.header--v1 .menu_contacts{
		background-image: url("../img/menu_contacts_sprite.jpg");
		width: 109px;
	}

table.menu{
	width: 100%;
	max-width: 100%;
	border: 0;
}

table.menu td{
	border: 0;
	padding: 0 0 0 4px;
}

table.menu td:first-child{
	padding: 0;
}

table.menu a{
	display: block;
	/*width: auto !important;*/
}

table.menu a img{
	display: block;
	width: 100% !important;
}

@media only screen and (max-width: 1000px) {

	.show_768.header--v1  .top{
		position: relative;
		margin-bottom: 32px;
	}

	.show_768 .top .logo{

	}

	.show_768.header--v1  .top .social{
		margin: 0;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 80px;
		height: 20px;
	}

	.show_768.header--v1  .head{
		overflow: visible;
	}

	.show_768.header--v1  .head .menu{
		float: left;
	}

	.show_768.header--v1  .head .search{
		float: right;
		margin-top: 5px;
	}
}

@media only screen and (max-width: 696px) {
	.header--v1 .menu li{
		margin-left: 42px;
	}
	.show_768{
		display: none;
	}
	.show_600{
		display: block;
	}
	table.menu .active_img, table.menu a:hover img, table.menu a.active img{
		display: none;
	}
	table.menu a:hover .active_img, table.menu a.active .active_img{
		display: block;
	}
	table.menu a:hover {
		bottom: 2px;
		right: 2px;
	}
	.header--v1 .logo{
		margin: 0 0 24px;
	}
	.header--v1 .menu{
		float: none;
		margin: 0 0 24px;
	}
	.header--v1 .menu li a{
		/*font-size: 13px;
		line-height: 25px;
		padding: 0 9px 0 12px;
		letter-spacing: 2.97px;*/
	}
	table.menu td {
		border: 0 none;
		padding: 0 0 0 42px;
	}
	header.header--v1  {
		padding-bottom: 36px;
	}

	.header--v1 .search div {
		position:absolute;
	}
	.header--v1 .search div > input[type="submit"] {
		width:16px;
		height:22px;
	}
}
@media only screen and (max-width: 599px) {
	table.menu td {
		border: 0 none;
		padding: 0 0 0 30px;
	}

	.header--v1 .menu li {
		margin-left: 30px;
	}

	.header--v1 .logo span {
		margin-left: 172px;
	}

	.header--v1 .logo{
		float: none;
		width: 100%;
	}

	.header--v1 .logo img{
		max-width: 100%;
	}

	.header--v1 .menu li a{
		font-size: 11px;
		line-height: 28px;
		letter-spacing: 3.1px;
	}
}

@media only screen and (max-width: 479px) {
	header.header--v1  {
		padding: 32px 0 20px;
	}

	.header--v1 .menu_item{
		background-size: cover;
	}

	.header--v1 .menu_blog{
		width: 61px;
	}

	.header--v1 .menu_library{
		width: 130px;
	}

	.header--v1 .menu_events{
		width: 100px;
	}

	.header--v1 .menu_school{
		width: 78px;
	}

	.header--v1 .logo span {
		margin-left: 114px;
	}

	.header--v1 .menu li a{
		/*font-size: 11px;
		line-height: 28px;
		letter-spacing: 1px;
		padding: 0 3px;*/
	}

	table.menu td {
		border: 0 none;
		padding: 0 0 0 2px;
	}
	.show_600.header--v1  {
		display: block;
		margin: 0 auto;
		width: 285px;
	}
}

@media (max-width: 320px) {
	.header--v1 .search div {
		position:absolute;
	}
	.header--v1 .search div > input[type="submit"] {
		width:16px;
		height:22px;
	}

	.show_600.header--v1  {
    	display: block;
    	margin: 0 auto;
    	width: 285px;
    	margin-bottom: 36px;
	}
}