* { margin: 0; padding: 0; font-size: small; }

body, html {
	font-family: 'Trebuchet MS', Tahoma, Verdana;
	background: url('images/background.png') top left repeat;
	margin-top: 5px;
	color: black;
	font-size: small;
}

div#container {
	width: 917px;
	/* IE6 min-height hack:*/
	min-height: 600px;
	height: auto !important;
	height: 600px;
	/**/
	margin: 0 auto;
}


/*
** MENU
*/

div#menu_wrap {
	width: 917px;
	height: 49px;
	float: left;
}

div#top {
	width: 917px;
	height: 75px;
	background: url('images/menu_top.png') top left no-repeat;
	float: left;
}

#menu_wrap #left {
	width: 115px;
	height: 49px;
	background: url('images/menu_left.png') top left no-repeat;
	float: left;
}

#menu_wrap #right {
	width: 101px;
	height: 49px;
	background: url('images/menu_right.png') top left no-repeat;
	float: left;
}


ul#menu {
	width: 701px;
	height: 49px;
	float: left;
	list-style: none;
}

#menu li { float: left; }
#menu li a { display: block; width: 117px; height: 49px; cursor: pointer; background: black; color: gray;  }
#menu li a.smaller { width: 116px; }
#menu li a:hover { color: white; }

li#uvod a span {
	width: 116px;
	height: 49px;
	background: url('images/uvod.png') top left no-repeat;
	position: absolute;
}

li#jedalny a span {
	width: 117px;
	height: 49px;
	background: url('images/jedalny.png') top left no-repeat;
	position: absolute;
}

li#napojovy a span {
	width: 117px;
	height: 49px;
	background: url('images/napojovy.png') top left no-repeat;
	position: absolute;
}

li#tyzdenne a span {
	width: 117px;
	height: 49px;
	background: url('images/tyzdenne.png') top left no-repeat;
	position: absolute;
}

li#galeria a span {
	width: 117px;
	height: 49px;
	background: url('images/galeria.png') top left no-repeat;
	position: absolute;
}

li#kontakt a span {
	width: 117px;
	height: 49px;
	background: url('images/kontakt.png') top left no-repeat;
	position: absolute;
}

li#uvod a span:hover {
	width: 116px;
	height: 49px;
	background: url('images/uvod.png') top left no-repeat;
	background-position: 50%;
}

li#jedalny a span:hover {
	width: 117px;
	height: 49px;
	background: url('images/jedalny.png') top left no-repeat;
	background-position: 50%;
}

li#napojovy a span:hover {
	width: 117px;
	height: 49px;
	background: url('images/napojovy.png') top left no-repeat;
	background-position: 50%;
}

li#tyzdenne a span:hover {
	width: 117px;
	height: 49px;
	background: url('images/tyzdenne.png') top left no-repeat;
	background-position: 50%;
}

li#galeria a span:hover {
	width: 117px;
	height: 49px;
	background: url('images/galeria.png') top left no-repeat;
	background-position: 50%;
}

li#kontakt a span:hover {
	width: 117px;
	height: 49px;
	background: url('images/kontakt.png') top left no-repeat;
	background-position: 50%;
}

li#uvod a span.active {
	width: 116px;
	height: 49px;
	background: url('images/uvod.png') top left no-repeat;
	background-position: 100%;
}

li#jedalny a span.active {
	width: 117px;
	height: 49px;
	background: url('images/jedalny.png') top left no-repeat;
	background-position: 100%;
}

li#napojovy a span.active {
	width: 117px;
	height: 49px;
	background: url('images/napojovy.png') top left no-repeat;
	background-position: 100%;
}

li#tyzdenne a span.active {
	width: 117px;
	height: 49px;
	background: url('images/tyzdenne.png') top left no-repeat;
	background-position: 100%;
}

li#galeria a span.active {
	width: 117px;
	height: 49px;
	background: url('images/galeria.png') top left no-repeat;
	background-position: 100%;
}

li#kontakt a span.active {
	width: 117px;
	height: 49px;
	background: url('images/kontakt.png') top left no-repeat;
	background-position: 100%;
}



/*
** /MENU
*/


/*
** HEADER
*/


h1#header {
	width: 917px;
	height: 304px;
	position: relative;
	float: left;
}

#header a {
	width: 917px;
	height: 304px;
	display: block;
	cursor: pointer;
	position: relative;
	font-size: x-large;
}

