/* general */

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

body {
font-family: "Times New Roman", Times, serif;
font-size: 85%;
color: #ecdfaa;
text-align: center;
background: #ecdfaa url("../grafika/bg.jpg") repeat-x top center;
}

a, a:link {
color: #d3d180;
text-decoration: underline;
}

a:visited {
color: #ecdfaa;
}

a:hover, a:active, a:focus {
color: white;
}

.creme {
color: #ecdfaa;
}

.white {
color: white;
}

.green {
color: #d3d180;
}

.grey {
color: #666;
}

/* logo */
h1 {
color: white;
font-size: 190%;
text-transform: uppercase;
}

h1 a {
display: block;
}

/* aktivni polozka menu */
h2 {
height: 35px;
width: 214px;
font-size: 100%;
font-weight: bold;
color: #d3d180;
overflow: hidden;
text-align: right;
position: relative;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	color: #d3d180;
	margin: 50px 0 5px;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
}

h3.first {
margin-top: 0;
}

h4 {
font-size: 110%;
color: white;
font-weight: normal;
}

p {
margin: 10px 0;
line-height: 160%;
font-size: 100%;
}

ul {
margin: 10px 0;
line-height: 160%;
}

li {
margin-left: 30px;
list-style: square;
}

.cistic {
_height: 1px;
_width: 1px;
_font-size: 1px;
_line-height: 1px;
_margin: -1px -1px 0 0;
clear: both;
}

.strong {
font-weight: bold;
}

input, textarea, select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
padding: 3px;
}

hr {
height: 6px;
color: #313131; 
background: #313131;
border: #313131;
margin: 5px 0 10px; 
=margin: 0; 
clear: both;
}

table {
width: 100%;
line-height: 200%;
margin-bottom: 30px;
}

table td.cena {
text-align: right;
color: #666;
}

/* kontakt */

address {
color: #d3d180;
font-style: normal;
line-height: 160%;
}

p.kontakty {
width: 50%;
float: left;
}

img.mapa {
margin: 20px 0 30px;
}

/***************** layout *************/

#main {
width: 777px;
margin: 0 auto;
text-align: left;
position: relative;
}

#logo {
width: 285px;
height: 268px;
background: black;
float: left;
position: relative;
}

#header {
width: 492px;
height: 268px;
background: url("../grafika/header.jpg") no-repeat;
float: left;
}

#bannerflash {
width: 235px ;
height: 235px ;
position: absolute;
top: 20px;
left: 338px;
border: 7px solid white;
}

/*** menu ***/

#logo ul {
width: 214px;
height: 234px;
font-size: 100%;
padding: 0;
margin: 0;
line-height: 100%;
background: white;
position: absolute;
top: 140px;
right: 0;
}

#logo ul li {
width: 214px;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0;
list-style: none;
color: black;
display: block;
text-transform: uppercase;
position: relative;
float: left;
}

#logo ul li#jedna {
height: 37px;
line-height: 37px;
}

#logo ul li#pet {
height: 92px;
line-height: 92px;
}

li#jedna span,
li#dva span, 
li#tri span,
li#ctyri span,
li#pet span {
width: 214px;
height: 37px;
display: block;
background: url("../grafika/menu.jpg") no-repeat -214px 0;
position: absolute;
left: 0;
top: 0;
text-align: center;
overflow: hidden;
}

li#dva span {
height: 35px;
background: url("../grafika/menu.jpg") no-repeat -214px -37px;
}

li#tri span {
height: 35px;
background: url("../grafika/menu.jpg") no-repeat -214px -72px;
}

li#ctyri span {
height: 35px;
background: url("../grafika/menu.jpg") no-repeat -214px -107px;
}

li#pet span {
height: 92px;
background: url("../grafika/menu.jpg") no-repeat -214px -142px;
}

li#jedna a, li#jedna a:link,
li#dva a, li#dva a:link, 
li#tri a, li#tri a:link,
li#ctyri a, li#ctyri a:link,
li#pet a, li#pet a:link {
width: 214px;
height: 37px;
color: black;
text-align: right;
display: block; /*dulezite*/
position: absolute;
left: 0;
top: 0;
background: url("../grafika/menu.jpg") no-repeat 0 0;
overflow: hidden;
}

li#dva a, li#dva a:link {
height: 35px;
background: url("../grafika/menu.jpg") no-repeat 0 -37px;
}

