body {
  background: #bac9d0;
  color: #848484;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 0; /* IE hacks */
  margin: 0;
  padding: 0;
  text-align: center; /* IE 5 and 5.5 do not recognise the margin: auto; css property like they should. To get around this we need to use the text-align: center; property on the body which will center the container div. */
}

#page {
  background: white;
  font-size: 11px;
  margin: auto;
  text-align: left; /* This will center your container div, but will also center all the text inside that div. We don't want that, so we need to override the text-alignment inside the container div. */
  width: 770px;
}

#header {
  /*background: url('../images/header.jpg') no-repeat center;*/
  height: 154px;
  text-align: center;
}

#banner {
  text-align: center;
}

#menu {
  background: url('../images/menu-bg-bottom.png') no-repeat bottom;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

#container {
  height: 100%;
  margin: 1px;
  overflow: hidden;
}

#column-left {
  float: left;
  width: 120px;
}

#content {
  display: inline;
  float: left;
  padding: 0 10px;
  width: 468px;
}

#column-right {
  float: left;
  width: 160px;
}

#partners {
  margin: 8px 0;
  text-align: center;
}

#footer {
  background: url('../images/line-red.png') no-repeat top;
}

a {
  text-decoration: none; 
}

h2 a, p a, ul.resort-stat a {
  color: #0272C6;
}

h2 {
  font-size: 17px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 0 4px 0;
  padding: 0;
}

h2.another {
  margin-top: 16px;
}

img.menu {
  margin: 0 1px 0 0px;
  vertical-align: 20%;
}

img.banner-728x90 {
  margin: 8px 0;
}

img.thumb-left {
  border: 1px dashed #697377;
  float: left;
  margin-top: 4px;
  margin-right: 8px;
  margin-bottom: 4px;
}

img.thumb-100x100 {
  border: 1px dashed #697377;
  float: left;
  height: 100px;
  margin-top: 4px;
  margin-right: 8px;
  margin-bottom: 4px;
  width: 100px;
}

input, select {
  color: #848484;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 1px;
}

form {
  margin: 0;
}

ol {
  margin: 0;
  padding: 0;
}

ol li {
  margin-bottom: 8px;
  margin-left: 30px;
}

p {
  margin: 0;
}

p.another {
  margin-top: 8px;
}

#partners p {
  border-bottom: 1px solid #C4C4C4;
  font-size: 9px;
  letter-spacing: 20px;
  margin: 0 1px 8px 1px;
  text-align: center;
}

p.footer {
  margin-bottom: 1px;
  padding-top: 15px;
  text-align: center;
}

p.menu {
  color: white;
  font-family: Tahoma, Arial, sans-serif;
  line-height: 14px;
  margin: 0;
  margin-left: 15px;
}

p.menu a {
  color: white;
}

p.box-120-header, p.box-160-header {
  background: #c60202 url('../images/box-120-bg-red.png') no-repeat top;
  color: white;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  padding: 0 10px 0 30px;
  text-align: right;
}

p.box-160-header {
  background: #c60202 url('../images/box-160-bg-red.png') no-repeat top;
  padding: 0 30px 0 10px;
  text-align: left;
}

p.box-120-body, p.box-160-body {
  background: #919fa5 url('../images/box-120-bg-shadow.png') no-repeat top;
  color: white;
  padding: 8px;
}

p.box-160-body {
  background: #919fa5 url('../images/box-160-bg-shadow.png') no-repeat top;
}

p.box-120-body a {
  color: white;
}

p.small {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  padding-bottom: 2px;
}

ul.box-120 {
  color: white;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.box-120 a {
  color: white;
}

ul.box-120 li {
  background: #919fa5 url('../images/box-120-bg.png') no-repeat top;
  line-height: 17px;
  margin-top: 1px;
  padding: 0 8px 0 6px;
}

ul.box-120 li.first {
  background: #919fa5 url('../images/box-120-bg-shadow.png') no-repeat top;
  margin-top: 0;
  padding-top: 2px;
}

ul.resort {
  margin: 0;
  padding: 0;
}

ul.resort li {
  list-style: circle;
  margin-left: 20px;
}

ul.resort-stat {
  margin: 0;
  padding: 0;
}

ul.resort-stat li {
  list-style: square;
  margin-bottom: 8px;
  margin-left: 16px;
}

div.news {
  border-top: 1px solid #C4C4C4;
  height: 100%;
  overflow: hidden;
  padding: 8px 0;
  width: 468px;
}

div.news-left, div.news-right {
  float: left;
  width: 230px;
}

div.news-right {
  float: right;
}

div.row {
  overflow: hidden;
  padding: 2px 0;
}

div.row p.label, label.form {
  float: left;
  padding-right: 8px;
  text-align: right;
  width: 100px;
}

div.row span.field {
  float: right;
  width: 192px;
}

table.resort {
  border: 1px dashed #C4C4C4;
  border-collapse: collapse;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  margin: 1px;
  margin-bottom: 8px;
  padding: 0;
  width: 298px;
}

table.resort caption {
  font-weight: bold;
  padding-bottom: 2px;
  text-align: left;
}

table.resort td, th {
  border-bottom: 1px dashed #C4C4C4;
  /*line-height: 13px;*/
  padding: 2px;
  text-align: center;
  /*vertical-align: bottom;*/
}

table.resort td.odd, th.odd {
  background: #fffacd;
}

table.rezerw {
  border: 1px dashed #C4C4C4;
  border-collapse: collapse;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  margin: 1px;
  margin-bottom: 8px;
  padding: 0;
  /*width: 298px;*/
}

table.rezerw td, th {
  border-bottom: 1px dashed #C4C4C4;
  line-height: 13px;
  padding: 4px 8px;
  /*vertical-align: bottom;*/
}

table.rezerw td.odd, th.odd {
  background: #fffacd;
  text-align: right;
}

table.wyjazdy {
  border-collapse: collapse;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  margin: 1px 1px 8px 35px;
  padding: 0;
  width: 700px;
}

table.wyjazdy caption {
  font-weight: bold;
  padding-bottom: 2px;
  text-align: left;
}

table.wyjazdy a {
  color: #0272C6;
}

table.wyjazdy th,
table.wyjazdy td {
  border: none;
  color: #fff;
  /*line-height: 13px;*/
  padding: 8px 16px;
  text-align: center;
  /*vertical-align: bottom;*/
}

table.wyjazdy th {
  border-bottom: 2px solid #fff;
  background: #C60202;
  text-transform: uppercase;
}

table.wyjazdy tr {
  background: #919FA5 url("../images/menu-bg-bottom.png") no-repeat -6px bottom;
}