/*RESET*/
body, html, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, img, pre, hr, form, blockquote, fieldset {
margin: 0;
padding: 0;
}

/*DEFINICE PISMA*/
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
font-family: "Times New Roman", Times, serif;
}

h1 {
font-size: 200%;
}

h2 {
font-size: 180%;
}

h3 {
font-size: 150%;
}

h4, h5 {
font-size: 100%;
font-family:"Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
}

h6 {
font-size: 100%;
}

a, a:link {
color: #000000;
}

a:hover {
text-decoration: underline;
}

a {
text-decoration: none;
}

.aktuality {
text-decoration: underline;
}





body, html {
height: 100%;
text-align: center;
}

body {
font-family:"Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
font-size: small;
line-height: 160%;
color: #875111;
background: #c97021 url(../images/bg-line.png) repeat-x top left;
}

/*LOGO*/
#logo {
float: left;
position: relative;
margin: 8px 0 0 340px;
overflow: hidden;
}

#logo, #logo a, #logo span {
display: block;
width: 298px;
height: 189px;
}

#logo {
display: inline;
}

#logo span {
position: absolute;
left: 0;
top: 0;
background: #c97021 url(../images/logo.gif) no-repeat top left;
}

/*HLAVNI BLOK*/
div#main {
width: 980px; 
margin: 8px auto 0 auto;
text-align: left;
}

div#header {
width: 980px;
height: 201px;
background: url(../images/header.jpg) no-repeat center 2px;
}

.middle {
width: 980px;
background: transparent url(../images/header-midline.png) repeat-y top left;
}

.top {
width: 980px;
height: 8px;
font-size: 1px;
background: transparent url(../images/header-topline.png) no-repeat top left;
}

.bottom {
width: 980px;
height: 8px;
background: transparent url(../images/header-botline.png) no-repeat bottom left;
}

#content #conteiner {
margin: 20px 20px 10px 20px;
}

#content #conteiner img {
margin: 0 10px 0 0;
}

#content #conteiner img.mnul {
margin: 0;
}

/*MENU HORIZONTALNI + JAZYKY*/
ul#menu {
height: 37px;
margin: 4px 0 0 4px;
font-weight: bold;
overflow: hidden;
}

.middle ul#menu li {
float: left;
width: 157px;
height: 37px;
line-height: 37px;
margin: 0 0 0 4px;
text-align: center;
display: inline;
list-style-type: none;
white-space: nowrap;
font-size: 105%;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
background: url(../images/menu.png) no-repeat top left;
}

.middle ul#menu li.red {
background: url(../images/menu_red.png) no-repeat top left;
}




.middle ul#menu li a {
display: block;
height: 37px;
line-height: 37px;
margin: 0 0 0 2px;
color: #ffffff;
}

div#icon {
margin: 4px 0 0 0;
}

div#icon img {
margin: 0 0 2px 6px;
}
div#content {
margin: -2px 0 0 0;
}

div#content .top {
height: 8px;
font-size: 1px;
background: transparent url(../images/content-topline.png) no-repeat top left;
} 

div#content .bottom {
height: 8px;
background: transparent url(../images/content-botline.png) no-repeat left top ;
} 

div#content .middle {
width: 979px;
background: transparent url(../images/content-midline.png) repeat-y left top;
} 

/*OBSAH*/
div#left {
float: left;
width: 187px;
margin: 0 0 0 9px;
display: inline;
font-family: "Times New Roman", Times, serif;
}

div#left p {
font-size: 115%;
}

div#left .info {
width: 187px;
margin: 0 0 5px 0;
line-height: 37px;
text-align: center;
color: #ffffff;
font-size: 115%;
background: url(../images/menu_aktual.png) no-repeat top left;
}

#left h4.title {
color: #875111;
} 

#left p.food {
text-align: center;
margin: 0 0 20px 0;
}

#right h3 {
margin: 0 0 10px 0;
}

#right p {
margin: 0 0 10px 0;
} 

div#right {
float: left;
width: 760px;
margin: 0 0 0 16px;
text-align: left;
}

div#right table {
font-size: 100%;
margin: 0 0 20px 0;
text-align: left;
}

div#right table tr th {
width: 200px;
}

div#right ul {
margin: 20px 0 20px 0;
}

div#right ul.sport {
margin: 10px 0 20px 0;;
} 

div#right ul li, .sport li {
margin: 0 0 10px 0;
padding: 0 0 0 35px;
list-style-type: none;
background: url(../images/menu-icon.png) no-repeat left 0.6em;
}


/*PATICKA*/
div#foot {
padding: 0 2px 20px 0;
text-align: right;
color: #ffffff;
}

div.img {
float: left;
width: 231px;
}

div.reservation {
float: left;
width: 470px;
margin: 0 0 0 30px;
}

/*KONTAKTY*/
.lft {
position: relative;
top: 0;
left: 0;
float: left;
width: 245px;
height: 246px;
font-weight: bold;
}

div.contact {
margin: 20px 0 40px 0;
}

div.contact span {
position: absolute;
bottom: 0;
left: 0;
}

div.contact a {
color: #875111;
text-decoration: underline;
}

img.cimg {
float: left;
}

/*CISTIC*/
.cleaner {
clear: both;
height: 0;
line-height: 0px;
font-size: 0px;
content: ' ';
overflow: hidden;
}

/*FORMULAR*/
form { 
width: 460px
}

form#contact {
width: 720px;
clear: both;
}

fieldset {
padding: 10px 0;
border: none;
}

form label { 
display: block;  
float: left; 
width: 170px;  
font-weight: bold;
}

form input#reset {
margin-left:0px; 
}

form br {
display: none;
}

#name, #datefrom, #dateto, #address, #phone, #person, textarea, select, #cname, #email, #ccomments {
width: 250px;
margin: 0 0 10px 0;
border: 1px solid #875111;
}

#cname, form#contact #email, #ccomments {
width: 535px;
}

p.submit {
padding: 0 35px 0 0;
text-align: right;
}

form#contact p.submit {
padding: 0 10px 0 0;
}


form span {
position: relative;
top: -5px;
}


#datefrom, #dateto {
vertical-align:middle;
width: 100px;
}
/*OBECNE STYLY*/
h3.sol {
padding: 20px 0 0 0;
}

.title {
margin: 0 0 5px 0;
color: #76490b;
}

.white {
color: #ffffff;
}

.black {
color: #000000;
}

.noscreen {
display: none;
}

img {
border: none;
}

.eat {
text-decoration: underline;
color: #76490b;
}