body {
font-family: Arial;
background: #f4efe0 url('img/bg-body.png') repeat-y center;
}

div.clear {
clear: both;
font-size: 0;
}

a {
color: #179d25;
}

h1 {
font: bold 20px Arial;
color: #532f1f;
margin-bottom: 20px
}
h1 span, h1 a {
font: 12px Arial;
color: #532f1f;
}
h1 a.print {
color: #179d25;
background: url('ico/print.gif') no-repeat left;
padding: 2px 0 2px 23px;
margin: 0 0 0 20px;
line-height: 20px;
}

h2 {
color: #532f1f;
font: bold 16px/18px Arial;
padding: 15px 0 10px;
}

h3 {
font: bold 16px Arial;
padding-bottom: 10px;
}

ol {
font-size: 12px;
line-height: 16px;
padding: 3px 0 3px 15px;
margin: 0 20px 0 5px;
}
ol li {
padding-bottom: 15px;
}

ul li {
font-size: 12px;
line-height: 14px;
padding: 3px 0 3px 15px;
margin: 0 20px 0 15px;
background: url('img/li-marker.gif') no-repeat left top;
}
ul.big li{
font: bold 14px Arial;
}
ul ul li {
margin-left: 25px;
font-size: 11px;
}


p {
font-size: 12px;
line-height: 16px;
padding: 5px 30px 10px 0;
max-width: 640px;
}

ul p {
padding: 0 30px 10px 20px;
}

div.header {
width: 1000px;
height: 261px;
text-align: left;
background: url('img/header.jpg') no-repeat;
}
div.header div.icons {
padding: 12px 0 0 71px;
}
div.header div.icons a {
display: block;
float: left;
padding-left: 31px;
height: 25px;
line-height: 25px;
color: #532f1f;
}
div.icons a.en {
background: url('img/en-b.gif') no-repeat;
margin-left: 34px;
}
div.icons a.ru {
background: url('img/ru-b.gif') no-repeat;
}
div.icons a#select {
font-weight: bold;
text-decoration: none;
cursor: default;
}
div.icons a.en#select {
background: url('img/en.gif') no-repeat;
}
div.icons a.ru#select {
background: url('img/ru.gif') no-repeat;
}


div.logo {
width: 255px;
height: 146px;
margin: 90px 0 0 17px;
}

div.phone {
float: right;
padding: 122px 30px 0 0;
text-align: right;
color: #fffded;
font: bold 40px Arial;
}
div.phone span {
font-size: 30px;
}

div.menu {
width: 950px;
text-align: left;
padding: 0 25px;
height: 81px;
background: url('img/bg-menu.png') no-repeat top;
}
div.menu a {
font: 13px Arial;
color: #000;
}
table.menu td {
padding: 10px 12px;
text-align: center;
vertical-align: middle;
}
div.menu a:hover {
color: #447949;
}
div.menu a.select, div.menu a.select:hover {
font-weight: bold;
text-decoration: none;
color: #179d25;
cursor: default;
}

div.footer {
text-align: left;
width: 940px;
height: 97px;
padding: 0 30px;
background: #dbecc1 url('img/bg-footer.png') no-repeat;
}
div.footer div.copy {
float: left;
font-size: 12px;
line-height: 18px;
padding: 20px 0 0;
}
div.footer div.copy a {
color: #009811;
}
div.footer div.create {
text-align: right;
float: right;
font-size: 12px;
line-height: 20px;
padding: 22px 0 0;
}
div.footer div.create a {
color: #4a704e;
}

div.content {
width: 960px;
text-align: left;
padding: 0 0 30px 30px;
}

div.news {
text-align: left;
width: 967px;
height: 220px;
padding: 14px 0 19px 33px;
background: url('img/bg-news.png') no-repeat;
}
div.news div.n-item {
font: 12px/20px Arial;
width: 270px;
height: 165px;
float: left;
margin: 10px 60px 5px 0;
}
div.news div.n-item a {
color: #009811;
}
div.news div.n-item div.date {
color: #6c6c6c;
}
div.news div.n-item div.preview, div.guest div.preview {
width: 70px;
height: 70px;
float: left;
margin: 3px 10px 0 0;
}
div.news div.n-item div.name {
margin-bottom: 5px;
}
div.news div.n-item div.desc {

}
div.news a.all-news {
color: #fe6700;
font: 14px/16px Arial;
}

