* { padding:0; margin:0;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-small;
	color:#FFFFFF;
	background-repeat:repeat-x;
	background-position:top center;
	text-align: center;
	height: 100%;
	background-image:url(images/bkg.gif); background-repeat:repeat-x;  background-color:#880101;
	padding-top:10px;
}
html, body.body {height: 100%;}

.blok {
width:980px;
}

body>#main {
	min-height: 100%;
	height: auto;
	border-bottom: 0px solid #f4f4f4;
}

#main {
text-align: left;
position: relative;
margin: 0 auto;
width: 980px;
height: 100%;
}

.dtop{background-image:url(images/dtop.gif);height:10px;}
.dcenter{background-image:url(images/dcenter.gif);background-repeat:repeat-y; height:1%; background-color:#540000;}
.dbottom {background-image:url(images/dbottom.gif);height:10px;}


hr.hidden {display:none;}

.fll {float:left;}
.flr {float:right;}
.clear {clear:both;}

.taj {text-align:justify;}
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}

.content{padding:0 10px;}

.content-in{
width:940px;
padding:0 10px 10px 10px;
background-image:url(images/h_bkg.gif);
background-repeat:repeat-x; 
background-position:0 0px; 
}
#menu_bkg{
background-image:url(images/menu_bkg.gif);
background-position:0 200px;
background-repeat:repeat-y;
height:100%;
}
h1 {
padding:0; 
margin:0;
width:555px;
height:115px;
display:block;
overflow:hidden;
}

h1 span{
width:555px;
height:115px;
cursor: pointer;
display:block;
background-image:url(images/h1.jpg);
}
#menu { float:left; width:135px; background-color:#401A03;}
#menu ul{ list-style:none; padding:0; margin:0;}

#menu li{
height:1%;
display:block;
width:135px;
height:20px;
cursor:pointer;
overflow:hidden;
}
#menu li span{
height:1%;
display:block;
width:135px;
height:20px;
cursor:pointer;
overflow:hidden;
}
/*
*#main-menu {  font-size: 116%; margin-top: 60px; float: right;}
*#main-menu ul { margin: 0; padding: 0; list-style: none;  }
#main-menu ul li { margin: 0; padding: 4px 0 0 0; list-style: none; float: left; margin-left: 1px; }
#main-menu ul li a { display: block; background: #166999 url("/img/bg-mainmenu.png") repeat-x 0 100%; padding: 10px 16px; border-top: 1px solid #4494C3; color: white; text-decoration: none; float: left; }
#main-menu ul li.active a { background: #4AA8DF url("/img/bg-mainmenu-active.png") repeat-x 0 100%; border-top-width: 5px; margin-top: -4px; border-color: #6EBCEB; }
#main-menu ul li a:hover { background: #4AA8DF url("/img/bg-mainmenu-active.png") repeat-x 0 100%; }
*/


.btn {background-repeat:no-repeat;}
.btn a {display:block;width:135px;height:20px;}


#btn_uvod a span { background-image:url(images/btn_uvod.gif);text-decoration: none;}

#btn_zakladni-info a span { background-image:url(images/btn_zakladni-info.gif);text-decoration: none;}

#btn_sluzby-nabidka a span { background-image:url(images/btn_sluzby-nabidka.gif);text-decoration: none;}

#btn_fotogalerie a span { background-image:url(images/btn_fotogalerie.gif);text-decoration: none;}

#btn_napojovy-listek a span { background-image:url(images/btn_napojovy-listek.gif);text-decoration: none;}

#btn_kontakt a span { background-image:url(images/btn_kontakt.gif);text-decoration: none;}

.btn a span { background-position:0 0; text-decoration: none;}
.btn a:hover span { background-position:0 -20px; text-decoration: none;}

/* for IE text-decoration: none; */

#menu_deco{
display:block;
width:135px;
height:25px;
background-image:url(images/btn_deco.gif);
background-repeat:no-repeat;
}



#center { float:left; width:350px; padding:0 15px 10px 15px; font-size:12px;}
#center {line-height:1.5em;}

#center h2 {font-size:20px; padding:5px 0 10px 0;}

#center h3 {}

#center ul { list-style:none; padding:5px 0 5px 20px ; line-height:20px;}

#center strong { line-height:20px;}

#center table td{ padding:5px;}

#center table { width:150px;}

#center a { color:#FFFFFF;}

.bodky li{ list-style:disc;}

#right { width:380px; background-color:#000000; padding:20px 20px; float:right;}

.img { display:block; width:105px; height:105px; padding:10px; float:left;}

#copyrighs {text-align:right; font-size:9px; padding-right:10px; color:#999999; text-decoration:none; padding-bottom:10px;}
#copyrighs a { color:#999999;}
#copyrighs a:hover { color:#CCCCCC;}

#napojovy_listok{}

#napojovy_listok ul.big { width:360px; float:left;}
#napojovy_listok h3 { font-size:14px; color:#FFFF00;}
#napojovy_listok h4 { font-size:12px; letter-spacing:.1em}
#napojovy_listok strong { color:#FFFFCC;}
#napojovy_listok ul li ul li { padding-bottom:5px;}

#fotos span { width:108px; height:106px; float:left; vertical-align:middle; overflow: hidden; display: table; position: static; text-align:center;}
#fotos a {display: table-cell; vertical-align: middle; position: static;}
#fotos img { border:2px solid #FFFFFF;}


#adresa { position:absolute; top:100px; left:290px; color:#FFFFFF; width:280px; display:block; font-size:13px; text-align:right; font-weight:bold;}

#sviatok { position:absolute; top:25px; left:580px; color:#FFFFFF; width:380px; display:block; font-size:11px; text-align:right;}
#adds { font-size:10px;float:left; padding-left:10px;}
#adds a, #adds a:hover{ color:#FFFFFF;}

/* LIGHTBOX */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/next.gif) right 15% no-repeat; }
/*
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }
*/


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; font-size:13px;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* /LIGHTBOX ***************************** */