body
{
	font-family: 'Georgia CE', 'Times New CE', 'New York CE', Georgia, times, serif;;
	font-size: 12px;
	line-height: 17px;

	margin: 0px;
	padding: 0px;

	color: #222222;

	text-align: center;

	background-repeat: repeat-x;
	background-color: #000000;
}

form
{
   margin: 0px;
}

h1, h2, h3, h4, h5, h6
{	
	margin: 5px 0px 10px 0px;
	color: #6C1E08;
	font-weight: bold;
}

h1{ font-size: 26px; }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4{ font-size: 14px; }
h5{ font-size: 12px; }
h6{ font-size: 12px; }

p
{
	margin: 5px;	
	margin-left: 0px;
	margin-right: 0px;

	line-height: 18px;
}

a {color: #6C1E08;}
a:hover {color: #6C1E08;}
a img{ border: none; } /* , a:link img */

table{ font-size: 100%; }
table td{
	padding: 3px;
}

ul, ol { margin: 5px 0px 10px 0px; padding: 0px; }
ul li { margin: 0px 0px 0px 18px; padding: 0px; list-style-type: square; }
ol li { margin: 0px 0px 0px 26px; padding: 0px; list-style-type: decimal; }

ul.ul-gray li {list-style-image: url(li.gif);}
ul.ul-colored li {list-style-image: url(li2.gif);}

hr
{
	color: #6C1E08;
	height: 1px;
	border: none;
	background-color: #6C1E08;
}

table.standard,
table.standard td,
table.standard th
{
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}

table.standard td,
table.standard th {padding: 3px;}

table.standard th
{
	background-color: #E0E0E0;
	text-align: left;
}

.cl
{
   clear: both;
   width: 100%;
   line-height: 0px;
   height: 0px;
   font-size: 0px;
   overflow: hidden;
   margin: 0px;
}
.cl.h2 { height: 2px !important; }
.cl.h3 { height: 3px !important; }
.cl.h5 { height: 5px !important; }
.cl.h10 { height: 10px !important; }
.cl.h15 { height: 15px !important; }
.cl.h17 { height: 17px !important; }
.cl.h20 { height: 20px !important; }
.cl.h25 { height: 25px !important; }
.cl.h50 { height: 50px !important; }
.cl.h100 { height: 100px !important; }
.cl.h200 { height: 200px !important; }

.m0 { margin: 0px; }
.mt0 { margin-top: 0px; }
.mr0 { margin-right: 0px; }
.mb0 { margin-bottom: 0px; }
.ml0 { margin-left: 0px; }

.m3 { margin: 3px; }
.mt3 { margin-top: 3px; }
.mr3 { margin-right: 3px; }
.mb3 { margin-bottom: 3px; }
.ml3 { margin-left: 3px; }

.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }

.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }

.p0 { padding: 0px; }
.pt0 { padding-top: 0px; }
.pr0 { padding-right: 0px; }
.pb0 { padding-bottom: 0px; }
.pl0 { padding-left: 0px; }

.p3 { padding: 3px; }
.pt3 { padding-top: 3px; }
.pr3 { padding-right: 3px; }
.pb3 { padding-bottom: 3px; }
.pl3 { padding-left: 3px; }

.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }

.p8 { padding: 8px; }
.pt8 { padding-top: 8px; }
.pr8 { padding-right: 8px; }
.pb8 { padding-bottom: 8px; }
.pl8 { padding-left: 8px; }

.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }

.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }
.pl15 { padding-left: 15px; }

