@CHARSET "UTF-8";

html, body{ width: 100%; height: 100%;background: #4f3d27 url(../img/bg.r.jpg) repeat-x scroll 0 50%;	color: #cdc1b2;	margin: 0;	padding: 0;	text-align: center;	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal;}

a {text-decoration: none; color: #cdc1b2; font-style: normal;}
a.sel,a:hover { color: #f8f4e6; }
a:focus {outline: none;}
ol,ul {padding-left: 30px;}
.clear{  clear: both;  display: block;  width: 0px;  height: 0px; }
html{overflow: auto; }
p {padding: 0px; margin: 1em 0px;} 
html, div, map, dt, isindex, form {display:block;}
fieldset { display: block; border: 0px none; margin: 0px; padding: 0px;}


#top_distance  { display: inline;float: right;height: 50%;margin-top: -285px; width: 100%;}
#bg { height: 570px;  padding: 0px; position: relative; margin: 0px; clear: both; background: transparent url(../img/bg.png) repeat-x scroll 0 0;}

#site { width: 980px; height: 570px;  margin: 0px auto; position: relative; background: transparent url(../img/logo.png) no-repeat scroll 50% 1px;   }
h1 {  display: block; position: relative; width: 100%; padding: 0px;  margin: 0px;  height: 106px; }
h1 a { height: 100%; width: 100%; margin: 0px; display: block; overflow: hidden;text-indent: -5555px;  }

ul#menu { position: relative; text-align: center; margin: 0px; height: 35px; width: 100%;list-style-type: none; padding: 0px;}
ul#menu li{ display: inline;}
ul#menu>li a { line-height: 41px; height: 41px; padding: 16px 13px 7px; color: #ad9c87; font-size: 12px; 	font-family: "Times New Roman", times, tahoma,verdana,arial}
ul#menu>li>a:hover,ul#menu>li.sel>a  {color: #f8f4e6; background: transparent url(../img/menu.sel.png) no-repeat scroll 50% 100%; }

#content { height: 388px; margin-top: 20px; width: 980px; background-color: #2B1E0F; position: relative;}

ul#langs { text-align: center;   display: block; line-height: 14px; padding: 0px; padding-top: 4px; margin: 0px auto;  list-style-type: none;}
ul#langs li { display: inline; margin: 0px; padding: 0px; }
ul#langs li a { border-left: 1px solid #4d3f2d;  color: #4d3f2d; padding: 0px 5px; margin: 0px;}
#footer span { float: left;}
ul#langs li.first a { border-left: 0px none;}

#left { float: left; width: 490px; height: 388px; clear: both; text-align: left; overflow: hidden; }
.intro #left { width: 980px;}
.view  #left,.contact #left { width: 779px; }
#right { float: left; width: 429px; height: 350px; text-align: left; padding: 31px 0px 0px 31px;}
.intro #right { width: 278px; padding: 19px 24px; z-index: 20; position: absolute; right: 0px; top: 0px;background: transparent url(../img/news.bg.png) repeat scroll 0 0;  }
.view #right,.contact #right { width: 156px; padding: 19px 20px; }
.contact #right  { height: 220px; padding-top: 100px; background: transparent url(../img/logo.contact.jpg) repeat-x scroll 57% 0;}
.news { color: #cdc1b2; border-bottom: 1px solid #cd9f64; margin-bottom: 5px; display: block; text-align: justify;  padding-bottom: 7px;  position: relative; }
.intro .news {  color: #cdc1b2;border-bottom: 1px solid #d0ac7e;}
.news>span { position:  absolute; top: 0px; right: 0px;}
.news strong { display: block; padding-bottom: 7px; }
.news .more { float: right; line-height: 15px; height: 15px;color: #d0ac7e;    text-align: right;}
.intro .news .more { color: #d0ac7e; }

strong.food { line-height: 36px; font-weight: normal; display: block; text-align: center; color: #cdc1b2; }
div.foodpos { display: block; color: #cdc1b2; padding-right: 25px; position: relative; background: transparent url(../img/dot.gif) repeat-x scroll 0 100%;}
div.foodpos span { background-color: #2B1E0F; }
div.foodpos span.price { position: absolute; right: 0px; bottom: 0px;}

#widok { width: 779px; height: 388px; float: left; position: relative; overflow: hidden;}
#widok div { position: absolute; width: 10000px; height: 288px; text-align: left; white-space: nowrap; }
#widok div img { margin: 0px; padding: 0px; border: 0px none; float: left;}

#back { line-height: 23px; font-weight: bold;}

.scroll { width: 445px; height: 330px;   overflow: auto;}
.view .scroll,.contact .scroll { width: 172px; height: 350px;}
.contact .scroll { height: 270px;}
.scroll .scrt{ margin-right: 18px; line-height: 1.2em;}
.withScroll .scroll .scrt{ margin-right: 11px;}

#views a { margin-bottom: 10px; display: block;}
#views a img { border: 0px none;}

#gallery,.gallery { margin: 0px 0px 0px -13px; width: 450px;}
#gallery a,.gallery a { display: block; margin-left: 14px; margin-bottom: 14px; float: left; width: 132px; height: 100px; }
#gallery a img,.gallery a img { border: 0px none;}
#gallery a:hover,.gallery a:hover {text-decoration: none;}


a#activelogo {  width: 34px; height: 16px; background: transparent url(../img/adlogo.png) no-repeat scroll 0 0;  float: right; text-indent: -5555px; margin: 3px 30px 0px 0px;}

#footer { position: relative; clear: both; padding: 0px 0px 0px 15px; color: #37291b; text-align: left; line-height: 22px;}

a#facebook { padding-right: 12px; height: 16px; width: 18px; text-indent: -5555px; overflow: hidden; background: transparent url(../img/facebook.png) no-repeat scroll 0 0;  float: right; margin:4px 1px; line-height: 18px;}