@import "reset.css";

html {}

body {
  background: #dff2fb;/* Old browsers */
  background: -moz-linear-gradient(-45deg, #dff2fb 0%, #b3d5ff 100%);/* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #dff2fb), color-stop(100%, #b3d5ff));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #dff2fb 0%, #b3d5ff 100%);/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #dff2fb 0%, #b3d5ff 100%);/* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #dff2fb 0%, #b3d5ff 100%);/* IE10+ */
  background: linear-gradient(135deg, #dff2fb 0%, #b3d5ff 100%);/* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff2fb', endColorstr='#b3d5ff',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
 background-repeat: repeat-x;
  margin: 0 auto;
  color: #000000;
  font-size: 16px;
/*height: 100%;*/
}

h1, h2, h3 {
  color: red;
  font-size: x-large;
}

img {
  padding: 5px;
}

#top{
  margin: 0 auto;
  height: 250px;
  width: 980px;
}

#top-cont{
  background-color: #d2e5fa;
  height: 240px;
  margin: 10px;
  box-shadow: 0px 0px 15px 0px #bbb;
}

#logo {
  width: 144px;
  height: 172px;
  float: left;
  padding-left: 20px;
  padding-top: 20px;
}

#logo-text{
  float: left;
  margin-left: 20px;
  margin-top: 50px;
  background-image: url('../images/logo-text.png');
  width: 220px;
  height: 77px;
  background-repeat: no-repeat;
}

#top-contacts {
  color: #000000;
  float: right;
  margin-top: 40px;
  margin-right: 50px;
}

#content{
  margin: 0 auto;
  clear: both;
  padding-bottom: 50px;
  width: 970px;
}

#footer{
  clear: both;
  height: 120px;
  width: 100%;
  position: relative;/*relative*/
  bottom: 0;
  padding-bottom: 0;
  padding-top: 20px;
  background-color: #343434;
}

#banners {
  float: left;
  margin-left: 10%;
}

#footer-contact {
  color: silver;
  float: right;
  margin-right: 10%;
}