* { margin: 0; padding: 0; }
html { border: none; }

body {
	font: 0.75em/1.2 "Arial CE", Arial, sans-serif;
	color: #222; padding: 100px 0 20px 0;
	background: transparent url(images/body-bg.jpg) no-repeat 50% 0;
}

/* ---[ template ]---------------------------- */

#container {
  position: relative;
  width: 901px; height: 1030px; /*840px;*/
  margin: 0 auto;
}

#main {
  float: left;
  width: 258px; height: 111px;
  padding: 147px 0 0 13px;
  background: white url(images/main-bg.jpg) no-repeat 0 0;
}

#content {
  float: right; 
  /*overflow: hidden;*/
  width: 600px; min-height: 230px; _height: 230px;
  color: white;
  padding: 14px 15px;
  background-color: black;
}

#content div.floatleft { float: left; width: 380px; }
#content div.floatright { float: right; width: 180px; }
#content span.floatleft { float: left; }
#content span.floatright { float: right; }

#footer {
  position: absolute;
  bottom: 0; left: 0;
  color: white;
}

#footer span { padding: 0 5px; }
#footer a { color: white; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* ---[ general ]----------------------------- */

h1, h2, h3, h4, h5, h6 { 
  margin-bottom: 1.2em;
}

h1 { font-size: 200%; font-weight: normal; margin-bottom: 0.6em; }

h2 {
  font-size: 100%;
  text-decoration: underline;
}

h1.listek{
  margin-bottom: 0px;
}

a { color: white; text-decoration: underline; cursor: pointer; } 
a:hover { text-decoration: none; }
a img { border: none; }

p { margin-bottom: 1.2em; }
p.last { margin-bottom: 0; }
ul { list-style: none; }


.clear { clear: both; #font-size: 0; #height: 0; }
.nodisplay { display: none; }

/* ---[ content ]----------------------------- */

#gallery {
  float: right; overflow: hidden;
  width: 630px; text-align: left;
}

#gallery img { float: left; }

#havana {
 /* position: absolute;
  bottom: 90px; left: 0;*/
  margin-top: 10px;
  width: 185px; height: 245px;
  background: transparent url(images/havana-bg.png) no-repeat 0 0;
}

#havana span { display: none; }

.col1, .col2 { float: left; width: 250px; margin-right: 100px; }
.col2 { margin-right: 0; }
.col1 div, .col2 div {
    /*clear: both;*/
    margin: 0;
  }
.col1 h2, .col2 h2{
  clear: both;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
/*.col1 .clear, .col2 .clear { margin-bottom: 1.2em; }*/

.drink { float: left; width: 180px;}
.cl { float: left; width: 35px; }
.price { float: right; text-align: right; width: 35px; }

/* ---[ menu ]-------------------------------- */

#menu li { height: 26px; display: block; }

#menu .home, #menu .drinks, #menu .gallery, #menu .about {
  position: relative; overflow: hidden;
  height: 26px;
}

#menu.cs .home { width: 48px; }
#menu.cs .drinks { width: 117px; }
#menu.cs .gallery { width: 84px; }
#menu.cs .about { width: 117px; }

#menu.en .home { width: 48px; }
#menu.en .drinks { width: 148px; }
#menu.en .gallery { width: 101px; }
#menu.en .about { width: 143px; }

#menu.es .home { width: 48px; }
#menu.es .drinks { width: 129px; }
#menu.es .gallery { width: 119px; }
#menu.es .about { width: 198px; }

.home span, .drinks span, .gallery span, .about span {
  display: block; position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0;
}

#menu.cs .home span { background: transparent url(images/menu-home-cs.gif) no-repeat 0 0; }
#menu.cs .drinks span { background: transparent url(images/menu-drinks-cs.gif) no-repeat 0 0; }
#menu.cs .gallery span { background: transparent url(images/menu-gallery-cs.gif) no-repeat 0 0; }
#menu.cs .about span { background: transparent url(images/menu-about-cs.gif) no-repeat 0 0; }

#menu.en .home span { background: transparent url(images/menu-home-en.gif) no-repeat 0 0; }
#menu.en .drinks span { background: transparent url(images/menu-drinks-en.gif) no-repeat 0 0; }
#menu.en .gallery span { background: transparent url(images/menu-gallery-en.gif) no-repeat 0 0; }
#menu.en .about span { background: transparent url(images/menu-about-en.gif) no-repeat 0 0; }

#menu.es .home span { background: transparent url(images/menu-home-es.gif) no-repeat 0 0; }
#menu.es .drinks span { background: transparent url(images/menu-drinks-es.gif) no-repeat 0 0; }
#menu.es .gallery span { background: transparent url(images/menu-gallery-es.gif) no-repeat 0 0; }
#menu.es .about span { background: transparent url(images/menu-about-es.gif) no-repeat 0 0; }

#menu .home a:hover span, #menu .drinks a:hover span, #menu .gallery a:hover span, #menu .about a:hover span { background-position: 0 -26px; }

/* ---[ logo ]-------------------------------- */

#logo {
  position: absolute; display: block; overflow: hidden;
  width: 169px; height: 47px;
  top: 14px; left: 13px;
}

#logo span {
  display: block; position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0;
  background: white url(images/livingstone-logo.gif) no-repeat 0 0;
}

/* ---[ language ]---------------------------- */

#lng {
  position: absolute;
  top: -20px; left: 276px;
  width: 100px; height: 13px;
}

#lng a { 
  display: block; float: left;
  width: 18px; height: 13px;
  margin-left: 10px;
}

#lng .cs { background: transparent url(images/flag-cs.gif) no-repeat 0 0; }
#lng .en { background: transparent url(images/flag-en.gif) no-repeat 0 0; }
#lng .es { background: transparent url(images/flag-es.gif) no-repeat 0 0; }

label{
  margin-top: 5px;
  margin-bottom: 2px;
  display: block;
  float: left;
}
input, textarea {
  width: 170px;
  background-color: #000;
  color: white;
  border: 1px solid white;
}

#captcha {
  width: 23px;
  float: left;
  margin-top: 4px;
  margin-left:3px;
}

#submit{
  width: 60px;
  display: block;
  margin-top: 28px;
}

.error {
  background-color: #660000;
  padding: 3px; 
}

.ok {
  background-color: #003300;
  padding: 3px;
}

.contact_form h2{
  margin-bottom: 0.7em;
}

.contact_form form {
  margin-bottom: 5px;
}

h3.koncert {
margin-bottom: 0px;
}