/*
Theme Name: RESTAURACE U SUPA
Description: Restaurant 
Version: 1.2
Author: Josef Maruška - 2J Internet Studio, s. r. o.
Accesability: Internet Explorer 6+, Firefox 1.0+, Mozilla 1.7+, Netscape 7+, Opera 6+, K-Meleon 0.8.2+,
					Maxthon 1.5.0+, DeepNet Explorer 1.52+, Slim Browser 4.06+, PhaseOut 5.4.4.0+,
					FastStone Browser 2.1+, Crazy Browser 2.0.1+, Advanced Browser 8.02+, Acoo Browser 1.31+,
					Avant Browser 10.1+ a Fast Browser 8.1+ 
*/

/* BASE BODY format */
body {	margin: 0;	padding: 0;	font: normal 11px Arial, Tahoma, Verdana, Georgia, Times, sans-serif;}
#page {width: 800px; height: 600px; margin: 0 auto 0 auto; z-index: 2;}
#container {position: absolute; top: 20px; width: 800px; height: 578px; margin: 0; background: url(../img/bg_main.jpg) no-repeat top center;}
#content {position: absolute; top: 165px; width: 800px; height: 500px; margin: 0;}

/* PANNEL format */
#container #leftpannel {	float: left; width: 460px;}
#container #rightpannel {	float: left; width: 300px;}