div.index-preview {
width: 270px;
height: 170px;
float: left;
padding: 20px 50px 0 0;
}
div.index-preview h2 {
height: 56px;
padding: 0 0 5px 0;
}
div.index-preview div {
width: 60px;
height: 80px;
float: left;
margin: 2px 10px 0 0;
background: url('img/index-preview.jpg') 0 0 no-repeat
}
div.index-preview div#i1 {
background-position: 0 0;
}
div.index-preview div#i2 {
background-position: -60px 0;
}
div.index-preview div#i3 {
background-position: -120px 0;
}
div.index-preview div#i4 {
background-position: -180px 0;
}
div.index-preview div#i5 {
background-position: -240px 0;
}
div.index-preview div#i6 {
background-position: -300px 0;
}
div.index-preview p {
font-size: 12px;
padding: 0 0 5px;
}
div.index-preview a {
color: #009811;
font-size: 12px;
}
div.index-preview a:hover {
color: #447949;
cursor: pointer;
}
.index_ac
{
	text-align:center;
	margin-bottom: 35px;
}

a.order {
color: #a20a00;
font: 20px/54px Arial;
padding: 15px 0 15px 63px;
background: url('img/order-btn.jpg') no-repeat left center;
}
a.pan_3d
{
	font: 20px/54px Arial;
	background: url('img/pan-3d.jpg') no-repeat left center;
	color:#009811;
	padding: 15px 0 15px 63px;
	margin: 0 0 0 55px;
}

div.banner {
width: 967px;
text-align: left;
padding: 8px 0 8px 33px;
background-color: #decba6;
}
div.banner h1 {
color: #532f1f;
float: left;
padding: 7px 16px 0 0;
font-weight: normal;
}
div.banner img {
float: left;
padding: 0 10px 0 0;
}


input.btn, input.btn-cancel {
width: 99px;
height: 32px;
border: 0;
color: #fff;
background: url('img/btn.png') no-repeat;
cursor: pointer;
margin: 20px 20px 10px 0;
}
input.btn-cancel {
background: url('img/btn-cancel.png') no-repeat;
}

form.enter {
float: left;
width: 221px;
height: 121px;
font-size: 12px;
background: #ffefbb url('img/bg-admin.jpg') no-repeat;
padding: 20px 45px 10px 15px;
margin: 40px 0 60px;
}

div.field {
clear: both;
text-align: right;
padding: 5px 0;
}
div.field label {
padding: 0 10px 0 0;
line-height: 18px;
}

table.tbl {
font-size: 12px;
margin: 0 30px 20px 0;
}
table.tbl th {
text-align: center;
font-weight: bold;
color: #fff;
background-color: #2a7c16;
border-left: 1px solid #fff;
padding: 7px 15px;
}
table.tbl td {
border-left: 1px solid #fff;
background-color: #f6e3b2;
padding: 7px 15px;
}
table.tbl td:first-child, table.tbl th:first-child {
border-left: none;
}
table.tbl td td {
border: none;
background-color: transperent;
padding: 0;
}
table.tbl td textarea {
width: 375px;
height: 150px;
}
table.tbl td input.input, table.tbl td input#date {
width: 375px;
}

div.room {
width: 185px;
height: 200px;
float: left;
text-align: center;
margin: 30px 65px 0 0;
padding: 11px 0 0 0;
}
div.room img {
/*width: 165px;
height: 110px;*/
}
div.room a.name {
width: 185px;
font-size: 14px;
display: table-cell;
vertical-align: middle;
height: 42px;
color: #532f1f;
padding: 10px 0 0 0;
}
div.pr {
color: #005509;
font: bold 16px/16px Arial;
}
div.pr1, div.pr2 {
color: #005509;
font: bold 16px/16px Arial;
width: 77px;
padding: 0 0 0 23px;
margin-left: 41px; 
}
div.pr1 {
background: url('img/man1.gif') no-repeat left top;
}
div.pr2 {
background: url('img/man2.gif') no-repeat left top;
}

table div.pr1, table  div.pr2 {
margin-left: 0;
color: #000;
}

div.submenu {
width: 198px;
padding: 10px 10px 10px 31px;
margin: 0 30px 15px 0;
background-color: #f4ecd5;
}
div.submenu a {
display: block;
padding: 0 0 0 21px;
margin: 9px 0;
background: url('img/submenu-marker.gif') no-repeat top left;
color: #532f1f;
font: 12px/16px Arial;
}
div.submenu a.select {
font-weight: bold;
text-decoration: none;
color: #179d25;
cursor: default;
}

div.num {
width: 255px;
//height: 131px;
padding: 15px 20px;
background-color: #faf7ee;
}
div.num table {
height: 40px;
}
div.num p {
padding: 10px 0 0 0;
line-height: 22px;
}

table.convenience {
margin: 20px 20px 0 0;
}
table.convenience td {
width: 33%;
}

