@CHARSET "UTF-8";

html, body{  color: #b48966; background: #170505 url(../img/bg.png) repeat center center; width: 100%; height: 100%; margin: 0;	padding: 0;	text-align: center;	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal;}
#top_shadow {
	position:absolute;
	width: 100%;
	height: 316px;
	background: url("../img/top_shadow.png") repeat-x top center;
	top: 0; left: 0;
}
#bottom_shadow {
	position:absolute;
	width: 100%;
	height: 316px;
	background: url("../img/bottom_shadow.png") repeat-x bottom center;
	bottom: 0; left: 0;
}
a {text-decoration: none; color: #b48966; font-style: normal;}
a.sel { color: #dfa97c; 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;}

#upflow { width: 100%; height: 261px; position: absolute; left: 0px; top: 0px;background: transparent url(../img/cien.png) repeat-x scroll 0 0;}

#top_distance  { display: inline;float: right;height: 50%;margin-top: -255px;width: 100%;}
div#container { background: transparent url(../img/ramka.png) no-repeat scroll 0 102px; height: 510px; width: 941px;  margin: 0px auto 0px; padding: 0px; clear: both; position: relative;}

div#toptop{ width: 100%; height: 108px; margin: 0px; padding: 0px;  position: relative;}
h1#logo { width: 100%; height: 108px; position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; display: block; 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: 10px; margin: 0px;}
ul.menu li { display: inline;}
ul.menu li a { padding: 0px 10px; }

ul.topmenu { text-align: right;}
ul#langs {height: 14px; line-height: 14px; list-style-type: none; padding: 10px; margin: 0px; float: left;}
ul#langs li {display: inline;}
ul#langs li a {padding: 0px 10px;  border-left: 1px solid #af7b4a;}
ul#langs li.first a { border-left: none 0px;}
ul#langsbottom { text-align: center; position: absolute; left: 0px; top: 0px; width: 941px; padding: 10px 0px; }

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

div.footer { height: 30px; line-height: 30px; color: #b48966;}
div#bottom { position: relative;height: 35px;}

#left { width: 469px; height: 324px; float: left; }
#right { width: 460px; height: 324px; float: right;}
#right.view { width: 170px; }
#widok { width: 755px; height: 324px; float: left; position: relative; overflow: hidden;}
#widok div { position: absolute; width: 10000px; height: 301px; 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: #b48966; font-weight: bold; margin-right: 10px;} 
#text { height: 245px; padding: 0px 20px;  margin: 0px; text-align: left;}
#text .scroll { width: 430px; height: 233px;  overflow: hidden;}
#text .scroll .scrt{ margin-right: 19px; line-height: 1.2em;}
#text .withScroll .scroll .scrt{ margin-right: 12px;}

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


#gallery { margin: 0px -1px; width: 429px;}
#gallery a { display: block; margin: 1px; float: left; line-height: 1.5em; width: 91px; height: 62px; padding: 3px 4px;  background: transparent url(../img/border.gif) no-repeat scroll 0 0;  }
#gallery a img { border: 0px none;}
#gallery a:hover {text-decoration: none;}

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

#views { margin: 0px -9px; width: 115px;}
#views a { color: #b48966; 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: 20px; line-height: 20px; font-size: 9px; text-align: left; text-indent: 5px; }

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

strong.drinks { color: #b48966; 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: #45270D; font-style: italic; color: #b48966; }
div.menuitem .left>span>span { font-style: normal; color: #b8b56c;}
div.menuitem>span { position: absolute; bottom: 0px; left: 310px; color: #b8b56c;}
div.menuitem>strong { position: absolute; bottom: 0px; left: 360px; color: #b8b56c; font-weight: normal; }

ul#menulist { list-style-type: none; padding: 0px; margin: 0px;}
ul#menulist li { display: block; color: #b48966; text-align: center; padding: 3px; }
ul#menulist span { display: block; color: #D5AC8B;  padding-top: 10px; }
ul#menulist strong { display: block; color: #D5AC8B;; font-weight: normal;}

div#facebook {height: 18px;  float: left; margin: 8px 1px; line-height: 18px;} 
a#activelogo { width: 35px; height: 16px; background: transparent url(../img/adlogo.png) no-repeat scroll 0 0;  float: right; text-indent: -5555px; margin: 8px 1px;}