/* CSS Document */

body {
  margin: 0;
  padding: 0;
  background-color: #E0BC72;
  background-image: url(art/bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #7B5C3D;
}

div, img, object, form {
  margin: 0;
  padding: 0;
  border-width: 0;
}

a {
  color: #91848C;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  text-align: justify;
  margin-left: 0;
  margin-right: 0;
}

/* -------------------------------------------------------------------------- */

.clearfix {
  clear: both;
}

.hidden {
  display: none;
}

.alert {
  margin: 0 0 10px 0;
  padding: 5px;
  text-align: justify;
  font-size: 14px;
  border-color: #7B5CB3;
  border-width: 1px;
  border-style: dashed;
}

.sale_price {
  color: #FF0000;
}

.old_price {
  text-decoration: line-through;
}

/* -------------------------------------------------------------------------- */

div#container {
  width: 830px;
  margin: 0 auto 0 auto;
}

div#a {
  width: 830px;
  height: 323px;
  background-image: url(art/top_bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  text-align: right;  
}

div#b {
  width: 830px;
  background-image: url(art/content_bg.jpg);
  background-position: left top;
  background-repeat: repeat-y;
}

div#b2 {
  width: 830px;
  background-image: url(art/content_bottom_bg.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  min-height: 292px;
}

div#b3 {
  width: 830px;
  background-image: url(art/content_top_bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 104px;
}

div#c {
  width: 193px;
  float: left;
  padding: 60px 0 160px 59px;
}

div#c img {
  display: block;
  margin: 0 auto 0 auto;  
}

div#d {
  width: 543px;
  float: right;
  padding: 15px 19px 60px 0;
}

div#d h1 {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  font-weight: bold;
  font-size: 16px;
  color: #453625;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
}

div#e {
  height: 123px;
}

div#e ul {
  margin: 0;
  height: 42px;
  padding: 54px 40px 0 0;
  float: right;
  line-height: 42px;
  vertical-align: middle;  
}

div#e ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}

div#e ul li a {
  font-size: 10px;
  color: #7B5C3D;
  padding: 0 5px 0 5px;
  border-color: #7B5C3D;
  border-style: solid;
  border-width: 0 1px 0 0;
  text-transform: uppercase;
}

div#e ul li.last a {
  padding: 0 0 0 10px;
  border-width: 0;
}

/* -------------------------------------------------------------------------- */

form {
}

form div {
  padding: 0 0 5px 0;
}

form label {
  display: block;
  float: left;
  width: 150px;
  padding: 3px 0 0 0;
}

form input, form textarea, form select {
  width: 310px;
}

form textarea {
  height: 100px;
}

form input.button {
  width: auto;
  margin-left: 150px;
}

form input.check {
  width: auto;
  vertical-align: top;  
}

/* -------------------------------------------------------------------------- */

form#newsletter_form {
  margin: 0 0 10px 0;
} 

form#newsletter_form h1 {
  margin: 0;
  padding: 0;
  height: 60px;
  width: 193px;
  background-image: url(art/newsletter_h1.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

form#newsletter_form h1 span, form#newsletter_form label {
  display: none;
}

form#newsletter_form input {
  display: block;
  height: 16px;
  width: 167px;
  margin: 0 auto 10px auto;
  padding: 6px;
  border-width: 0;
  background-image: url(art/newsletter_textfield.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  font-weight: bold;
  color: #41321F;
}

form#newsletter_form input.hidden {
  display: none;
}

/* -------------------------------------------------------------------------- */

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
}

table, table td, table th {
  border-color: #7B5C3B;
  border-style: solid;
  border-width: 1px;
  padding: 3px;
  text-align: justify;
  vertical-align: top;
}

table th {
  text-align: center;
  font-size: 14px;
  background-color: #7B5C3B;
  color: #FFFFFF;
  font-weight: bold;
}

table td.right {
  text-align: right;
}

/* -------------------------------------------------------------------------- */

div#szolgaltatasok {
  display: block;
  width: 310px;
  margin: 0;
  padding: 0 0 5px 0;
  float: left;
}

/*
div#szolgaltatasok ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 15px;
}

div#szolgaltatasok li {
  padding: 5px 0 5px 0;
  margin: 0;
}
*/

div#szolgaltatasok input, div#szolgaltatasok label {
  float: none;
  width: auto;
  display: inline;
  padding: 0;
  margin: 0;
}

div#szolgaltatasok label {
  padding-left: 5px;
}

/* -------------------------------------------------------------------------- */

div#napja {
  text-align: center;
  padding: 5px 0 5px 0;
}

/* -------------------------------------------------------------------------- */

div.tree {
}

div.tree ul {
  list-style-type: none;
  padding: 0 0 0 20px;
  margin: 0;
}

div.tree li {
  padding: 0;
  margin: 0;
}

div.tree li li {
  padding-bottom: 2px;
}

div.tree li.row1 {
	background-color: #eddab0;
	font-weight: 500;
}

div.tree li.row2 {
	background-color: #e1bd73;
	font-weight: 700;
}

div.tree span.title {
  display: inline-block;
  vertical-align: top;
}

div.prices span.title {
  width: 350px;
}

div.reservation span.title {
  width: 120px;
}

div.tree em, div.tree strong {
  heigth: 20px;
  line-height: 20px;
  vertical-align: middle;
  display: block;
  padding-left: 20px;
  background-image: url(art/treeviewCollapseUrl.gif);
  background-position: 0 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

div.tree em.expand, div.tree strong.expand {
  background-image: url(art/treeviewExpandUrl.gif);
}


