body {
margin: 0; 
padding: 0;
background: #eee url("IMAGES/CSS/poz_body.gif") repeat-x 0 0;
font: 70%/140% verdana, sans-serif;
}

#div {padding: 0; margin: 0; border: 0;}


/* rozmístění */
#telo-null {
width: 705px;
margin: 20px auto 10px 65px;
background: transparent url(IMAGES/CSS/poz_telo.gif) 0 0 repeat-y;
}


/* hlavička */
#hlavicka-null {
position: relative;
}

#hlavicka {
height: 150px;
position: relative;
background: transparent url(IMAGES/CSS/poz_hlavicka.jpg) 0 0 no-repeat;
}

#jazyky {
position: absolute;
width: 630px;
right: 0;
_right: -1px;
bottom: 0; 
height: 20px;
margin: 0 30px;
background: #77878c url(IMAGES/CSS/poz_jazyky.png) 100% 0 no-repeat;
line-height: 20px;
padding-right: 20px;
text-align: right;
color: #fff;
}

#jazyky a {color: #fff; text-decoration: none}
#jazyky a:hover {text-decoration: underline}


/* obsah */
#aktualne-null {
float: right;
width: 160px;
background: #eee;
border: 1px solid #15323a;
margin: 10px 5px 10px 15px;
}

#aktualne {
text-align: center;
padding-bottom: 5px;
}

#rezervace-null {
height: 40px;
background: transparent url(IMAGES/CSS/poz_dale.gif) 5px 50% no-repeat;
border: 1px solid #eee;
margin: 15px 0 0 0;
}

#rezervace {
padding-left: 50px;
}

#menu-null {
position: relative;
height: 300px;
background: #eee url(IMAGES/CSS/poz_menu.jpg) 0 0 no-repeat;
}

#menu {
text-align: right;
padding: 40px 40px 0 0;
_padding-right: 25px;
}

.foto-menu-1 {
position: absolute;
left: 40px; 
top: 50px;
z-index: 100;
}

.foto-menu-2 {
position: absolute;
left: 260px; 
top: 50px;
z-index: 100;
}

#obsah-null, #obsah-null-index {
margin: 0 20px;
background: #fff;
}

#obsah-null-index {
background: #fff url(IMAGES/CSS/poz_obsah.jpg) 100% 120% no-repeat
} 

#obsah {
padding: 0 10px 5px;
}

#patka-null {
clear: both;
background: transparent url(IMAGES/CSS/poz_patka.jpg) 0 100% no-repeat;
}

#patka {
padding: 30px 0;
text-align: center;
}


/* menu */
ul#hlavni-menu {
margin: 20px 10px 0 auto; 
text-align: right;
list-style-type: none;
padding: 0;
line-height: 1.2;
width: 180px
}

#hlavni-menu li {
width: 180px
}

#hlavni-menu a {
border-bottom: 1px solid #ccc;
display: block;
width: 148px;
text-transform: uppercase;
color: #000;
font-weight: bold;
padding: 4px 14px 4px 28px;
margin: 0;
text-decoration: none;
}

#hlavni-menu a:hover {color: #6b1f08; background: transparent url(IMAGES/CSS/dot.png) 2px 50% no-repeat;}


/* konkrétní styly */
/* obrázky */
img {padding: 0; margin: 0; border: 0;}

/* nadpisy */
h1, h2, h3, h4 {padding: 0; margin: 0; text-transform: uppercase; color: #6b1f08;}
h1 {font-size: 140%; padding: 0}
#hlavicka h1 {position: absolute; top: 10px; left: 50px;}     

h2 {font-size: 120%; padding: 2px; margin: 5px 0;}
#aktualne h2 {margin: 0; padding: 2px; color: #fff; background-color: #15323a;}
h2.index {width: 420px; padding: 5px;} 

h3 {font-size: 100%; padding: 2px; margin: 5px 0; _margin: 0; color: #15323a;}
#aktualne h3 {margin: 0; padding: 5px 0 2px 0; color: #6b1f08;}

h4 {font-size: 80%}

#hlavni-nadpis {
position: relative;
width: 95px; 
height: 120px;
overflow: hidden;
}

#hlavni-nadpis span {
display: block;
position: absolute; 
left: 0; 
top: 0; 
z-index: 1;
width: 95px; 
height: 120px;
background: transparent url(IMAGES/CSS/logo.jpg) 0 0 no-repeat;
}