a  {	text-decoration: underline; color: #999; }
a:hover {	text-decoration: underline; color: #000; }

p {	text-align:justify; color: #333; padding: 5px;}
h2 {	font: normal 17px Georgia, Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
strong {	font: bold 12px Georgia, Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;margin:10px 0 0 0;}

/* RIGHT NAV format */
#rnav {	display: block;}
#rnav a {font: bold 16px Georgia, Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}
#rnav a:hover {font: bold 16px Georgia, Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #000;text-decoration: none;}
#rnav span {	display: none;}
#rnav .about {	width: 74px;	height: 22px;	margin: 0 0 0 10px;	display: block;}
#rnav .address {	width: 69px;	height: 22px;	margin: 0 0 0 30px;	display: block;}
#rnav .interier {	width: 61px;	height: 22px;	margin: 0 0 0 60px;	display: block;}
#rnav .menu {	width: 54px;	height: 22px;	margin: 0 0 0 105px; display: block;}
#rnav .reservation {	width: 93px;	height: 22px;	margin: 0 0 0 150px;	display: block;}
#rnav .catering {	width: 70px;	height: 22px;	margin: 0 0 0 180px;	display: block;}

/*
#rnav .about {	width: 74px;	height: 22px;	margin: 0;	background: url(../img/ml_aboutus.png) no-repeat center left; display: block;}
#rnav .address {	width: 69px;	height: 22px;	margin: 0 0 0 30px;	background: url(../img/ml_adress.png) no-repeat center left;	display: block;}
#rnav .interier {	width: 61px;	height: 22px;	margin: 0 0 0 60px;	background: url(../img/ml_interier.png) no-repeat center left; display: block;}
#rnav .menu {	width: 54px;	height: 22px;	margin: 0 0 0 105px;	background: url(../img/ml_menu.png) no-repeat center left; display: block;}
#rnav .reservation {	width: 93px;	height: 22px;	margin: 0 0 0 150px;	background: url(../img/ml_reservation.png) no-repeat center left; display: block;}
#rnav .catering {	width: 70px;	height: 22px;	margin: 0 0 0 180px;	background: url(../img/ml_catering.png) no-repeat center left; display: block;}
*/


ul#bnav {position: absolute; top: 555px; width: 800px; height: 40px; margin: 0; z-index: 99;}
ul#bnav a {font-family: Georgia, "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px;color: #fff;text-decoration: none;padding-right:15px;}
ul#bnav a:hover {color: #000;text-decoration: none;}
ul#bnav li.first {	float:left;	list-style: none; margin: 20px 0 0 80px;} * html ul#bnav li.first {margin: 20px 0 0 60px;}
ul#bnav li.firstactive {	float:left;	list-style: none; margin: 10px 0 0 80px;} * html ul#bnav li.firstactive {margin: 10px 0 0 60px;}
ul#bnav li {	float:left;	list-style: none; margin: 20px 0 0 0;}
ul#bnav li.active {	float:left;	list-style: none; margin: 10px 0 0 0;}
ul#bnav li span {	display: none;}

/*
a.babout {	 width: 74px;	height: 22px;	margin: 0;	background: url(../img/bnav_about.gif) no-repeat center left; display: block;}
a.baddress {	width: 69px;	height: 22px;	margin: 0;	background: url(../img/bnav_adress.gif) no-repeat center left; display: block;}
a.binterier {	width: 61px;	height: 22px;	margin: 0;	background: url(../img/bnav_interier.gif) no-repeat center left; display: block;}
a.bmenu {	width: 54px;	height: 22px;	margin: 0;	background: url(../img/bnav_menu.gif) no-repeat center left; display: block;}
a.breservation {	width: 93px;	height: 22px;	margin: 0;	background: url(../img/bnav_reservation.gif) no-repeat center left; display: block;}
a.bcatering {	width: 70px;	height: 22px;	margin: 0;	background: url(../img/bnav_catering.gif) no-repeat center left; display: block;}
*/

#footer {position: absolute; top: 600px; width: 800px; height: 40px; margin: 0;}

#container_menu {position: absolute; top: 20px; width: 800px; height: 578px; margin: 0; background: url(../img/bg_main_menu.jpg) no-repeat top center;}
#container_menu #rightpannel {	float: right; width: 340px;}
#container_menu #leftpannel {	float: left; width: 460px;}
#container_menu #leftpannel .iframe {overflow: auto;width: 340px;height: 295px;padding:10px; margin: 41px 0 0 0;}

/* HELPERS */
#hiddentext {	display: none;}
img {border: none;}
.clear {	clear: both;}

/* FORMS format */
.leftform  {	float: left; padding-left: 45px;}
.rightform  {	float: left; padding-left: 28px;}
.sendform  {	float: left; padding-left: 28px; padding-top: 99px;}
	* html .sendform  {	float: left; padding-left: 28px; padding-top: 130px;}

input {	border: 1px solid #333;	background: url(../img/search_bg.gif) repeat-x left top;	margin: 0px;	margin-right: 7px;	padding-right: 2px;	padding-left: 4px;	padding-top: 3px;	padding-bottom: 0px;	color: #8b0000;	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  /* WIN IE5 hack */	width: 200px;	height: 20px;	voice-family: "\"; }\""; voice-family:inherit;	width:200px; /* correct width */	height:17px; /* correct height */	}
	* html button {  /* for IE */	background-attachment:fixed; }
.button {	border: 1px solid #555;	background: url(../img/search_bg.gif) repeat-x left top;	margin: 0px;	margin-right: 7px;	padding-right: 2px;	padding-left: 4px;	padding-top: 1px;	padding-bottom: 0px;	color: #000;	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; /* WIN IE5 hack */	width: 100px;	height: 22px;	voice-family: "\"; }\""; voice-family:inherit;	width:100px; /* correct width */	height:22px; /* correct height */	}
	* html .button {  /* for IE */	background-attachment:fixed; }	
	
	
/* NEED FLASH PLAYER ? format */
#flashArea { position: relative;	 width: 0px;	min-height: 280px; }
#flashArea div {margin: 0;}
#flashArea p {	margin: 60px;	text-align: center;	font: normal 1.8em 'lucida grande',tahoma,sans-serif;		color: #555;  width: 700px;}
#flashArea p span { font-size: .8em;	color: #999; }
#flashArea a { color: #8b0000; font-weight: bold; }


/* MENU TABLE format */
.menutab {	width: 320px; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.menutab .nr { width: 10px; vertical-align: top; padding-left: 5px; }
.menutab .lit { width: 40px; vertical-align: top; padding-left: 5px; }
.menutab .name { width: 200px; padding-right: 15px; padding-bottom: 4px; vertical-align: top; text-align: left;}
.menutab h3 {padding-right: 15px; padding-bottom: 0; vertical-align: bottom; text-align: left; font-size: 12px;}
.menutab .price { width: 40px; color: #333; vertical-align: top;}
.menutab .price span { font-size: 8px; }
.menutab .linkright { padding-bottom: 15px; vertical-align: top; text-align: right; padding-right: 15px;}
.menutab .flagsright { padding-bottom: 0px; vertical-align: top; text-align: right; padding-right: 15px;}

.menutab_link {	width: 320px; font: bold 14px Georgia, Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#999;margin: 0 0 10px 0;}
.menutab_link .name { width: 320px; padding-right: 15px; padding-bottom: 4px; vertical-align: top; text-align: left;}
a.linkm:link,a.linkm:active,a.linkm:visited  {	text-decoration: none; color: #666; }
a.linkm:hover {	text-decoration: underline; color: #000; }
a.links:link,a.links:active,a.links:visited  { text-decoration: underline; color: #b74400; font: normal 11px Georgia, Tahoma, sans-serif;}
a.links:hover {	text-decoration: underline; color: #000; }

#container_address {position: absolute; top: 20px; width: 800px; height: 578px; margin: 0; background: url(../img/bg_main_address.jpg) no-repeat top center;}
#container_address #rightpannel {	float: right; width: 340px;}
#container_address #leftpannel {	float: left; width: 460px;}
#container_address #leftpannel .iframe {overflow: auto;width: 460px;height: 295px;padding:10px; margin: 41px 0 0 0;}

#addresshit {	width: 323px;	height: 191px;	z-index: 99; /* IE hack pruhlednosti png image */	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true  , sizingMethod=scale src='../img/address.png'); margin:25px 0 0 5px;}
	html>body #addresshit {	background: url(../img/address.png) no-repeat;	width: 323px;	height: 191px;	z-index: 99;margin:25px 0 0 5px;}
	
#addresshit span {display: none;}