li#tri a, li#tri a:link {
height: 35px;
background: url("../grafika/menu.jpg") no-repeat 0 -72px;
}

li#ctyri a, li#ctyri a:link {
height: 35px;
background: url("../grafika/menu.jpg") no-repeat 0 -107px;
}

li#pet a, li#pet a:link {
height: 92px;
background: url("../grafika/menu.jpg") no-repeat 0 -142px;
}

li#jedna a:hover, li#jedna a:focus, li#jedna a:active,
li#dva a:hover, li#dva a:focus, li#dva a:active,
li#tri a:hover, li#tri a:focus, li#tri a:active,
li#ctyri a:hover, li#ctyri a:focus, li#ctyri a:active,
li#pet a:hover, li#pet a:focus, li#pet a:active {
color: #d3d180;
background: url("../grafika/menu.jpg") no-repeat -214px 0;
}

li#dva a:hover, li#dva a:focus, li#dva a:active {
background: url("../grafika/menu.jpg") no-repeat -214px -37px;
}

li#tri a:hover, li#tri a:focus, li#tri a:active {
background: url("../grafika/menu.jpg") no-repeat -214px -72px;
}

li#ctyri a:hover, li#ctyri a:focus, li#ctyri a:active {
background: url("../grafika/menu.jpg") no-repeat -214px -107px;
}

li#pet a:hover, li#pet a:focus, li#pet a:active {
background: url("../grafika/menu.jpg") no-repeat -214px -142px;
}


/**obsah**/

#obal {
width: 777px;
background: black url("../grafika/bg2.jpg") repeat-y;
float: left;
}

#inner {
width: 777px;
min-height: 530px;
_height: 530px;
background: url("../grafika/bottom.jpg") no-repeat bottom left;
float: left;
}

#obsah {
width: 422px;
padding: 15px 40px 390px 30px;
overflow: hidden;
float: right;
}

#obsah2 {
width: 422px;
padding: 15px 40px 390px 30px;
overflow: hidden;
float: left;
}

ul#kategorie {
width: 245px;
min-height: 300px;
margin: 0;
text-align: right;
line-height: 130%;
padding: 110px 20px 420px 20px;
font-family: Arial, Verdana, Helvetica, sans-serif;
float: left;
}

ul#kategorie li {
font-size: 90%;
list-style: none;
margin-bottom: 10px; 
color: white;
text-transform: uppercase;
}

ul#kategorie li h3 {
font-size: 100%;
font-weight: bold;
padding: 0;
color: white;
margin: 0;
display: inline;
}

.datum {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: white;
font-size: 90%;
}

.item {
margin: 18px 0;
line-height: 115%;
background: url("../grafika/dot.jpg") repeat-x bottom left;
}

.nazev {
padding-right: 10px;
background: black;
float: left;
font-style: italic;
}

.amount {
background: black;
padding-right: 5px;
color: #666;
font-size: 90%;
font-style: italic;
}

.cena {
padding-left: 5px;
color: #d3d180;
background: black;
float: right;
font-style: italic;
white-space: nowrap;
}

.popis {
color: #666;
font-size: 90%;
line-height: 150%;
}


/*** rezervace ***/

form {
margin-top: 20px;
}

fieldset {
border: 1px solid #313131;
padding: 20px;
}


input {
border: 1px solid #666;
background: #303030;
color: white;
}

input#button {
margin: 5px 0;
float: right;
border: 0;
background: none;
}

label {
font-size: 90%;
=font-size: 85%;
color: #d3d180;
padding-top: 3px;
float: left;
width: 30%;
}

/* paticka */


#paticka {
width: 680px;
height: 50px;
line-height: 50px;
padding-left: 97px;
font-size: 80%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: black;
text-align: left;
background: url("../grafika/paticka.jpg") no-repeat;
float: left;
clear: both;
}

#paticka a, #paticka a:link {
color: #9ba13a;
text-decoration: underline;
}

#paticka a:visited {
color: black;
}

#paticka a:hover, #paticka a:active, #paticka a:focus {
color: #8d8c8c;
}

.oddelovac {
color: #8d8c8c;
padding: 0 7px;
}

td.gall
{
	width: 156px;
	height: 156px;
	background-color: Black;
	border: 1px solid #6A6A6A;
	text-align: center;
	vertical-align: middle;
}

#facebook {
width: 200px ;
height: 100px ;
position: absolute;
top: 55px;
left: 650px;
}