/* odstavce */
p {padding: 2px 0; margin: 0; margin-bottom: 5px;}
#aktualne p {margin: 0; padding: 0;}
#patka p {padding: 7px 0 5px; margin: 0; margin-bottom: 5px;}
p.index {width: 400px}
p.upresni-rezervaci {padding-bottom: 10px; _padding-bottom: 0; font-style: italic;}

/* tabulky */
table {width: 99%; text-align: left; border-collapse: collapse;}
td,th {border: 0; border-collapse: collapse; text-align: left; vertical-align: top;}
table.kontakt, .kontakt td {border: 1px solid #6b1f08; background-color: #fae0b9}
.kontakt td {padding: 2px;}
.table-kontakt {margin: 0 auto;}
.table-komentare {width: 450px; margin: 15px 0; border-top: 12px solid #6b1f08; background-color: #fae0b9;}
.table-komentare td {padding: 1px 5px;}

/* formuláře */
option, input, textarea, select {font: 100% verdana, sans-serif;}
.table-kontakt option, .table-kontakt input, .table-kontakt textarea, .table-kontakt select {border: 1px solid #f9a61a;}
input.odeslat  {display: block; padding: 2px 5px; margin: 5px 5px 5px auto; font-weight: bold; color: #fff; text-align: center; background-color: #6b1f08; border: 1px outset #ccc;}
input.odeslat:hover {padding: 3px 4px 1px 6px; cursor: pointer;}
textarea {font-size: 100%;}
fieldset {border: 1px solid #f9a61a; border-top: 4px solid #f9a61a; padding: 12px 5px 8px;}
legend {_padding-bottom: 10px;}
/* odrážky */
ul {margin: 0; padding: 0; list-style-type: none;}
ul.popis {margin: 5px; padding: 5px;}

ul.popis li {
margin: 5px 0 0 5px;
padding-left: 15px;
background: transparent url(IMAGES/CSS/bullet_ostatni.gif) 0 6px no-repeat;
}

ul.index li {
margin: 0 10px;
padding: 1px 20px;
list-style-type: none;
background: transparent url(IMAGES/CSS/bullet.gif) 0 50% no-repeat;
}


/* ikonky */
.inline-button {
_width:12em;
font-size: 80%;
font-weight: bold;
margin: 0 0.2em; 
padding: 0.1em 0; 
_padding:0;
border: 1px solid black;
white-space:nowrap;
text-decoration: none;
vertical-align:middle;
background: #ccc;
color: black;
}

.inline-button em {
_width: 1em; 
_cursor: hand;
font-style: normal;
margin:0; 
padding: 0.1em 0.5em;
background: white;
color: black;
}

.inline-button span {
_width: 1em; 
_cursor: hand;
margin:0; 
padding: 0.1em 0.5em 0.1em 0.3em;
}

.inline-button:hover {
background: #666;
color: white;
}

.inline-button:hover em {
background: black;
color: white;
}

.orange { background: orange; color: black }
.orange em { background: white; color: #c60 }

.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }

.darkblue { background:#006; color:white }
.darkblue em { background:#ccf; color:#006 }

.brown { background:#dd9; color:black }
.brown em { background:#003; color:#ffc }


/* upřesnění */
#toplist {position: absolute; left: 0; top: 0; z-index: 100;}
.nahoru, {text-align: right; padding-top: 15px;}
.komentare {text-align: left; margin: 10px 5px; padding: 10px 15px; background: transparent url(IMAGES/CSS/poz_komentare.gif) 0 30% no-repeat;}
.hlaska {border: 1px solid #7e7e7e; padding: 2px; margin: 20px 0; text-align: center; color:#6b1f08;}
.foto {padding: 10px 0; text-align: center; background-color: #F3F3F3;}
.foto img {border: 1px solid #15323a;}
.komentar, .form-rezervace {margin: 5px 0 15px; width: 450px;}
.komentar-nadpis {padding: 10px 15px; background: transparent url(IMAGES/CSS/poz_komentare.gif) 0 30% no-repeat;}