html {
	background-color: #000000;
	margin: 0;
	color: white;
}

body {
	background-color: #000000;
	margin: 0;
}

#header {
	text-align: center;
    height: 550px;
    overflow: hidden;
}

#m-h {
	text-align: center;
	position: absolute;
	margin-top: 53px;
    margin-left: 78px;
	color: white;
	font-size: 49px;
    font-weight: bold;
	font-family: Arial;
	text-shadow: 
		-0   -2px 0   #000000,
		 0   -2px 0   #000000,
		-0    2px 0   #000000,
		 0    2px 0   #000000,
		-2px -0   0   #000000,
		 2px -0   0   #000000,
		-2px  0   0   #000000,
		 2px  0   0   #000000,
		-1px -2px 0   #000000,
		 1px -2px 0   #000000,
		-1px  2px 0   #000000,
		 1px  2px 0   #000000,
		-2px -1px 0   #000000,
		 2px -1px 0   #000000,
		-2px  1px 0   #000000,
		 2px  1px 0   #000000,
		-2px -2px 0   #000000,
		 2px -2px 0   #000000,
		-2px  2px 0   #000000,
		 2px  2px 0   #000000,
		-2px -2px 0   #000000,
		 2px -2px 0   #000000,
		-2px  2px 0   #000000,
		 2px  2px 0   #000000;
}

#phone {
	text-align: center;
	position: absolute;
	margin-top: 53px;
    right: 157px;
	color: white;
	font-size: 49px;
    font-weight: bold;
	font-family: Times; 
}

#phone a {
	text-shadow: 
		-0   -1px 0   #FCFCFC,
		 0   -1px 0   #FCFCFC,
		-0    1px 0   #FCFCFC,
		 0    1px 0   #FCFCFC,
		-1px -0   0   #FCFCFC,
		 1px -0   0   #FCFCFC,
		-1px  0   0   #FCFCFC,
		 1px  0   0   #FCFCFC,
		-1px -1px 0   #FCFCFC,
		 1px -1px 0   #FCFCFC,
		-1px  1px 0   #FCFCFC,
		 1px  1px 0   #FCFCFC,
		-1px -1px 0   #FCFCFC,
		 1px -1px 0   #FCFCFC,
		-1px  1px 0   #FCFCFC,
		 1px  1px 0   #FCFCFC;
}

#spmail {
	text-align: center;
	position: absolute;
	margin-top: 253px;
    margin-left: 78px;
	color: white;
	font-size: 49px;
    font-weight: bold;
	font-family: Times;
	text-shadow: 
		-0   -2px 0   #000000,
		 0   -2px 0   #000000,
		-0    2px 0   #000000,
		 0    2px 0   #000000,
		-2px -0   0   #000000,
		 2px -0   0   #000000,
		-2px  0   0   #000000,
		 2px  0   0   #000000,
		-1px -2px 0   #000000,
		 1px -2px 0   #000000,
		-1px  2px 0   #000000,
		 1px  2px 0   #000000,
		-2px -1px 0   #000000,
		 2px -1px 0   #000000,
		-2px  1px 0   #000000,
		 2px  1px 0   #000000,
		-2px -2px 0   #000000,
		 2px -2px 0   #000000,
		-2px  2px 0   #000000,
		 2px  2px 0   #000000,
		-2px -2px 0   #000000,
		 2px -2px 0   #000000,
		-2px  2px 0   #000000,
		 2px  2px 0   #000000;
}

h1 {
	text-align: center;
	position: absolute;
	margin-top: 453px;
    width: 100%;
	color: white;
	font-size: 37px;
    font-weight: bold;
	font-family: Times;
	text-shadow: 
		-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
}

#footer {
	color: white;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 1200px;
	font-size: 20px;
	clear: both;
	text-align: center;
}

#frame1 {
	border: #cbcac9 solid 2px;
	background-color: #fdfcfb;
}

#frame2 {
	border: #e0dfdf solid 2px;
	background-color: #fdfcfb;
}

.td-menu {
	text-decoration: none;
	color: white;
	padding-left: 50px;
	padding-right: 50px;
	font-weight: bold;
}

.td-menu:hover {
	background-color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	color: black;
}

.td-menu-zakaz {
	background-color: white;
	text-decoration: none;
	color: black;
	padding-left: 56px;
	padding-right: 56px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.td-menu-zakaz:hover {
	background-color: white;
	color: red;
}

#menu-top {	
	padding-bottom: 5px;
	font-size: 22px;
	text-align: center;
	padding-top: 20px;
}

h2 {
	text-align: center;
	font-family: Times;
	color: white;
	margin-top: 80px;
	font-size: 49px;
	clear: both;
}

#content {
	font-size: 20px;
	font-family: Times;
	line-height: 25px;
	text-align: justify;
	font-weight: bold;
	margin-left: 100px;
	margin-right: 100px;
}

#partof2 {
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 80px;
}

#partof3 {
	width: 33%;
	float: left;
	text-align: center;
	margin-bottom: 80px;
}

.search-icon {
	background-image: url("images/lupa.png");
	width: 14px;
	height: 14px;
	position: absolute;
	margin-top: 8px;
	margin-left: 10px;
}

.search {
	float: right;
	margin-top: -3px;
	width: 30%;
}

.search-form-input {
	padding-left: 32px;
	height: 25px;
	width: 92%;
	border: solid 2px #d0d0d0;
}

/*
@media screen and (max-width:1200px){
	#all {
	width: 100%;
	margin: 0 auto;
	}
	#content {
	font-size: 24px; 
	font-family: Arial;
	line-height: 40px; 
	}
	#menu-top {	
	font-size: 17px; 
	line-height: 33px;
	width: 100%;
	}	
	#logo {
	width: 100%; 
	}	
	#footer {
	width: 100%; 
	text-align: center;
	font-size: 24px;
	}
	.search {
    float: none;
	margin: 0 auto;
    margin-top: 10px;
    width: 90%;
}
}

@media screen and (max-width:700px){
	#header { 
	overflow: hidden; 
	}
	#logo {
	width: 1200px; 
	}
	#footer {
	width: 100%;
	text-align: center;
	font-size: 24px;
	}
	.search { 
    float: none;
	margin: 0 auto;
    margin-top: 10px;
    width: 90%; 
	}
	
}*/

#frmzakaz {
	margin-left: 42%;
}

@media (max-width: 1200px) {
	#footer {
		width:100%;
	}
	#m-h {
		margin-top: 0px !important;
	}
	#phone {
		/*margin-top: 0px !important;
		width: 83px;*/
		font-size: 18px;
		margin-top: 58px;
	}
	#spmail {
		margin-top: 102px;
		margin-left: 72px;
		font-size: 29px;
	}
	h1 {
		margin-top: 153px;
		font-size: 23px;
	}
	#header {
		height: 280px;
	}
	#menu-top {
		padding-top: 1px;
	}
	.td-menu {
		border: white solid 1px;
		padding-left: 10px;
		padding-right: 0px;
		width: 40%;
		display: inline-grid;
	}
	.td-menu-zakaz {
		display: block;
	}
	h2 {
		margin-top: 30px;
		line-height: 100%;
	}
	#content {
		margin-left: 30px;
		margin-right: 30px;
	}
	#partof2 { 
    float: left !important;
    text-align: center;
    margin-bottom: 80px;
    display: table;
	width: 100%;
	}
	#partof3 { 
    float: left !important;
    text-align: center;
    margin-bottom: 80px;
    display: inline-table;
	width: 100%;
	}
		#partof2 img{
			width: 90% !important;
		}
		#partof3 img{
			width: 90% !important;
		}
	
}