html, body {
    height: 100%;
    margin: 0;
    padding: 0;
	
    font-family: calibri;
	background:#706e6f ;
	
}
a
{
color:#fff;
}

p {color: #fff;}

li {color: #fff;}

h1, h2, h3 {color: #fff}

label {color: #fff}

#form
{
margin: 0 auto;
width: 220px;
color: #fff;
}

.nage {
    position: relative;
    top: 15px;
    left: 90%;
    background: url(/nage.png); 
    display: block; 
    width: 90px; 
    height: 35px; 
   }

a.nage:hover {
    background-position: 0 -35px;
   }

@font-face {
	font-family: 'Conv_Roboto-Thin';
	src: url('../fonts/Roboto-Thin.eot');
	src: local('☺'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype'), url('../fonts/Roboto-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Roboto-Light';
	src: url('../fonts/Roboto-Light.eot');
	src: local('☺'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Roboto-Black';
	src: url('../fonts/Roboto-Black.eot');
	src: local('☺'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 0 -86px 0; /* отрицательный нижний отступ на высоту футера */
    padding: 0;
}
.footer-push, .footer {
    height: 66px;
    margin: 0;
    padding: 0;
}
.contaainer
{

}
#foot
{
width:1020px;
margin: 0 auto;
}

.footer
{
background:#8b8b8b;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#menu-top2
{
float:left;
height:30px;
width:1020px;
color:#fff;
font-family: calibri;
margin-top: 23px;
font-size:16px;

}
#menu-top
{
margin-left: 436px;
}

#menu-top ul li a
{
color:#fff;
}
#menu-top ul li a:hover
{
color:#c57bb4;
font-family: calibri;
}

#menu-top ul li
{
float:left;
list-style:none;
margin-left: 96px;
}
header
{
float:left;
width: 1020px;
}
#logo
{
background:url(../img/logo.png) no-repeat;
width:256px;
height:265px;
margin-left: 80px;
margin-top: -20px;
font-family:Conv_Roboto-Light;
color:#676767;
font-size:14px;
float: left;
}
#logotxt
{
float:left;
margin-left:145px;
margin-top:103px;
width:200px;
}
#order
{
float:left;
background:url(../img/order1.png) no-repeat;
width:241px;
height:119px;
margin-top: 49px;
margin-left: 27px;
color:white;

}
#order a
{
color:white;
font-family: 'Conv_Roboto-Black';
font-size:21px;
}
#order a:hover
{
text-decoration: none;
}

#order span
{
float:left;
margin-left: 45px;
margin-top: 45px;
}
#order:hover
{
background:url(../img/orderhover2.png) no-repeat;
color:white;
}
#contact
{
float:left;
width: 260px;
height: 100px;
font-size:28px;
color:#fff;
font-family: 'Conv_Roboto-Thin';
margin-left: 128px;
margin-top: 45px;
text-align: center;
}
#contact img
{
	padding-right:20px;
}
.mail
{
font-size:21px;
font-family: 'Conv_Roboto-Light';
margin-left:0px;
}
#contact .mail img
{
	padding-right:40px;
}
#contact span
{
height: 44px;
float:left;
}
#content
{
width:1020px;
float:left;
margin-top: 50px;
padding-bottom:100px;
overflow:hidden;
}
#test
{
color: #fff;
background:#706e6f;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
height:35px;
width:auto;
padding-bottom: 6px;
font-size: 24px;
float: left;
position: relative;
max-width:100%;
margin-top:-170px;
}
#test2
{
color: #fff;
background:#706e6f;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
height:35px;
width:auto;
padding-bottom: 6px;
font-size: 24px;
float: left;
position: relative;
max-width:100%;
margin-top: -134px;
}

#menubottom
{
float:left;
margin-left:-80px;
margin-top:23px;
height:50px;
}
#menubottom a
{
color:#fff;
font-size:16px;
font-family: calibri;
}
#menubottom ul li
{
float:left;
list-style:none;
margin-left: 96px;
}
#menubottom ul li a:hover
{
color:#c57bb4;
font-family: calibri;
}
#image
{
float:left;
width:290px;
height:290px;

margin-right: 53px;
margin-bottom: 50px;
}
#imageww
{
width:1100px;
margin-left: 40px;
}
#imageww a
{
	color: #517792;
}
#test p
{
float:left;
margin-top:10px;
padding-left:10px;
padding-right:10px;
}
#test2 p
{
float:left;
margin-top:10px;
padding-left:10px;
padding-right:10px;
}

#imagetxt
{
width:290px;
float:left;
position:Relative;
margin-top: -170px;
height:100px;
}

.align_center
{
position: relative;
width: 100%;
}
.align_center:after
{
content: '';
display: block;
clear: both;
}
.align_center_to_left
{
position: relative;
right: 50%;
float: right;
}
.align_center_to_right
{
position: relative;
z-index: 1;
right: -50%;
}



@-moz-document url-prefix() {
	#menubottom {
    float: left;
    margin-left: -80px;
    margin-top: 3px;
    height: 50px;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #menubottom {
    float: left;
    margin-left: -80px;
    margin-top: 3px;
    height: 50px;
}