html,body{
	height: 100%;
}

body{
  font-family: verdana;
  padding: 0px;
  margin: 0px;
  background: #e4e4e4 url('design/background.png');
  #text-align: center;
}

table,td,p{
  font-size: 10px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#napis{
	position: absolute;
	right: -70px;
	top: 20px;
	display: none;
}

#left-shadow {
	width: 6px;
	background: url('design/shadow-left.png') top repeat-y;
}
#right-shadow {
	width: 6px;
	background: url('design/shadow-right.png') top repeat-y;
}
#main{
  width: 768px;
  #text-align: left;
  border: 1px black solid;
  background: white;
}

#header{
  background: url('design/header.png') black bottom;
  /*width: 768px;*/
  height: 146px;
  #height: 145px;
}

#header #ramec{
  position: relative;
  height: 146px;
  #height: 145px;
}

#marquee{
	position: absolute;
	top: 3px;
	left: 180px;
	z-index: 100;
	width: 628px;
	font-size: 11px;
	color: white;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#menu{
  /*width: 768px;*/
  height: 23px;
  background: url('design/menu-main.png') black;
  z-index: 200;
}

#log{
  display: block;
  position: absolute;
  text-align: left;
  width: 250px;
  bottom: 2px;
  left: 2px;
  font-family: Verdana;
  font-size: 9px;
  border: 1px gray solid;
  background: black;
  padding: 5px;
  color: white;
  opacity: 0.75;
	filter: alpha(opacity=75);
}

#log #nadpisek{
  font-size: 11px;
  display: block;
  font-weight: bold;
  width: 100%;
  position: relative;
}

#log #nadpisek A{
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: 0px;
}

#log .DONE{
  color: #99D0FF;
}

#log .FAIL{
  color: red;
  padding: 0px 3px 0px 4px;
}

#copyright{
  height: 20px;
  border-top: 2px white solid;
}

#copyright, #copyright A{
  background: black;
  color: white;
  font-size: 9px;
  text-align: center;
  text-decoration: none;
}

#dot{
  background: url('design/dot.png') white right repeat-y;
}

#panels{
  background: #d9d8d8;
}

.panelNadpis{
  margin-top: -1px;
  background: url('design/panel.png');
  height: 24px;
  border-top: 1px #969696 solid;
  border-bottom: 1px #969696 solid;
  position: relative;
}

.panelNadpis1{
  position: absolute;
  right: 0px;
  top: -3px;
  color: white;
  font-size: 25px;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  opacity: 0.15;
	filter: alpha(opacity=15);
	z-index: 20;
}

.panelNadpis2{
  position: absolute;
  top: 6px;
  left: 8px;
  color: white;
  font-size: 13px;
  font-weight: bold;
}

.panelObsah{
  width: 240px;
  padding: 5px;
  font-size: 10px;
}

/********************************
 *    MulTIMENU
 *******************************/

ul#mainMenu, ul {
	color: black;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul#mainMenu ul {
	margin: 0px;
	border: 2px #1e1e1e solid;
	border-top: 0px;
}

ul#mainMenu li {
	float: left;
	padding: 0px;
}

ul#mainMenu .title {
	color: white;
	display: block;
	text-decoration: none;
  padding: 6px 14px 5px 14px;
  margin: 0px 1px;
	font-weight: bold;
}

ul#mainMenu .title:hover , ul#mainMenu .title-hover {
	color: white;
	display: block;
  padding: 6px 14px 5px 14px;
  margin: 0px;
  border-left: 1px #575757 solid;
  border-right: 1px #575757 solid;
	background: url('design/menu-main-on.png') black;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

ul#mainMenu ul a {
	text-decoration: none;
	color: white;
	display: block;
	padding-left: 2px;
	font-weight: normal;
	padding: 2px;
	border: 0px;
}

ul#mainMenu ul a:hover {
	color: #000;
	background-color: white;
	font-weight: normal;
	padding: 2px;
	border: 0px;
}

ul#mainMenu ul {
	position: absolute;
	visibility: hidden;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul {
	visibility: visible;
}

ul#mainMenu li li {
	float: none;
	border: none;
	padding: 0px;
	width: 150px;
}
ul#mainMenu li {
	behavior: url(hover.htc);
}