.fs0 {font-size: 0px;}
.fs10 {font-size: 8px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs25 {font-size: 26px;}

.b { font-weight: bold; }
.i { font-style: italic; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl {float: left;}
.fr {float: right;}

.pr {position: relative;}

.fc-green {color: #87E400;}
.bg-gray {background-color: #B7B7B7;}

.border1 {border: 1px solid #B7B7B7;}
.border2 {border: 1px solid #70BC00;}
.border3 {border: 1px solid #FFE44E;}

/* web */
.main
{
	position: relative;

	width: 989px;
	height: 843px;

	margin: 0px auto 0px auto;

	background: black url(main-bg.jpg) no-repeat 0px 0px;

	text-align: left; 
}

a.home-link,
a.home-link:hover
{
	position: absolute;
	top: 25px;
	left: 350px;

	display: block;
	width: 320px;
	height: 190px;
}
a.home-link span {display: none;}

.menu
{
	position: absolute;
	top: 240px;
	left: 58px;

	display: block;
	width: 150px;
	height: 160px;
}
.menu a,
.menu a:hover
{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.menu a.active,
.menu a.active:hover,
.menu a:hover
{
	color: #EBDAA4;
}
.menu ul
{
	padding: 0px;
	margin: 0px;
}
.menu ul li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	line-height: 24px;
}

.menu-part
{
	position: absolute;
	top: 397px;
	left: 230px;

	display: block;
	width: 41px;
	height: 39px;

	background: transparent url(menu.png) no-repeat 0px 0px;
}
* html .menu-part {background-image: url(menu.gif);}

.content
{
	position: absolute;
	top: 235px;
	left: 240px;
	display: block;
	width: 541px;
	height: 469px;
}

.kontakty
{
	padding: 20px 0px 0px 30px;
}

h1
{
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

.submenu
{
	display: block;
	width: 450px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0px auto 0px auto;
}
.submenu a,
.submenu a:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #6C1E08;
	text-decoration: none;
}
.submenu a.active,
.submenu a.active:hover,
.submenu a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.content-in
{
	position: relative;
	margin: 10px 0px 0px 0px;
	display: block;
	height: 380px;
	overflow: auto;
}

.content-menu
{
	position: relative;
	margin: 10px 0px 0px 0px;
	display: block;
	height: 390px;
	overflow: auto;
}

.content-kontakty
{
	position: relative;
	margin: 10px 0px 0px 0px;
	display: block;
	height: 380px;
}

.content-in.big
{
	height: 410px;
	margin: 15px 0px 0px 0px;
}

.video-list {

}

.photo-list {

}

.photo-list-item
{
	float: left;
	display: block;
	width: 158px;
	height: 138px;
	overflow: hidden;
	margin: 0px 0px 8px 0px;
	border: 2px solid #6C1E08;
}

.photo-list-item.left {margin: 0px 0px 8px 0px;}
.photo-list-item.middle {margin: 0px 8px 8px 8px;}
.photo-list-item.right {margin: 0px 0px 8px 0px;}

.photo-list-item a,
.photo-list-item a:hover
{
	display: block;
	width: 155px;
	height: 135px;
	overflow: hidden;
}

.homepage h1
{
	position: absolute;
	top: 5px;
	left: 50px;

	text-align: left;
	font-size: 20px;
}

.homepage img.img-top
{
	position: absolute;
	top: 0px;
	left: 375px;

	text-align: left;
	font-size: 22px;
}

.homepage .hp-description
{
	position: absolute;
	top: 35px;
	left: 15px;

	width: 355px;

	font-style: italic;
}

a.hp-nav-1,
a.hp-nav-1:hover
{
	position: absolute;
	top: 105px;
	left: 12px;

	width: 230px;
	height: 179px;

	background: transparent url(hp-img1.jpg) no-repeat 0px 0px; 
}
a.hp-nav-1 span,
a.hp-nav-1:hover span {display: none;}

a.hp-nav-2,
a.hp-nav-2:hover
{
	position: absolute;
	top: 285px;
	left: 12px;

	width: 230px;
	height: 179px;

	background: transparent url(hp-img2.jpg) no-repeat 0px 0px; 
}
a.hp-nav-2 span,
a.hp-nav-2:hover span {display: none;}

.homepage .hp-contact-1,
.homepage .hp-contact-2
{
	position: absolute;
	top: 140px;
	left: 268px;
	width: 260px;
	font-size: 14px;
}
.homepage .hp-contact-1 h2,
.homepage .hp-contact-2 h2 {font-style: italic;}

.homepage .hp-contact-2 {top: 315px;}

.main. content .hp-contact-3 {top: 515px;}

div.footer
{
	position: absolute;
	top: 770px;
	left: 405px;
	text-align: center;
  color: #6e6e6e;
	font-size: 11px;
}

div.download
{
	position: absolute;
	top: 680px;
	left: 440px;
	font-size: 13px;
}

a.footer {color: #6e6e6e;}
a:hover.footer {color: #6e6e6e;}

font.active {
	font-size: 13px;
	font-weight: bold;
	color: black;
}

.food {background: #B9AC82;}
.food-image
{
	position: relative;

	float: left;
	width: 112px;
	height: 90px;
	overflow: hidden;
}
.food-image img {margin: 8px 0px 0px 11px;}
.food-image .food-image-border
{
	position: absolute;
	top: 8px;
	left: 8px;
	width: 101px;
	height: 88px;
	overflow: hidden;
	background-image: url(food-img.png);
	background-repeat: no-repeat;
}
* html .food-image .food-image-border
{
	height: 88px;
	background-image: url(food-img.gif);
}
.food-description
{
	float: left;
	width: 298px;
	overflow: hidden;

	color: #6C1E08;
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	line-height: 15px;

	margin: 9px 2px 9px 2px;
}
.food-price
{
	float: left;
	width: 108px;
	height: 88px;
	overflow: hidden;
	background: transparent url(food-price.jpg) no-repeat 0px 0px;

	color: #6C1E08;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	line-height: 78px;

	text-align: center;

	margin: 8px 0px 3px 0px;
}