table.present {
margin: 25px 36px 0 0;
}
table.present td.left {
width: 240px;
padding: 5px 0 9px 180px;
border: 5px solid #faf7ee;
background: #faf7ee url('img/present.jpg') 9px 9px no-repeat;
}
table.present td.right {
border: 5px solid #faf7ee;
padding: 0 0 0 23px;
}
table.present td.right p {
padding-bottom: 0;
}

div.gallery {
background-color: #f4ecd5;
margin: 14px 36px 0 0;
padding: 14px 0 0 14px;
}
div.gallery img {
width: 150px;
height: 100px;
margin: 0 10px 12px 0;
}

input.hide {
display: none;
}

form.order {
width: 535px;
padding: 5px 70px 5px 0;
background-color: #faf7ee;
}
form.order td {
padding: 3px;
}
form.order h3 {
text-align: center;
color: #179d25;
font: 16px/18px Arial;
padding: 10px 0 5px;
}
form.order label {
font-size: 14px;
float: right;
padding: 0 10px 0 0;
}
form.order label.half {
text-align: right;
width: 155px;
float: right;
}
form.order textarea {
width: 270px;
height: 80px;
font-family: Arial;
}
form.order input.small {
width: 60px;
}
form.order input.big {
width: 270px;
}
form.order input#error, form.order textarea#error {
border: 1px solid #f00;
}
form.order td {
vertical-align: top;
}
form.order td p {
padding: 0 0 0 5px;
color: #f00;
}
form.order td#dateb input , form.order td#datee input {
width: 80px;
text-align: center;
}
form.order td#dateb img, form.order td#datee img {
margin: 0 0 0 4px;
cursor: pointer;
}
form.order input {
font-size: 12px;
}
form.order label.star {
background: url('img/star.gif') no-repeat center right;
}
form.order .btn {
float: right;
margin-right: 10px;
}

div.right {
margin-left: 29px;
padding: 10px 0 0 0;
background-color: #faf7ee;
}
div.right h3, div.right p {
padding: 5px 33px;
}
div.right img {
padding-top: 10px;
}

div.quote {
background-color: #f4ecd5;
margin: 0 35px 13px 5px;
padding: 13px;
}
div.quote p {
padding-right: 0;
}

div.i div.quote {
width: 330px;
}
div.i p {
width: 640px;
}
div.i div.quote p {
width: auto;
}


td.cafe {
width: 690px;
}
td.cafe p {
padding-right: 60px;
}
td.cafe div.gallery {
margin-right: 0;
}



div.guest div.name {
font: bold 14px Arial;
}
div.guest div.date {
font: 11px Arial;
color: #77856d;
padding: 3px 0 5px 0;
}
div.guest div.org {
color: #9e8b74;
font: italic 12px Arial;
padding: 3px 0 7px 0;
}
div.guest p {
padding-bottom: 30px;
}

p.page {
line-height: 18px;
}
p.page span {
background-color: #eddba7;
padding: 0 3px;
}
p.page a {
color: #000;
}
div.cafe_action
{
	border: solid 1px black;
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
}
.space
{
    clear:both;
    font-size:0;
    overflow:hidden;
    width:100%;
    clear:none;
}
.img_r
{
	margin: 5px 15px 10px 0; 
	float:left;
}
.dis_none
{
	display:none;
}
.f_small
{
	width:70px;
}
.spec_head
{
	color:red;
	font-weight:600;
}
.label_tbl
{
	text-align:center;
	padding: 0 0 30px 0;
}
.label_tbl div
{
	margin: 10px;
	font-size:12px;
	line-height:16px;
}
.panorama
{
	background:url(/template/img/back.gif) no-repeat;
	width:687px; 
	height:367px;
	text-align:center;
	margin:0;
	padding:10px 0 0 0;
	clear:left;
}
.pan_active, .pan
{
	width:111px;
	height:22px;	
	float:left;
	margin:0;
	padding:7px 0 0;
	text-align:center;
}
.pan_active
{
	background:url('img/pan_active.png') no-repeat;
}
.pan
{	
	background:url('img/pan.png') no-repeat;	
}
.pan_text, .pan_text a
{
	color:#532f1f;
	font-size:12px;	
}
.pan_text
{
	font-weight:600;
}
.pan_text a
{
	font-weight:300;
}
.index_action
{
	color: #CC0000;
}
.room_img
{
	width:189px; 
	height:133px;
}
.rooms_3d
{
	float:left;
}
.rooms_3d div.room, .services div.room
{
	height: 160px !important;
	margin: 30px 45px 0 0 !important;
}
.services
{
	float:right;
	text-align:left;
	width:50%;
}

#rooms img {
	padding: 5px;
}