* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  color: #555;
  background: url(../img/bg.jpg) no-repeat left top #fff;
}

img {
  border: 0;
}

a {
  text-decoration: underline;
  outline: none;
  color: #7d0400;
}

a:hover {
  text-decoration: none;
}

#pagewrapper {
  width: 990px;
}

#main {
  width: 627px;
  margin-top: 33px;
  float: right;
}

#logo {
  margin-top: 33px;
  width: 362px;
  height: 205px;
  display: block;
  float:left;
}

#footer {
  height: 60px;
  padding-right: 100px;
  clear: both;
  line-height: 60px;
  background: url(../img/footer.jpg) no-repeat right top;
}

#footer p {
  padding-right: 10px;
  font-size: 90%;
  text-align: right;
  color: #999;
}

#footer a {
  text-decoration: none;
  color: #17a3cc;
}

#footer a:hover {
  text-decoration: underline;
}

/* CONTENT styling */
#main p {
  padding-bottom: 10px;
  font-size: 140%;
  line-height: 150%;
}

/*#main ul {
  padding: 0 0 20px 20px;
  font-size: 140%;
  line-height: 150%;
  list-style: square;
}*/

#main h1 {
  margin: 10px 0 30px 0;
  font-size: 25px;
  font-weight: normal;
  line-height: 28px;
  color: #17a3cc;
}

.trip_box {
  width: 625px;
  height: 256px;
  position: relative;
  margin-bottom: 26px;
}

.trip_box .nav {
  height: 47px;
  bottom: 0;
  left: 0;
  padding-left: 20px;
  position: absolute;
  line-height: 47px;
  color: #555;
}

.trip_box .nav a {
  font-size: 130%;
  text-decoration: none;
  color: #fff;
}

.trip_box .nav a:hover {
  text-decoration: underline;
}

/*************** FORMULARZ ************************/
form  {
  padding: 20px 0 0 50px;
  background: url(../img/dotted_line.gif) repeat-x left top;
}

form p {
  color: #23748b;
}

input[type="text"] {
  width: 340px;
  padding: 5px;
  border: 1px solid #ccc;
}

label.error {
  padding-left: 10px;
  font-size: 90%;
  color: #990000;  
}

.form_sep {
  width: 100%;
  padding: 5px 0;
  display: block;
  background: url(../img/dotted_line.gif) repeat-x left top;
}


/*************** GALERIA ************************/
.gallery_box {
  float: left;
  padding-left: 50px;
  text-align: center;
}

.gallery_box a {
  width: 200px;
  height: 200px;
  padding: 5px;
  margin: 5px;
  float: left;
  border: 1px solid #ccc;
  background: #fff;
}

#intro_text {
  margin-bottom: 10px;
  background: url(../img/dotted_line.gif) repeat-x left bottom;
}

.info_text {
  padding: 10px 0 20px 10px;
  font-style: italic;
  background: url(../img/dotted_line.gif) repeat-x left top;
}

.regulamin_header {
  padding: 15px 0 10px 0;
  font-weight: bold;
}

.regulamin  {
  padding-bottom: 50px;
}

.regulamin ul,
.regulamin ul ul {
  padding: 5px 0 0 20px;
  font-size: 130%;
  line-height: 130%;
  list-style: none;
}

.regulamin ul ul {
  padding-bottom: 10px;
  font-size: 100%;  
}

.regulamin li {
  padding-bottom: 4px;
}


