/* CSS Document */
@font-face {
  font-family: "Geforce-Bold";
  src: url("fonts/Geforce-Bold.eot");
  src: url("fonts/Geforce-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Geforce-Bold.woff") format("woff"), url("fonts/Geforce-Bold.ttf") format("truetype"), url("fonts/Geforce-Bold.svg#Geforce-Bold") format("svg");
}

@font-face {
  font-family: "DINPro-Regular";
  src: url("fonts/DINPro-Regular.eot");
  src: url("fonts/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/DINPro-Regular.woff") format("woff"), url("fonts/DINPro-Regular.ttf") format("truetype"), url("fonts/DINPro-Regular.svg#DINPro-Regular") format("svg");
}

@font-face {
  font-family: "DINCond-Bold";
  src: url("fonts/DINCond-Bold.eot");
  src: url("fonts/DINCond-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/DINCond-Bold.woff") format("woff"), url("fonts/DINCond-Bold.ttf") format("truetype"), url("fonts/DINCond-Bold.svg#DINCond-Bold") format("svg");
}

body {
  background: #000;
}

#summer {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

#summer img {
  max-width: 100%;
  width: expression(document.body.clientWidth>100?"100%":"auto");
  overflow: hidden;
  vertical-align: bottom;
}

#summer ul, #summer li {
  padding: 0;
  margin: 0;
  list-style: none;
}

#summer .tr {
  display: table-row;
}

#summer .th, #summer .td {
  display: table-cell;
}

#summer .tb, #summer .tb2 {
  width: 100%;
  display: table;
}

#summer .tb .th {
  max-width: 227px;
}

#summer .tbsty {
  border: #444 1px solid;
  color: #fff;
  width: 100%;
  font-family: "DINPro-Regular";
  margin-bottom: 30px;
}

#summer .tbsty th {
  background: #f00;
  padding: 10px;
  border: #999 1px solid;
}

#summer .tbsty td {
  border: #444 1px solid;
  padding: 10px;
}

#summer .tbsty a {
  color: #f00;
  text-decoration: none;
}

#summer .tbsty a:hover {
  background: #f00;
  color: #fff;
}