body {
 font-family: Verdana, Geneva, Tahoma, Arial, Heveltica, sans-serif;
 font-size: 0.8em;
 background: #c96;
 margin: 0;
 padding: 0;
}

a{
 color: #33261A;
}

a:visited{
 color: #221509;
}

a:hover{
 text-decoration: none;
 color: #000;
}

img{
 border: 0;
}

#wrapper {
 /* max-width hack for IE since it doesn't understand the valid css property */
_width: expression(document.body.clientWidth > 950 ? "950px" : "760px");
 max-width: 950px;
 min-width: 760px;
 margin: 0 auto;
 padding: 0;
 background: #E6CDB3;
 border: 1px solid #000;
 border-width: 0 1px;
}

#wrapper[id] {
 width: 94%;
}

#header {
 margin: 0;
 height: 140px;
 background: url("gfx/header.jpg") center right no-repeat;
}

#header *{
 display: none;
 visibility: hidden;
 speak: normal;
}

#header h1{
 margin: 0;
 padding: 1em;
}

#content {
 float: right; 
 width: 78%;
 overflow: hidden;
 margin: 0;
 padding: 0.4em 1%;
 text-align: justify;
 background: #D9B38D;
 border-left: 1px dotted #000;
 color: #140F0A;
 min-height: 32em; 
}

#content h2{
 margin: 0.5em 0;
 font-size: 1.5em;
 font-style: italic;
 font-weight: bold;
 text-align: left;
 background: url("gfx/content-h-main.jpg") center left no-repeat;
 min-height: 37px;
_height: 37px;
 padding-top: 13px;
 padding-left: 100px;
}

#content h3{
 margin: 0.5em 0;
 font-size: 1.3em;
 font-style: italic;
 font-weight: bold;
 text-align: left;
 background: url("gfx/content-h-bg.jpg") center left no-repeat;
 min-height: 26px;
_height: 26px;
 padding-top: 4px;
 padding-left: 45px;
}

#content ul li{
 margin: 0.3em;
}

.nobottommargin {
  margin-bottom: 0 !important;
}

.nicebg{
  background-color: #dfc1a3;
  padding: 0.5em 0.4em;
}

.pricelist{
  margin-left: 0;
  padding-left: 1em;
  height: 100px;
  overflow: auto;
  border: 1px dotted #559;
}

.halfdiv {
  float: left;
  width: 45%;
  margin: auto 1em;
}

.entry h3, .entry h4{
 margin-bottom: 0.5em;
}

.entry h4 {
 border-left: 5px solid #000;
 border-bottom: 1px dotted #559;
 padding-left: 1em;
 max-width: 20em;
 width: 15em;
}

.entry{
 color: #322220;
}

.entrybottom{
 margin-top: 1em;
 color: #000;
}

.entryinfo{
 float: right;
 color: #664D33;
 font-size: 0.8em;
 padding-left: 0.3em;
 margin-left: 0.3em;
 border-left: 1px dotted #9B7156;
 margin-top: 0;
 width: 16.5em;
}

.ocena{
 font-size: 1.4em;
 font-weight: bold;
 color: #BC2008;
}

.ocenas{
 color: #BC2008;
}

.commentinfo1, .commentinfo2, .crewcommentinfo1, .crewcommentinfo2 {
 color: #664d33;
 font-size: 1em;
 border-bottom: 1px dotted #00c;
 margin-left: 1em;
 padding-left: 0.5em;
 margin-bottom: 0;
}

.commentinfo1, .crewcommentinfo1 {
  background-color: #ead1b8;
}

.commentinfo2, .crewcommentinfo2 {
  background-color: #ead1b8;
}

.comment1, .comment2 {
 margin-left: 1em;
 padding: 0.5em 1em;
 margin-top: 0;
}

.comment1 {
  background-color: #e2cab1;
}

.comment2 {
  background-color: #dfc1a3;
}

.entryfoot {
 text-align: right;
 padding-right: 20%;
 border-bottom: 1px dotted #000;
 color: #efd;
}

.membernick{
 color: #000;
}

.nomembernick{
 color: #33261a;
}

.message, .error{
 margin: 0.5em;
 color: #0A6E25;
 font-weight: bold; 
}

.error{
 color: #c00;
}

