@CHARSET "UTF-8";

html, body{  color: #cc7e32;  width: 100%; height: 100%; 	color: #bea88c; margin: 0;	padding: 0;	text-align: center;	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal;}

body { background: #482712 url(../img/bg.gif) repeat scroll 0 100%; }
body#intro { background: #482712 url(../img/bg_intro.gif) repeat scroll 0 100%; }
a {text-decoration: none; color: #e6cfb1; font-style: normal;}
a.sel { color: #fff; text-decoration: none;}
a:focus {outline: none;}
ol,ul {padding-left: 30px;}
.clear{  clear: both;  display: block;  width: 0px;  height: 0px; }
* {margin: 0;}
html{overflow: auto;}
div, img{border: 0 none;	margin: 0;	padding: 0}
p {padding: 0px; margin: 1em 0px;} 
html, div, map, dt, isindex, form {display:block;}

#top_distance  { display: inline;float: right;height: 50%;margin-top: -250px;width: 100%;}
div#container { background: transparent url(../img/ramka.png) no-repeat scroll 0 90px; height: 510px; width: 936px;  margin: 0px auto; padding: 0px; clear: both; position: relative;}
#popup {background:url("../img/fade.png") repeat scroll 0 0 transparent;cursor:pointer;height:100%;
left:0;position:fixed;top:0;width:100%;z-index:99998;}
#popup img { display: block; margin: 100px auto 0; }

#intro #top_distance { margin-top: -212px; }
#intro div#container { width: 786px; height: 423px;  background: transparent url(../img/intro.png) no-repeat scroll 0 0;}

div#toptop{ width: 100%; height: 92px; margin: 0px; padding: 0px; }
h1#logo { width: 100%; height: 85px; margin: 0px; padding: 0px;background: transparent url(../img/logo.png) no-repeat scroll 50% 0px;}
h1#logo a { display: block; width: 100%; height: 100%; text-indent: -5555px; }

div#top { height: 36px;}

ul.menu { height: 14px; line-height: 14px; list-style-type: none; padding: 11px 0px; margin: 0px;}
ul.menu li { display: inline;}
ul.menu li a { padding: 0px 10px; border-left: 1px solid #a07541; }
ul.menu li a.first { border-left: 0px none;}

ul.topmenu { text-align: right;}
ul#langs { float: left;}
ul.langs li a { border-left: 1px solid #a07541;}
ul#langsbottom { text-align: center; position: absolute; left: 0px; top: 0px; width: 836px; padding: 12px 0px 12px 50px; background-color: #5d462a; display: block;}
ul#langsbottom li a { border-left: 1px solid #ecaf67;  color: #ecaf67;}
ul.langs li.first a,ul#langsbottom li.first a { border-left: none 0px;}

div#frame { height: 330px; width: 100%; margin: 1px 0px; position: relative;}
iframe#myframe { border:0px none;height:330px;overflow:hidden;width:936px;}

div#loader { background: #6A5133 url(../img/loader.gif) no-repeat scroll 50% 50%; position: absolute; left: 0px; top: 0px; height: 330px; width: 936px;}
div.footer { height: 38x; line-height: 38px; color: #e6cfb1; text-align: left; padding: 0px 20px;}
div#bottom { position: relative;height: 36px;}

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

#left { width: 469px; height: 313px; float: left; }
#right { width: 467px; height: 313px; float: right;}
#right.view { width: 170px; }

#intro #left { padding: 162px 50px 0 37px; height: 265px; width: 306px; text-align: justify; position: relative; display: block;}
#intro #right { padding: 162px 38px 0 49px; height: 265px; width: 306px; text-align: justify; position: relative; display: block;}
#intro .slide { border: 1px solid #7b4928; width: 285px; height: 105px; }
#intro .slid{ height: 107px; width: 287px;margin: 0px 9px 28px 9px;}
#intro #left *, #intro #right * { cursor: pointer;}

#intro #left span,#intro #right span { display: block; text-align: center; position: absolute; width: 306px; bottom: 30px;}
#widok { width: 755px; height: 313px; float: left; position: relative; overflow: hidden;}
#widok div { position: absolute; width: 10000px; height: 313px; text-align: left; white-space: nowrap; }
#widok div img { margin: 0px; padding: 0px; border: 0px none; float: left;}

h2 { line-height: 50px; height: 50px; text-align: center; font-size: 13px; color: #bd9773; font-weight: bold; display: none;} 
#text { height: 285px; padding: 20px 20px 5px 20px;  margin: 0px; text-align: left;}
#text .scroll { width: 430px; height: 285px;   overflow: hidden;}
#text .scroll .scrt{ margin-right: 12px; line-height: 1.2em;}
#text .withScroll .scroll .scrt{ margin-right: 5px;}

#right.view h2 { margin-right: 30px;}
#right.view #text .scroll { width: 140px; }
#right.view #text { padding: 0px 10px; }


#gallery,.gallery { margin: 0px -3px; width: 429px;}
#gallery a,.gallery a { display: block; margin: 8px; float: left; line-height: 1.5em; width: 119px; height: 61px; border: 1px solid #4d2d15; }
#gallery a img,.gallery a img { border: 0px none;}
#gallery a:hover,.gallery a:hover {text-decoration: none;}

#gallery2 { margin: 0px -3px; width: 429px;}
#gallery2 a { text-align: center;display: block; margin: 8px; float: left; line-height: 1.5em; width: 119px; height: 61px;   }
#gallery2 a img { border: 0px none; border: 1px solid #4d2d15; display: block;}
#gallery2 a:hover {text-decoration: none;}

#views { margin: 0px -9px; width: 115px;}
#views a { color: #bd9773; text-align: center; display: block; margin: 4px 9px; float: left; line-height: 1.5em; width: 112px; height: 30px; padding: 4px 6px;  background: transparent url(../img/border.view.gif) no-repeat scroll 0 0;  }
#views a img { border: 0px none;}
#views a:hover {text-decoration: none;}

a#back { display: block; height: 30px;  text-align: left;  padding-left: 20px;}

ul#list { list-style-type: none; padding: 0px; margin: 0px;}
ul#list li { display: block; color: #9e744c; text-align: center; padding: 3px; }
ul#list a { display: block; color: #be9772;}

strong.drinks { color: #d0ad8c; font-weight: normal; line-height: 30px; text-align: center; display: block;}
div.menuitem { position: relative;}
div.menuitem .left { width: 300px; background: transparent url(../img/dot.gif) repeat-x scroll 0 100%; }
div.menuitem .left>span { background-color: #3b1e0e; font-style: italic; color: #7a5e43; }
div.menuitem .left>span>span { font-style: normal; color: #9e744c;}
div.menuitem>span { position: absolute; bottom: 0px; left: 310px; color: #9e744c;}
div.menuitem>strong { position: absolute; bottom: 0px; left: 360px; color: #9e744c; font-weight: normal; }

ul#menulist { list-style-type: none; padding: 0px; margin: 0px;}
ul#menulist li { display: block; color: #9e744c; text-align: center; padding: 3px; }
ul#menulist span { display: block; color: #d0ad8c; line-height: 28px;}
ul#menulist strong { display: block; color: #be9772; font-weight: normal;}

.news {   border-bottom: 1px solid #7f603b; padding-bottom: 1em;}
.news strong { display: block; padding: 1em 0px; }
.news strong span { font-weight: normal; padding-left: 20px;}
.news .gallery { padding-top: 1em;}

.log { color: #ecaf67; padding: 1em 0px;}
.log a {color: #ecaf67; text-decoration: underline;}

form#login { text-align: center; padding-top: 1em;}
form#login label,form#post label { color: #c09663; line-height: 1.5em; display: block; text-align: center; }
form#post label { text-align: left;}
input.text { padding: 3px 10px; border: 1px solid #967043; background-color: #6a5133; color: #967043; 	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal; width: 150px;}
input.button  { display: block; margin: 0px auto; border: 0px none; background-color: #5d462b; color: #ecaf67; margin-top: 10px; font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal; }
span.error { display: block; font-weight: bold; line-height: 1.5em; color: red;}
textarea { padding: 3px 10px; border: 1px solid #967043; background-color: #6a5133; color: #967043; 	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal; width: 390px; height: 5em; overflow: auto;}
form#post .button { float: right; padding: 3px; margin-top: 10px; margin-right: 3px;}