body {
	font-family: sans-serif;
	font-size: small;
	text-align: center;
	font-size: 12px;
	background-image: url(../images/bg.jpg);
	background-position: top center;
}

a {
	color: #f9c693;
      text-decoration: none;
}

a:hover {
	color: #f9c693;
      text-decoration: underline;
}

h1,h2,h3,h4 {
	font-family: Georgia, "New York CE", utopia, serif;
	=font-size: 22px;
	font-weight: normal;
	font-variant: small-caps;
	color: #ffdc9d;
}

#layout {
	margin: auto;
	text-align: left;
	width: 960px;
}

#logo {
	float: left;
	width: 100px;
	height: 80px;
}

#menu {
	float: left;
	margin: 27px 0 0 35px;
	=margin: 19px 0 0 37px;
}

#klub {
	float: left;
	width: 68px;
	height: 33px;
	background-image: url(../images/btn-klub.gif);
}

#klub:hover {
	background-position: -68px 0;
}

#restaurace {
	float: left;
	width: 123px;
	height: 33px;
	background-image: url(../images/btn-restaurace.gif);
}

#restaurace:hover {
	background-position: -123px 0;
}

#zabava {
	float: left;
	width: 95px;
	height: 33px;
	background-image: url(../images/btn-zabava.gif);
}

#zabava:hover {
	background-position: -95px 0;
}

#podmenu {
	float: left;
	width: 800px;
	height: 32px;
	margin-left: 40px;
}

#akce {
	float: left;
	width: 77px;
	height: 33px;
	background-image: url(../images/btn-akce.gif);
}

#akce:hover {
	background-position: -77px 0;
}

#nasihoste {
	float: left;
	width: 116px;
	height: 33px;
	background-image: url(../images/btn-nasihoste.gif);
}

#nasihoste:hover {
	background-position: -116px;
}

#fotogalerie {
	float: left;
	width: 127px;
	height: 33px;
	background-image: url(../images/btn-fotogalerie.gif);
}

#fotogalerie:hover {
	background-position: -127px;
}

#forum {
	float: left;
	width: 92px;
	height: 33px;
	background-image: url(../images/btn-forum.gif);
}

#forum:hover {
	background-position: -92px;
}

#kontakt {
	float: left;
	width: 90px;
	height: 33px;
	background-image: url(../images/btn-kontakt.gif);
}

#kontakt:hover {
	background-position: -90px;
}

#podmenurestaurace {
	position: absolute;
	visibility: hidden;
	z-index: 999;
}

#podmenuzabava {
	position: absolute;
	visibility: hidden;
	z-index: 999;
	margin-left: 80px;
}

#podmenuakce {
	position: absolute;
	visibility: hidden;
	z-index: 999;
	margin-left: 220px;
}

#podmenukontakt {
	position: absolute;
	visibility: hidden;
	z-index: 999;
	margin-left: 680px;
}

#podmenuklub {
	position: absolute;
	visibility: hidden;
	z-index: 999;
}
#jazzvbeskydech {
	float: left;
	height: 32px;
	width: 106px;
	background-image: url(../images/btn_vipkarta.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#vipkarta {
	float: left;
	height: 32px;
	width: 106px;
	background-image: url(../images/btn_vipkarta.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#aktuality {
	float: left;
	height: 32px;
	width: 82px;
	background-image: url(../images/btn-aktuality.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#facebook {
	float: left;
	height: 29px;
	width: 88px;
	background-image: url(../images/btn-facebook.jpg);
	background-repeat: no-repeat;
}

#kariera {
	float: left;
	height: 32px;
	width: 111px;
	background-image: url(../images/btn_nabidka_prace.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#program {
	float: left;
	width: 81px;
	height: 32px;
	background-image: url(../images/btn-program.jpg);
}

#firemniakce {
	float: left;
	width: 110px;
	height: 32px;
	background-image: url(../images/btn-firemni-akce.jpg);
}

#bowling {
	float: left;
	width: 81px;
	height: 32px;
	background-image: url(../images/btn-bowling.jpg);
}

#sipky {
	float: left;
	width: 65px;
	height: 32px;
	background-image: url(../images/btn-sipky.gif);
}

#kulecnik {
	float: left;
	width: 87px;
	height: 32px;
	background-image: url(../images/btn-kulecnik.gif);
}

#stolnifotbal {
	float: left;
	width: 118px;
	height: 32px;
	background-image: url(../images/btn-stolni-fotbal.gif);
}

#tydennimenu {
	float: left;
	width: 111px;
	height: 32px;
	background-image: url(../images/btn-tydennimenu.jpg);
}

#jidelnilistek {
	float: left;
	width: 152px;
	height: 32px;
	background-image: url(../images/btn-jidelni-listek.gif);
}

#napojovylistek {
	float: left;
	width: 169px;
	height: 32px;
	background-image: url(../images/btn-napojovy-listek.gif);
}

