/* CSS Document */

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


body {
  padding-top: 20px;
	background: #f8941d;
	color: #f8941d;
	font-family: verdana, arial, sans-serif;
  font-size: 10px;
	text-align: center;
	letter-spacing: 0px;
  |margin-top: 8px;

}

td {
	color: white;
	font size: 8px;
}

html>body {
  padding-top: 8px;
}

a {
	color: #8080c0;
	text-decoration: none;
}

a:hover {
	color: #ea9a2e;
}

img {
	border: none;
}

img.clanky {
}

p {
  margin: 7px 0px 12px 0px;
	line-height: 130%;
}

p.form {
  display: inline;
}

p.leva {
  font-weight: bold;
  border-bottom: 1px dotted #8080c0;; 
  color: white;
  display: block;
  float: left;
  width: 650px;
}
p.prava {
  float: right;
  border-bottom: 1px dotted #8080c0;; 
  display: block;
  color: #f8941d;
  width: 135px;
}
p.maly {
  color: #8080c0;
  font-size: 9px;
}

table.tab-mezery td {
  padding-left: 20px;
}

h1 {
  margin: 14px 0px 0px 17px;
  font-size: 14px;
  color: #ea9a2e;
  letter-spacing: 1px;
}

.nadpis {
  font-weight: bold;
  font-size: 14px;
  color: #8080c0;
  overflow: hidden;
}

.date {
  font-size: 9px;
  font-style: italic;
  color: #888888;
  display: inline; 
}


.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}

#home {
  position: absolute;
  top: 60px;
  left: 170px;
  z-index: 1000;
}

#none {
  height: 70px;
  width: 600px;
}

#container {
  position: relative;
  width: 980px;
	height: 720px;
  margin: 0px auto;
	text-align: left;
	background: url('images/bowling-project.jpg') no-repeat 0px 0px;

	width:980px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:976px;
}

#container {
	padding: 0px;
}


input {
	color: #aaaaaa;
	border: #444488 1px solid;
	font-size: 12px;
}

input.text {
	color: #aaaaaa;
	border: #515151 1px solid;
	font-size: 12px;
	background: url('images/input-back.gif') repeat-x #444444;
	margin-top: 5px;
	height: 18px;
}

textarea.text {
	color: #aaaaaa;
	border: #515151 1px solid;
	font-size: 12px;
	background: #4343b1;
	margin-top: 5px;
	width: 302px;
	overflow: hidden;
}

input.button {
	color: #aaaaaa;
	border: #aaaaaa 1px solid;
	font-size: 12px;
	background: url('images/input-but.gif') repeat-x #444444;
	margin-top: 5px;
	padding: 2px;
	cursor: pointer;
}

#page_forms input.button {
	padding: 0px;
	border: none;
	cursor: pointer;
}


#posun {
  position: absolute;
  top: 163px;
  left: 240px;
  z-index: 100;
}

/* Page Forms */

#vice {
  font-size: 11px;
  line-height: 13px;
  position: absolute;
  left: 50px;
  top: 620px;
  width: 132px;
  height: 20px;
}

#action {
  font-size: 11px;
  line-height: 13px;
  position: absolute;
  left: 50px;
  top: 410px;
  width: 132px;
  height: 230px;
}

#screen {
  position: absolute;
  left: 28px;
  top: 241px;
  width: 840px;
  height: 420px;
  background: url('images/screen.jpg');
  z-index: 0;
}

#innerscreen {
  height: 365px;
  padding-right: 5px;
  margin: 13px 10px 0px 17px;
  color: white;
  font-size: 12px;
  line-height: 130%;
  overflow: auto;
}

#bannery {
  position: absolute;
  top: 274px;
  left: 376px;
}

#rezervace {
  position: absolute;
  top: 145px;
  left: 57px;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:100px; position:relative;  z-index:100;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-size: 11px; font-family: arial, sans-serif; font-weight:bold;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:80px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:12px; color: white;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:140px; background:url('images/menu1b.jpg') no-repeat;}
.menu li.p2 {width:140px; background:url('images/menu2b.jpg') no-repeat;}
.menu li.p3 {width:140px; background:url('images/menu3b.jpg') no-repeat;}
.menu li.p4 {width:140px; background:url('images/menu4b.jpg') no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#turnaje {width:140px; background:url('images/menu1a.jpg') no-repeat;}
.menu li a#pizzeria {width:140px; background:url('images/menu2a.jpg') no-repeat;}
.menu li a#pivnice {width:140px; background:url('images/menu3a.jpg') no-repeat;}
.menu li a#kontakty {width:140px; background:url('images/menu4a.jpg') no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover {position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#turnaje:hover, .menu li:hover a#turnaje,
.menu li a#pizzeria:hover, .menu li:hover a#pizzeria,
.menu li a#pivnice:hover, .menu li:hover a#pivnice,
.menu li a#kontakty:hover, .menu li:hover a#kontakty {background:transparent;}
/*.menu li a#privacy:hover, .menu li:hover a#privacy {background:transparent;}*/

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:76px; padding:3px 0; border:3px solid #ea9a2e; white-space:nowrap; width:160px; height:auto; background:#0e0766;}
.menu :hover ul.sub li {display:block; font-size:12px; height:20px; line-height:20px; text-indent:5px; position:relative; color: #444444; float:left; width:157px;}
.menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:160px; line-height:20px; text-indent:5px; color: #f8941d; text-decoration:none; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:url(images/arrow.gif) 150px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background: #f8941d; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background: #f8941d url(images/arrow_over.gif) 150px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background: #f8941d url(images/arrow_over.gif) 150px 7px no-repeat; color:#fff;} 

.menu :hover ul.sub li ul a {width:210px;}

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:155px; top:-4px; padding:3px 0;  background:#0e0766; border:1px solid #f8941d; white-space:nowrap; width:210px; height:auto; z-index:300;}