#header a span {
	width: 917px;
	height: 304px;
	position: absolute;
	background: url('images/header.png') top left no-repeat;
}


/*
** /HEADER
*/


/*
** CONTENT
*/


div#wrapper {
	width: 917px;
	/* IE6 min-height hack:*/
	min-height: 400px;
	height: auto !important;
	height: 400px;
	/**/
	float: left;
	background: url('images/wrap.png') top left repeat-y;
}

div#content {
	padding: 10px 115px 40px 115px;
}

p { padding: 5px 0px 5px 0px; }

#content h2 { font-size: x-large; color: #c4141a; margin-bottom: 20px; }
#content h3 { font-weight: bold; font-size: medium; margin-top: 20px; }

#content address { font-style: normal; }
#content big { font-weight: bold; font-size: small; }

#content ul { margin: 20px 0px 0px 0px; }
#content ul li { list-style: none; }

#content img.uvod_bottom_img { margin: 40px 0px 0px 20px; border: 6px solid #ebeaea; }
#content img.uvod_bottom_img:hover { border: 6px solid #c9c7c7; }

#content img.right_img { float: right; clear: right; margin: 0px 0px 10px 20px; border: 6px solid #ebeaea; }
#content img.right_img:hover { border: 6px solid #c9c7c7; }
#content img.stravne { float: right; clear: right; margin: 0px 7px 10px 20px; }

#content table.opening { margin-top: 20px; border-spacing: 0px 0px; }
#content table.opening td { width: 80px; margin-right: 0px; float: left; }
#content table.opening td.hours { width: 250px; margin-right: 0px; float: left; }

#content table.drinks { width: 700px; margin-bottom: 20px; border-spacing: 0px 0px; border-collapse: collapse; }
#content table.drinks td.menuN1 { width: 50px; }
#content table.drinks td.menuN2 { width: 450px; }
#content table.drinks td.menuN3 { text-align: right; }
#content table.drinks td.wine_desc { width: 450px; font-size: 85%; padding-bottom: 10px; }
#content table.drinks tr.second { background: #eeeeee; }

#content table.foods { width: 700px; margin-bottom: 20px; border-spacing: 0px 0px; border-collapse: collapse; }
#content table.foods td.menuN1 { width: 30px; }
#content table.foods td.menuN2 { width: 50px; }
#content table.foods td.menuN3 { width: 470px; }
#content table.foods td.menuN4 { text-align: right; }
#content table.foods tr.second { background: #eeeeee; }


div#footer {
	width: 917px;
	height: 21px;
	float: left;
	background: url('images/footer.png') top left no-repeat;
}

#footer span#footer_info {
	padding-top: 10px;
	display: block;
	color: white;
	text-align: center;
	margin: 5px 0px 50px 0px;
}

span#footer_info a { color: #cfcfcf; }
span#footer_info a:hover { color: white; }

div#images { margin-bottom: 40px; float: left; width: 690px; }
#content img.gallery_img { float: left; margin: 6px 0px 6px 15px; border: 6px solid #ebeaea; }
#content img.gallery_img:hover { border: 6px solid #c9c7c7; }

fieldset { border: 0; }
fieldset label { width: 20%; float: left; margin: bottom: 2px; }
fieldset input { margin-bottom: 2px; }

input.dm, input.weight { width: 35px; }
input.year { width: 80px; }
input.soup { width: 250px; }
input.meal { width: 400px; }

fieldset#admin_finito { margin-top: 30px; float: right; margin-right: 100px; }
fieldset#admin_finito input { padding: 5px; }
fieldset#admin_finito a { padding-right: 20px; }


div#login_area {
	width: 186px;
	height: auto;
	padding: 10px;
	margin: 0 auto;
	margin-top: 15%;
}

#login_area form fieldset {
	width: 98%;
	border: 0;
}

#login_area form fieldset input.data { width: 70%; float: left; margin: 2px 0px 0px 12px; }
#login_area form fieldset input#login { float: right; margin-right: 5px; }

#login_area span.logout_successful { margin: 20px 0px 0px 0px; display: block; color: green; text-align: center; }
#login_area span.password_incorrect { margin: 20px 0px 0px 0px; display: block; color: red; text-align: center; }

h2#left_slogan { float: left; margin-top: 6px; color: #db1c22; font-variant: small-caps; font-size: large; }

ul#player { float: right; list-style: none; margin-top: 6px; }
ul#player li, #player li a { color: white; text-decoration: none; }
ul#player li a:hover { color: gray; }