/* Hotel Bohemians Stylesheet */

body {
  text-align: center;
  background-image: url('../img/background.gif');
  background-color: rgb(127,152,94);
  font-size: 0.95em;
  font-family: sans;
}

a {
  color: blue;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.extlink {
  padding-right: 12px; 
  background-image: url('../img/external_link.gif'); 
  background-repeat: no-repeat; 
  background-position: right top;
}

dt {
  position: relative;
  display: block;
  float: left;
  margin-right: 1em;
  font-weight: bold;
}

dd {
  display: block;
  margin-left: 7em;
  margin-top: 0.2em;
}

img {
  border: 0px solid black;
}

/*h2 {
  margin: 0px;
  font-size: 1.5em;
}*/

h2 {
  margin: 0px;
  margin-top: 2em;
  padding: 0.3em;
  padding-left: 1em;
  font-family: sans-serif;
  font-size: 0.8em;
  background-color: #eaf0e9;
  text-align: left;
}

h3 {
  font-size: 1em;
}

ul {
  margin: 0px;
  margin-left: 1em;
  padding-left: 2em;
}

li {
  margin: 0px;
}

em {
  font-weight: bold;
  font-style: italic;
  color: green;
}

.center {
  text-align: center;
}

/* Layout */
div.pseudobody {
  position: relative;
  margin: auto;
  text-align: left;
  width: 835px;
  border: 5px solid white;
  background-color: white;
}

div.header {
  background-color: rgb(52,113,33);
  background-image: url('../img/header.png');
  background-repeat: no-repeat;
  height: 192px;
  padding-bottom: 0px;
  margin: 0px;
  vertical-align: middle;
}

div.menu {
  background-image: url('../img/menu.png');
  background-repeat: repeat-x;
  background-color: rgb(88,156,82);
  height: 2em;
  padding-left: 1em;
}

div.menu li {
  height: 0% /*IE5 BUG*/
}

div.content {
  background-color: white;
}

div.footer {
  background-color: rgb(118,118,118);
  text-align: center;
  color: white;
  font-family: sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.3em;
  border: 0px solid black;
}

div.footer a {
  color: white;
}

div.footer div.footer_left {
  float: left;
  width: 10%;
  text-align: left;
}

div.footer div.footer_right {
  float: right;
  width: 25%;
  text-align: right;
  font-weight: normal;
  font-size: 0.8em;
  padding-top: 0.2em;
}

div.footer div.footer_center {
}

/* Header */

div.header h1 {
  margin: 0px;
  margin-left: 360px;
  font-size: 3em;
  font-family: sans;
  color: white;
  position: absolute;
  margin-top: 2.5%;
  text-align: center;
}

div.languages {
  text-align: right;
  padding: 0.5em;
}

div.languages img {
  border: 1px solid black;
  margin-right: 0.5em;
}

/* Menu */

div.menu ul {
  margin: 0px;
  padding-top: 0.5em;
}

div.menu li {
  display: inline;
  border-right: 1px solid white;
  padding-right: 0.5em;
  margin-left: 0.5em;
}


div.menu a {
  color: white;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 0.8em;
  text-decoration: none;
}

div.menu a:hover {
  text-decoration: underline;
}

/* Left Menu */
div.left_menu {
  float: left;
  width: 20%;
}

div.left_menu h2 {
  margin: 0.5em;
  padding: 0.4em;
  border: 1px solid black;
  background-image: url('../img/left_menu_header.png');
  background-color: rgb(143,182,137);
  background-repeat: repeat-x;
  color: rgb(236,237,205);
  font-size: 0.8em;
  font-family: sans-serif;
  text-align: center;
}

div.left_menu ul {
  margin-top: 0px;
  padding-left: 0px;
  margin-left: 0.5em;
  width: 93%;
}

div.left_menu li {
  display: block;
  list-style-type: none;
  background-image: url('../img/left_menu_disc.png');
  background-repeat: no-repeat;
  background-color: rgb(216,230,215);
  padding-left: 1.2em;
  margin-left: 0px;
  margin: 0.2em;
  border: 1px solid rgb(207,220,203);
}

div.left_menu li a {
  color: black;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.7em;
  text-decoration: none;
}

div.left_menu li a:hover {
  text-decoration: underline;
}

div.left_menu div.pocasi {
  margin-left: 0.5em;
}

div.left_menu div.wifi {
  text-align: center;
  margin-top: 0.5em;
}

/* Text Area */

div.text_area {
  margin-left: 22%;
  margin-right: 2em;
  margin-bottom: 2em;
  padding-top: 1.5em;
  position: relative;
}

  /* IE 3px bug fix */
* html div.text_area {
    height: 1%;
}

h1.MainHeading {
  margin: 0px;
  font-size: 1.8em;
}

div.ramecek {
  border: 1px dashed green;
  border-top: 0px solid black;
  margin: 0px;
  padding: 1em;
  background-color: #fffdff;
  text-align: justify;
}

div.ramecek li {
  margin: 0px;
  padding: 0px;
}

div.ramecek a img {
  border: 0px solid black;
}

div.ramecek p {
  margin-left: 1em;
}

/* Kontakt */
dt.single {
  float: none;
  display: block;
}

dl.kontakt dd {
  margin-left: 4em;
}

div.formular div {
  padding-left: 10em;;
}

div.formular label {
  display: block;
}

div.formular input {
  display: block;
  width: 15em;
}

div.formular input#sbmOdeslat {
  width: 8em;
  margin-left: 3em;
  margin-top: 1em;
}

div.formular textarea {
  display: block;
  width: 15em;
}


/* Fotogalerie */
div.fotogalerie {
  text-align: center;
  position: relative;
}

div.fotogalerie ul {
  margin-bottom: 2em;
  text-align: left;
}

div.fotogalerie li {
  display: inline;
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid green;
}

div.fotogalerie li a {
  color: green;
  font-family: sans-serif;
}

div.fotogalerie li a#active_section {
  color: blue;
}

div.fotogalerie img {
  border: 1px solid green;
}

/* Cenik */
table.cenik {
  position: relative;
  margin: auto;
  width: 60%;
  border: 1px solid green;
  border-right: 2px solid green;
  margin-bottom: 1em;
}

table#cenik2 {
  width: 90%;
}

table.cenik th {
  border-bottom: 2px solid green;
  background-color: rgb(234,240,233);
  text-align: left;
  padding: 0.2em;
  padding-left: 1em;
}

table.cenik td {
  text-align: left;
  padding: 0.2em;
  padding-left: 1em;
  border-bottom: 1px solid green;
}

table.cenik th.cena {
  text-align: right;
  padding-right: 4em;
}

table.cenik td.cena {
  text-align: right;
  padding-right: 3em;
}

/* Zajimave odkazy */
div.odkazy {
  margin: 2em;
  padding: 1em;
  border: 1px dotted black;
  border-bottom: 2px dotted rgb(128,128,128);
}

div.odkazy img {
  float: left;
  margin-right: 2em;
}

div.odkazy p {
  margin-left: 7em;
}

/* Mapa */
img.mapa {
  border: 1px solid black;
  margin: 1em;
}

/* Other */
.clearer {
  clear: both;
  visibility: hidden;
  margin: 0px;
  padding: 0px;
}

div.include_error {
  text-align: center;
  font-size: 1em;
  color: red;
  font-family: sans-serif;
  font-weight: bold;
}

div.mapa_umisteni {
  text-align: center;
}

.novy_radek {
  margin-top: 1em;
}

.no_top_margin {
  margin-top: 0px; 
}

.no_margin {
  margin: 0px;
}

.na_stred {
  text-align: center;
}