* {margin: 0; padding: 0;}

body {font-size: small; font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; line-height: 1.8em; color: #424242; background: white url(../images/bg.jpg) top center repeat-x;}

a:link {color: #b4934f;}
a:visited {color: #b4934f;}
a:hover {color: #9c6c51;}
.arrow {padding-left: 30px; background: url(../images/arrow.gif) 5px 5px no-repeat; line-height: 30px;}
.word {padding-left: 30px; background: url(../images/icon-word.gif) 0 5px no-repeat; line-height: 30px; height: 30px; display: block;}
.right {float: right; border: 3px solid #f6f2ea;}
.left {float: left; border: 3px solid #f6f2ea; margin: 15px 15px 5px 0;}
em {color: #6c411c;}
p {padding: 0.7em 0;}
h1 {overflow: hidden; font-size: 1.9em;}
h1, h1 span {float: left; position: relative; width: 282px; height: 250px;}
h1 span {position: absolute; top: 0; left: 0; background: url(../images/logo.jpg) top left no-repeat;}
h1 a:hover span {cursor: pointer;}
h2 {font-size: 1.8em; font-weight: normal; color: #c03417; margin: 1em 0 0.2em 0;}
h3 {font-size: 1.5em; font-weight: normal; margin: 1em 0 0.2em 0;}
strong {color: #90220b;}

#page {width: 770px; margin: 0 auto;}

#nav {width: 450px; height: 35px; margin: 261px 0 0 0; border-top: 5px solid white;}
#nav ul {list-style: none;}
#nav ul li {width: 80px; float: left;}
#nav li#o {width: 60px; border-right: 3px solid white;}
#nav li#jl {width: 102px; border-right: 3px solid white;}
#nav li#nl {width: 112px; border-right: 3px solid white;}
#nav li#tat {width: 70px; border-right: 3px solid white;}
#nav li#fo {width: 91px;}
#nav ul li a {display: block; height: 35px; line-height: 35px; color: #c03417; text-decoration: none; text-align: center; border-top: 3px solid #be1918; background: #eadab4 url(../images/corner-bright-left.gif) bottom left no-repeat;}
#nav ul li a span {background: url(../images/corner-bright-right.gif) bottom right no-repeat; display: block;}
#nav ul li a.active {color: white; background: #c03517 url(../images/corner-left.gif) bottom left no-repeat; border-top: 3px solid #ceb884;}
#nav ul li a:hover {border-top: 3px solid #ceb884; text-decoration: underline;}
#nav ul li a.active span {background: url(../images/corner-right.gif) bottom right no-repeat; display: block;}
#nav ul li a:hover span {background: none;}

#content {width: 488px; float: right; background: url(../images/bg-content-top.jpg) top left no-repeat;}
#content-inside {background: white url(../images/bg-content.gif) 0 0px no-repeat; padding: 0px 18px 0 18px;}
#content-inside-text {padding: 0 5px;}
#content p.i {font-style: italic; border-left: 3px solid #c03417; color: #c03417; background: #f9f7f2 url(../images/bg-p-i.gif) bottom right no-repeat; padding: 0 0 0 10px; margin: 10px 5px 10px 0;}

#content table#offer {width: 100%; color: black; border-collapse: collapse;}
#content table#offer tr.bg {background: #f9f7f2;}
#content table#offer tr.bg th {background: #fff;}
#content table#offer th {width: 100%; font-size: 1.5em; font-weight: normal; padding: 1em 0 0.5em 0; color: #b33434; text-align: left;}
#content table#offer td {text-align: left; padding: 7px;}
#content table#offer td.red {color: #c03517;}
#content table#offer td.amount, #content table.tatarak-table td.amount {width: 30px; font-style: italic; vertical-align: top;}
#content table#offer td.food, #content table.tatarak-table td.food {width: 320px;}
#content table#offer td.price, #content table.tatarak-table td.price {width: 30px; vertical-align: top; text-align: right;}
#content .foto a img {width: 60px; height: 60px; border: 3px solid #f6f2ea; margin: 5px 3px 0 0;}
#content .foto a:hover img {border: 3px solid #ebd8b1;}
#content table.tatarak-table {width: 100%; background: #f6f2ea; margin-top: 10px;}
#content table.tatarak-table td {font-weight: normal; text-align: center; padding: 3px; border: 3px solid white; color: #c03517;}

#column {width: 282px; float: left; background: white url(../images/bg-column.gif) 0 0 no-repeat;}
#column-inside {padding: 0 28px 0 28px;}
#column .map {float: right; width: 60px; height: 60px; text-align: center; }
#column a.map img {border: 3px solid #f6f2ea;}
#column a.map:hover img {border: 3px solid #ebd8b1;}
#column address {padding-top: 5px;}
#column table {width: 100%; background: #f6f2ea; margin-top: 10px;}
#column th, #column td {font-weight: normal; width: 50%; text-align: center; padding: 3px; border: 3px solid white; color: #c03517;}
#column th {background: #f3e9d5;}

#column .facebook {
	margin: 30px 0;
}

#footer {width: 600px; height: 20px; margin: 0 auto ;border-top: 1px solid #f4e0e0;}
#footer p {text-align: center; font-size: 0.9em;}

br.cleaner {clear: both;}