ul#mainMenu li ul{
	behavior: url(hover.htc);
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #141414;
}

H1{
  display: none;
}

H2 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}
H2 SPAN , H2 A{
	font-size: 10px;
}

H3 {
	margin: 0;
	padding: 0;
}
H3 A {
	font-size: 10px;
}

H3 .nadpis{
  font-size: 12px;
  margin-top: 10px;
  color: #0C3A62;
  text-decoration: none;
  display: block;
  font-weight: bold;
}

H3 .nadpis:hover{
  color: #A20708;
}

.clanekObsah{
  padding-left: 10px;
}

#obsah{
  padding: 4px;
  text-align: left;
}

#obsah H2{
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 4px;
  cursor: pointer;
}

#obsah H3{
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 0px 8px;
}

#obsah .nenalezeno{
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 0px 20px;

}

#obsah h4{
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  font-style: italic;
}

input{
  border: 1px solid #890505;
  background: #F2DADA;
  text-align: left;
  font-size: 10px;
}

#maillist2{
  margin: 5px 0px;
  padding: 36px 0px;
  width: 200px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: black;
  color: white;
}

#nadpis{
  font-size: 15px;
  font-weight: bold;
}

.inquery IMG{
  border: 0px;
  padding-top: 2px;
}

.inquery, .inquery:hover, .inquery:visited{
  display: block;
  padding: 6px;
  color: #0C3A62;
  text-decoration: none;
}

.inquery:hover{
  background: #9BB4D7;
  padding: 5px;
  border: 1px black solid;
}

.inqueryQuestion{
  font-weight: bold;
  text-align: justify;
  font-size: 11px;
}

#popupInquery{
  height: 290px;
  margin: 5px 0px;
  width: 200px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: black;
  color: white;
  opacity: 0.75;
	filter: alpha(opacity=75);
}

#popupInquery #text1{
  padding: 10px 5px;
}

#popupInquery #text2{
  padding: 50px 10px;
  font-weight: normal;
  text-align: left;
  font-size: 10px;
}

#popupInquery #text2 b{
  font-size: 11px;
}

.weekmenu{
  font-size: 10px;
  font-weight: normal;
}

#listing{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #0C3A62;
}

#listing A, #listing A:visited{
  text-decoration: none;
  color: #0C3A62;
}

#listing A:hover{
  color: #A20708;
}

#prani{
  width: 100%;
  #width: 230px;
  height: 40px;
}

#maillist{
  width: 100%;
  #width: 230px;
}

.tcenter{
  text-align: center;
}

.black{
  background: black;
}

.changeImg{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	display: none;
}

#closet{
  text-align: center;
}

#closet a,#closet a:visited{
  color: gray;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#closet a:hover{
  color: red;
}

#closet .long_text{
	padding: 1px;
	margin: 0px;
	text-align: justify;
}

#closet .container{
	border: 1px gray solid;
	background: #eee;
	margin: 30px 0px;
	text-align: left;
}

#closet .container:hover{
	background: #fee;
	border: 1px red solid;
}
/****************************
*         LightBox          *
****************************/

#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption {
	float: left;
}
#keyboardMsg {
	float: right;
}
#closeButton {
	top: 5px;
	right: 5px;
}
#lightbox img {
	border: none;
	clear: both;
}
#overlay img {
	border: none;
}
#overlay {
	background-image: url('design/overlay.png');
}
* html #overlay {
	z-index: 10000;
	background-color: #333;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/overlay.png',sizingMethod='scale');
	filter: alpha(opacity=90);
}

.galery_icon, .galery_icon:visited{
  background: url('design/folder.png') no-repeat 29px 50px;
  display: block;
  border: 1px gray solid;
  height: 150px;
  width: 150px;
  margin: 10px auto;
  text-align: center;
  text-decoration: none;
  color:gray;
}

.galery_icon:hover{
  background: url('design/folder-open.png') no-repeat 5px 46px;
  color: red;
}

#index{

}

#index .recipe{
	margin: -4px -3px 0px -4px;
	width: 517px;
}

#index .tr{
	height:  40px;
}

.nadpis:link,.nadpis:hover,.nadpis:visited{
  color: black;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.c{
	text-align: center;
}
