*  {
 margin: 0;
 padding: 0;
}

body {
 width: 100%;
 height: 100%;
 color:#333;
 background-image: url('http://www.auressoft.com.ua/base_invert/source/back.png');
 font-family: "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:0.94em;
 line-height:135%;
}

h1 {
 font-size:30px;
 font-weight:normal;
 padding:0px 0 0px;
 line-height:100%;
 font-style:bold;
 color: #940d0d;
}


h2 {
 font-size:20px;
 font-weight:normal;
 padding:0px 0 0px;
 line-height:100%;
 font-style:bold;
 color: #104512;
}

a {
 color: #cd5252;
 text-decoration:none;
}

a:hover {
 color:#963c3c;
 text-decoration: none;
}

/* -------------------------------
 ?????????
 ----------------------------------*/

/* -------------------------------
 ?????? ????? ? 1000px
 ----------------------------------*/

#wrapper {
 margin-top:40px;
 border:0px solid #74787b;
 width: 100%;
 max-width:1000px;
 margin: 0 auto;
 height: auto !important;
}

/* -------------------------------
 ????? ?????
 ----------------------------------*/

#headerInner {
 border: 0px solid #000;
 background: #6289ee;
 position:relative;
 width:100%;
 max-width:1000px;
 height:100px;
 margin:0 auto;
 margin-top:0px;
}

#headerInner  img {
  width: auto;
  height: 50%;
}

.text {
 margin:15px;

}

/* -------------------------------
 ??????? ???????
 ----------------------------------*/

#content #colLeft {

border: 0px solid #000;
 float:left;
 width:100%;
 margin-right:0px;
 background: #f9f7ee;
}

#colLeft img {
  width: 100%;
  height: auto;
}

#colRight img {
  width: 100%;
  height: auto;
}

/* -------------------------------
 ??????? ?????
 ----------------------------------*/



#middle:after {
 content: '.';
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
}

/*----------------------------
 ???????
 ------------------------------*/

.logo {
 position:absolute;
 left:0px;
 top:40px;
}

.logo a {
 margin-left:30px;
 font-size:30px;
 color:#96b551;
}