@import "default.css";
@import "fonts.css";

html {
	width: 100%;
	height: 100%;
}

body {
	min-width: 1200px;
}

.header {
/* 	width: 1200px; */
    width: 1166px;
	height: 100px;
	margin: 0 auto;
	background-image: url(../images/fon/fon-header.png);
}
.header .menu-search {
	display: block;
}
.header_min,.menu-search {
	display: none;
}

.logo {
	width: 350px;
	height: 70px;
	margin: 15px 25px;
	float: left;
}

.search {
	width: 500px;
    height: 40px;
    margin: 30px;
    float: right;
}

.search-input {
	font-family: "PTSans-Regular";
    font-size: 16px;
    color: #464646;
    border: 2px solid #3BA0D9;
    width: 280px;
    height: 40px;
    padding: 8px 30px 8px 8px;
    float: right;
}

.submit-input {
    cursor: pointer;
    position: absolute;
    margin: 0 0 0 250px;
    background: #FFFFFF;
    color: #464646;
    border: 2px solid #3BA0D9;
    width: 30px;
    height: 40px;
    float: right;
    background-image: url(../images/icons/loop.png);
    background-repeat: no-repeat;
    background-position: 4px;
    padding: 4px;
}

.submit-input:hover {
    background: #3BA0D9;
    background-image: url(../images/icons/loop-hover.png);
    background-repeat: no-repeat;
    background-position: 4px;
    padding: 4px;
}

.search button{
	font-family: "PTSans-Bold";
	cursor: pointer;
	width: 200px;
    height: 40px;
    margin: 0 0 0 20px;
    color: #3BA0D9;
    background: #FFFFFF;
    border: 2px solid #3BA0D9;
    float: right;
    text-align: left;
}

.search button>b{
	width: 50px;
	font-size: 32px;
	line-height: 32px;
    float: left;
    padding: 2px 8px;
}

.search button>p{
	width: 146px;
    font-size: 16px;
    line-height: 13px;
    float: right;
    padding: 5px 10px;
}

.search button:hover{
    color: #FFFFFF;
    background: #3BA0D9;
}

.body {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px;
}

.menu {
	float: left;
	width: 240px;
	height: 100%;
}

.main li {
	width: 240px;
    float: left;
    display: inline;
}

.main a {
	display: block;
	font-family: "PTSans-Regular";
	text-decoration: none;
    color: #464646;
    font-size: 18px;
    padding: 10px;
    float: left;
    width: 240px;
	font-weight: bold;
}

.main a:hover {
	color: #FFFFFF;
    background: #3BA0D9;
    box-shadow: -2px 2px 5px rgba(122,122,122,0.5);
}

ul.submenu {
	display: none;
	position: absolute;
    z-index: 10;
    width: 240px;
    height: 0px;
    margin: 0 0 0 240px;
    border: 1px solid #3BA0D9;
    box-shadow: 2px 2px 5px rgba(122,122,122,0.5);
}

ul.submenu > li {
    width: 238px;
}

ul.submenu > li > a {
	font-family: "PTSans-Regular";
	text-decoration: none;
    color: #464646;
    background: #FFFFFF;
    font-size: 15px;
    padding: 10px;
    float: left;
    width: 238px;
}

ul.submenu > li > a:hover {
	color: #3BA0D9;
	background: #FFFFFF;
	box-shadow: none;
}

ul.main > li:hover > ul.submenu {
	display: block;
    height: auto;
}

ul.main > li:hover > a{
	color: #FFFFFF;
	background: #3BA0D9;
	box-shadow: -2px 2px 5px rgba(122,122,122,0.5);
}

ul.subsubmenu {
	display: none;
	position: absolute;
    z-index: 10;
    width: 240px;
    height: 0px;
    margin: -1px 0 0 238px;
    border: 1px solid #3BA0D9;
    box-shadow: 2px 2px 5px rgba(122,122,122,0.5);
}

ul.subsubmenu > li {
    width: 238px;
}

ul.subsubmenu > li > a {
	font-family: "PTSans-Regular";
	text-decoration: none;
    color: #464646;
    background: #FFFFFF;
    font-size: 15px;
    padding: 10px;
    box-shadow: none;
    float: left;
    width: 238px;
}

ul.subsubmenu > li > a:hover {
	color: #3BA0D9;
	background: #FFFFFF;
	box-shadow: none;
}

ul.submenu > li:hover > ul.subsubmenu {
	display: block;
    height: auto;
}

ul.submenu > li:hover > a{
	color: #3BA0D9;
}

