@charset "utf-8";
/* CSS Document -*/
body, html { width:100%; height:100%; margin:0; padding:0}
body {min-widht:500px; background:#d1bfa7 url(images/bg4.jpg) no-repeat center top; background-attachment: fixed;}
.container { max-width:980px; width:96%; margin:0 auto}
.logo {
  text-align: center;
  background: none;
  width: 441px;
  margin: 0 auto;
  padding-top: 4px;
  box-sizing: border-box;
}
img { max-width:100%}
table { width:100%}
.buttons img { border:4px solid #000;  box-sizing: border-box;}
.buttons {}
.header {
  background: url(images/header-bg.png) repeat-x top;
  color: #fff;
  text-align: center;
  height: 58px;
  line-height: 59px;
  position: absolute;
  width: 100%;
}
 .imgbtn { position:relative; max-width:220px; margin:0 auto; text-align:center;  display: inline-block;}
 
.ramka {
  max-width: 575px;
  height: 410px;
  box-sizing: border-box;
  padding: 10px 20px 0 0;
  text-align: center;
  margin: 20px auto;
  background: url(images/contacts2.jpg) no-repeat center #dacbb8;
  text-align: right;
  color: #fff;
}
 @media only screen and (min-width : 1600px) {
 body {background-size:100%}
 }
.textblock {
  background: rgba(0,0,0,.7);
  padding: 0 30px;
  color: #e9dec8;
      font-size: 19px;
}
.table td {
    vertical-align: top;
    padding: 20px;
}
.table.col3 td { width:33.33%}
h1 {
    color: #fff;
}