.info, .maininfo{
 font-style: italic;
 font-size: 0.9em;
 border: 1px dotted #e6cdb3;
 margin: 1em 2em;
 padding: 0.3em;
}

.maininfo {
 font-size: 0.8em;
}

ul.navi{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.navi li{
  display: inline;
  margin: auto -1px !important;
  line-height: 2.2em;
}

.navi {
 text-align: center;
 margin-bottom: 0.5em;
}

ul.navi a{
  padding: 0.3em;
  border: 1px solid #e6cdb3;
  background: #dfc1a3;
  margin: 0;
}

ul.navi a:hover{
  background: #ead1b8;
  border: 1px solid #76431b;
}

.formularz input, .formularz textarea {
 display: block;
}

.fotki img {
 margin-left: 2em;
 border: 1px dotted #6f4b0b;
}

.disclaimer{
 font-size: 0.8em;
}

#menu {
 width: 18%;
 float: left;
 margin: 0;
 padding: 0.4em 0.8%;
 font-size: 0.88em;
 min-height: 32em;
 background-color: #e6cdb3;
}

#menu[id] {
 height: auto;
}

#menu h2{
 margin: 0;
 font-size: 1.4em;
 font-style: italic;
 text-align: left;
 background: url("gfx/menu-h-bg.jpg") center left no-repeat;
 min-height: 25px;
_height: 25px;
 padding-top: 5px;
 padding-left: 40px;
 margin-bottom: -5px;
}

#menu ul {
 margin: 0;
 padding: 0.5em 0;
}

#menu ul li{
 list-style-type: none;
 text-align: center;
 margin: 0;
 padding: 0.1em;
}

#menu a{
 font-weight: bold;
 text-decoration: none;
 display: block;
 background-color: #ecd3b9;
}

#menu a:hover{
 background: #933;
 color: #fff8f0;
}

#menu input{
 background-color: #e6cdb3;
 border: 2px solid #bb864b;
 margin: 1px;
}

#menu input.intxt{
 width: 10em;
}

#footer {
 clear: both;
 text-align: center;
}

#links{
 opacity: 0.5;
 font-size: 0.75em;
 text-align: center;
 margin-top: 0.2em;
}

#links ul{
 margin: 0;
 padding: 0;
}

#links li{
 display: inline;
 margin: 1px auto;
}

.center{
 text-align: center;
}

.left{
 text-align: left;
}

.right{
 text-align: right;
}

#search {
 text-align: right;
 padding-right: 1em;
 padding-bottom: 0.2em;
 border-bottom: 1px dotted #E6CDB3;
 font-size: 0.8em;
}

#search input{
 background-color: #e6cdb3;
 border: 1px solid #bb864b;
 margin: 1px;
 font-size: 1.1em;
}

#map {
 height: 420px;
 margin: 0 2em;
 overflow: hidden;
}

#map h3{
 background: none;
 padding: 0.2em;
 margin: 0;
}

#map .ocena{
 font-size: 1em;
 font-weight: bold;
 text-align: center;
}

.pointinfo {
 border: 0;
 width: 70%;
 text-align: left;
}

.pointinfo td{
 padding-left: 1em;
 width: auto;
 vertical-align: top;
}

.pointinfo .image{
 text-align: center;
 width: 160px;
}

#toplista {
  float: right;
  width: 170px;
  text-align: left;
  margin-left: 1em;
  font-size: 0.8em;
}

#toplista h3{
  font-size: 1.2em;
  background: url("gfx/menu-h-bg.jpg") center left no-repeat;
  padding-top: 8px;
  padding-left: 36px;
}

#toplista ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.2em;
  background-color: #e6cdb3;
  border: 1px solid #000;
}

.clear{
  clear: both;
}

.small {
  font-size: 0.8em;
}

#marklist{
  width: 150px;
  float: right;
  margin-left: 5px;
  background: #D9B38D;
}

#marklist ul{
  list-style-type: none;
  padding: 0 0.3em;
  border: 1px dotted #559;
  border-width: 0 0 1px 1px;
  margin-bottom: 0;
}

#marklist li {
  background-color: #dfc1a3;
  padding: 2px;
}

#marklist li:hover {
  background-color: #f6ddc3;
}

#marklist .small {
  font-style: italic;
}