#pizza {
	float: left;
	width: 107px;
	height: 32px;
	background-image: url(../images/btn-pizza.gif);
}

#catering {
	float: left;
	width: 78px;
	height: 32px;
	background-image: url(../images/btn-catering.gif);
}

#rozvozjidla {
	float: left;
	width: 103px;
	height: 32px;
	background-image: url(../images/btn-rozvoz-jidlo.gif);
}

#content-container {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-homepage.gif);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-nasihoste {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-laco.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-nasihoste img{
	border: 1px solid #ffdc9d;
}

#content-container-restaurace {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-restaurace.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-restaurace2 {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-restaurace2.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-restaurace3 {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-restaurace3.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-zabava {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-zabava.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-bowling {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-bowling.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-sipky {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-sipky.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-kulecniky {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-kulecniky.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-fotbalek {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-fotbalek.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-hoste {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-hoste.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-hoste img{
	border: 1px solid #ffdc9d;
	margin-right: 15px; 
	margin-bottom: 5px;       
}

#content-container-catering {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-catering.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-historie {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-historie.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-historie img{
	border: none;
}

#content-container-historie2 {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-historie2.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-akce {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-akce.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-container-frydek {
	float: left;
	width: 915px;
	height: 425px;
	background-image: url(../images/bg-frydek.jpg);
	margin: 30px 0 0 15px;
	_margin: 30px 0 0 8px;
}

#content-box {
	float: right;
	width: 380px;
	background-color: black;
   opacity: .7;
   /* použito kvůli kompatibilitě se staršími verzemi Firefoxu a Mozilly */
   -moz-opacity: .7;
   filter:alpha(opacity=70);
	height: 425px;
	overflow: hidden;
}

#content-box {
	float: right;
	width: 390px;
	background-color: black;
   opacity: .7;
   /* použito kvůli kompatibilitě se staršími verzemi Firefoxu a Mozilly */
   -moz-opacity: .7;
   filter:alpha(opacity=70);
	height: 425px;
	overflow: hidden;
}

#content {
	margin-left: 560px;
	=margin-top: 20px;
	position: absolute;
	width: 320px;
	height: 425px;
	color: White;
}

#content2 {
	margin-left: 545px;
	=margin-top: 20px;
	position: absolute;
	width: 320px;
	height: 425px;
	color: White;
}

#kontaktbox {
	float: left;
	width: 300px;
	margin: 90px 0 0 -15px;
	_margin: 95px 0 0 0;
	z-index: 100;
}

#kontaktbox a{
	color: black;
      text-decoration: underline;
}

#kontaktbox a:hover{
      text-decoration: none;
}

#input-newsletter {
	width: 201px;
	_width: 211px;
	height: 20px;
	_height: 25px;
	background-image: url(../images/bg-inputbox.gif);
	background-repeat: no-repeat;
	border: 0px;
	padding: 5px 0 0 10px;
	font-size: x-small;
	color: brown;
}

#kontaktbox label {
	font-weight: bold;
}

#novinkabox {
	float: left;
	width: 310px;
	margin-top: 115px;
}

#novinkabox img {
	float: left;
	margin: 0 5px 5px 0;
}

#novinkabox a{
	color: black;
      text-decoration: underline;
}

#novinkabox a:hover{
      text-decoration: none;
}

#celaakce {
	position: absolute;
	margin: 95px 0 0 205px;
	float: right;
	display: block;
	width: 100px;
	height: 20px;
}

#dennimenubox {
	float: left;
	width: 300px;
	margin: 108px 0 0 50px;
	font-size: x-small;
	_font-size: 10px;
}

#dennimenubox table {
	width: 300px;
	font-size: x-small;
	_font-size: 10px;
}

#dennimenubox a{
	color: black;
      text-decoration: underline;
}

#dennimenubox a:hover{
      text-decoration: none;
}

#celemenu {
	display: block;
	float: right;
	width: 110px;
	height: 20px;
}

#footer {
	float: left;
	width: 930px;
	color: white;
	font-size: 10px;
}

.right {
	float: right;
	color: White;
}

.right a {
	color: White;
}

.left {
	float: left;
	margin: 0 10px 0 0;
	border: 0px;
}

#drobeckova-navigace {
	color: white;
	font-size: 9px;
}

#drobeckova-navigace a {
      text-decoration: underline;
}

#drobeckova-navigace a:hover {
      text-decoration: none;
}

#no-border img{
      border: none;
}

#servirky {
	width: 79px;
	height: 255px;
	background-image: url(../images/stolarna-servirka.gif);
	position: absolute;
	top: 200px;
	left: 0px;
}

#stravenky {
	width: 390px;
	color: White;
}

#oteviraci-doba {
	margin-left: 370px;
	position: absolute;
	color: White;
	font-size: x-small;
}