.content {
	float: right;
	width: 940px;
	border-left: 1px solid #3BA0D9;
	padding: 0 0 0 9px;
	overflow: hidden;
}
@media all and (max-width: 1000px) {
	html {
		width: 100%;
		height: 100%;
	}

	body {
		min-width: 640px;
	}

	.header_min {
		width: 640px;
		height: 100px;
		margin: 0 auto;
		background-image: url(../images_min/fon/fon-header.png);
		display: block;
	}
	.menu-search {
		display: block;
	}
	.header {
		display: none;
	}

	.logo {
		width: 350px;
		height: 70px;
		margin: 15px 25px;
		float: left;
	}

	.menu-search {
		width: 640px;
		overflow: hidden;
		margin: 0 auto;
		border-bottom: 2px solid #CFCECD;
	}

	.search {
		width: 500px;
		height: 40px;
		margin: 10px;
		float: right;
	}

	.search-input {
		font-family: "PTSans-Regular";
		font-size: 16px;
		color: #464646;
		border: 2px solid #3BA0D9;
		width: 280px;
		height: 40px;
		padding: 8px 30px 8px 8px;
		float: right;
	}

	.submit-input {
		cursor: pointer;
		position: absolute;
		margin: 0 0 0 250px;
		background: #FFFFFF;
		color: #464646;
		border: 2px solid #3BA0D9;
		width: 30px;
		height: 40px;
		float: right;
		background-image: url(../images_min/icons/loop.png);
		background-repeat: no-repeat;
		background-position: 4px;
		padding: 4px;
	}

	.submit-input:hover {
		background: #3BA0D9;
		background-image: url(../images_min/icons/loop-hover.png);
		background-repeat: no-repeat;
		background-position: 4px;
		padding: 4px;
	}

	.search button{
		font-family: "PTSans-Bold";
		cursor: pointer;
		width: 200px;
		height: 40px;
		margin: 0 0 0 20px;
		color: #3BA0D9;
		background: #FFFFFF;
		border: 2px solid #3BA0D9;
		float: right;
		text-align: left;
	}

	.search button>b{
		width: 50px;
		font-size: 32px;
		line-height: 32px;
		float: left;
		padding: 2px 8px;
	}

	.search button>p{
		width: 146px;
		font-size: 16px;
		line-height: 13px;
		float: right;
		padding: 5px 10px;
	}

	.search button:hover{
		color: #FFFFFF;
		background: #3BA0D9;
	}

	.body {
		width: 640px;
		overflow: hidden;
		margin: 0 auto;
		padding: 5px;
	}
.body .menu {display: none;}
	.menu-activ {
		width: 40px;
		height: 40px;
		display: block;
		float: left;
		margin: 10px;
		background-image: url(../images_min/icons/menu.png);
	}

	.menu-search .menu {
		position: absolute;
		z-index: 10;
		width: 220px;
		margin: 60px 0 0 0;
		background: #FFFFFF;
		border: 1px solid #3BA0D9;
		height: inherit;
	}

	.main li {
		width: 220px;
		float: left;
		display: inline;
	}

	.main a {
		display: block;
		font-family: "PTSans-Regular";
		text-decoration: none;
		color: #464646;
		font-size: 18px;
		padding: 10px;
		float: left;
		width: 220px;
	}

	.main a:hover {
		color: #FFFFFF;
		background: #3BA0D9;
		box-shadow: -2px 2px 5px rgba(122,122,122,0.5);
	}

	ul.submenu {
		display: none;
		position: absolute;
		z-index: 10;
		width: 200px;
		height: 0px;
		margin: -1px 0 0 218px;
		border: 1px solid #3BA0D9;
		box-shadow: 2px 2px 5px rgba(122,122,122,0.5);
	}

	ul.submenu > li {
		width: 198px;
	}

	ul.submenu > li > a {
		font-family: "PTSans-Regular";
		text-decoration: none;
		color: #464646;
		background: #FFFFFF;
		font-size: 15px;
		padding: 10px;
		float: left;
		width: 198px;
	}

	ul.submenu > li > a:hover {
		color: #3BA0D9;
		background: #FFFFFF;
		box-shadow: none;
	}

	ul.main > li:hover > ul.submenu {
		display: block;
		height: auto;
	}

	ul.main > li:hover > a{
		color: #FFFFFF;
		background: #3BA0D9;
		box-shadow: -2px 2px 5px rgba(122,122,122,0.5);
	}

	ul.subsubmenu {
		display: none;
		position: absolute;
		z-index: 10;
		width: 200px;
		height: 0px;
		margin: -1px 0 0 198px;
		border: 1px solid #3BA0D9;
		box-shadow: 2px 2px 5px rgba(122,122,122,0.5);
	}

	ul.subsubmenu > li {
		width: 238px;
	}

	ul.subsubmenu > li > a {
		font-family: "PTSans-Regular";
		text-decoration: none;
		color: #464646;
		background: #FFFFFF;
		font-size: 15px;
		padding: 10px;
		box-shadow: none;
		float: left;
		width: 198px;
	}

	ul.subsubmenu > li > a:hover {
		color: #3BA0D9;
		background: #FFFFFF;
		box-shadow: none;
	}

	ul.submenu > li:hover > ul.subsubmenu {
		display: block;
		height: auto;
	}

	ul.submenu > li:hover > a{
		color: #3BA0D9;
	}

	.menu .content-menu {
		width: 220px;
		overflow: hidden;
		margin: 10px 0;
    height: inherit;
	}

	.menu .content-menu a{
		display: inline-block;
		width: 208px;
		height: 100px;
		margin: 5px;
		float: left;
		background-image: url(../images_min/fon/fon-menu.png);
		font-family: "PTSans-Bold";
		text-decoration: none;
		color: #FFFFFF;
		font-size: 18px;
		padding: 10px;
	}

	.menu .content-menu a:hover{
		box-shadow: 0 1px 5px 1px rgba(122,122,122,0.5);
	}

	.content {
		width: 630px;
		margin: 0 auto;
		overflow: hidden;
    border-left: 0;
	}
	.content .content-menu {display: none;}
}