﻿
/* фоновые изображения, градиенты */
.general_bg {
}

	.left_bracket, .right_bracket {
		background-position: 0 240px;
	}


/* верхний блок ("шапка") */
.top_block {
	width: 100%; height: 180px; position: relative;
	background: url(/images/i_top_block_img.jpg) center top no-repeat;
}

	.logo_href {
		display: block; width: 200px; height: 108px;
		position: absolute; left: 385px; top: 25px;
	}

	.travel_map, .travel_map:visited {
		display: block; min-height: 24px;_height: 24px; position: absolute; right: 215px; top: 18px; padding: 0 20px 0 0;
		text-decoration: none; color: #006CFF; font-size: 1.1em;
		background: url(/images/travel_map.gif) right 1px no-repeat;
	}
	.travel_map:hover u {
		text-decoration: none;
	}

/* блок для меню справа */
.menu_right {
	position: relative; float: right; margin-top: 50px;
}


/* средний блок (левая, центральная, правая колонки) */
.middle_block {
}


/* левая колонка */
.left_block {
}

/* блок номера(комнаты) */
.rooms {
	_height: 0; position: relative; margin-top: 10px; padding-bottom: 72px;
	background: url(/images/i_rooms_bg.jpg) 0 bottom no-repeat;
}

	.rooms h2 {
		position: relative; left: 20px; margin-right: 20px;
	}

	.rooms .img_blue {
		margin: 0 auto; display: table; float: none;
	}

	.rooms .vector {
		position: absolute; right: 0; bottom: 0;
	}


/* блок природа */
.nature {
	_height: 0; position: relative; margin-top: 10px; padding-bottom: 72px;
	background: url(/images/i_nature_bg.jpg) left bottom no-repeat;
}

	.nature h2 {
		position: relative; left: 20px; margin-right: 20px;
	}

	.nature .img_green {
		margin: 0 auto; display: table; float: none;
	}

	.nature .vector {
		position: absolute; right: 0; bottom: 0;
	}


/* правая колонка */
.right_block {
}

/* блок отзывы */
.comments {
	margin: 10px 15px;
}
	.comments a, .comments a:visited {
		min-height: 12px; _height: 12px; float: right; padding-left: 20px; margin-top: 23px;
		text-decoration: none;
		background: url(/images/comments_more.gif) left center no-repeat;
	}

	.comments textarea {
		width: 180px; height: 75px;
	}

/* блок акции */
.shares {
}

/* центральня колонка */
.center_block {
	_width: 100%;_height: 0; position: relative; margin: 0 265px 0 240px;
}

	.in {
		_margin-right: -20px;
	}
	
	.in p { margin-bottom: 10px; font-size: 1.2em; }


/* стили для содержимого страницы (HTML внутри центральной колонки) */
.in h1 {
	margin: 1.15em 0 0 0;
	font-size: 1.6em; font-weight: normal;
}

.in h2 {
	margin: .5em 0 .8em 0;
	font-weight: bold; font-size: 1.4em; color: #F9970F;
}

.in h3 {
	margin: .4em 0 .15em 0;
	font-size: 1.15em; color: #8A8A8A;
}

.path {
	position: relative; padding: .5em 0; margin-bottom: .3em;
	font-size: 1em;
}

.path a {
	text-decoration: none;
}

.path a img {
	width: 5px; height: 5px; margin-left: 7px;
	background: url(/images/path_delim.gif);
}
.path a:hover img {
	background: url(/images/path_delim_hover.gif);
}

.in blockquote {
	margin: .9em 0; padding: .2em 10px;
	color: #FF9800; border-left: solid 3px #FF9800
}

.in ul {
	list-style: none; margin: 0.7em 0;
}

.in li {
	position: relative; padding: 0 0 0 10px;
	background: url(/images/in_li.gif) 0 0.5em no-repeat;
}

.in ul ul {
	margin: 0 .3em;
}

.in table {
	margin: 1em 0;
}

.in_table {
	border-collapse: collapse;
	background: #FF9800 url(/images/in_table_l_t.gif) left top no-repeat;
}

.in_table tr {
	background: #fff url(/images/in_table_l_border.gif) left repeat-y;
	_background-image: none;
}

.in_table td {
	padding: .3em .7em;
	border: solid 1px #FFE0B1; border-width: 1px 1px 1px 0;_border-width: 1px;
}

.in_table tr.in_th_orange {
	background: url(/images/in_table_r_t.gif) right top no-repeat;
}

.in_table tr.in_th_orange th, .in_table tr.in_th_orange td {
	padding: .3em .7em;
	font-size: 1.2em; color: #fff; text-transform: uppercase; text-align: center;
}

.in_table tr.in_td_orange {
	background: #FFF1DD;
}

.in_form input, .in_form textarea {
	width: 166px;_width: 190px; _height: 2.2em; padding: 5px 12px; margin: 2px 0 3px 0;
	border: solid 0; background: #F4F4F4; font-size: 1em;
}
.in_form textarea {
	height: auto;
}

.in_form input.in_submit {
	width: auto; height: auto; padding: 0;
}

.in .img_orange, .in .img_green, .in .img_blue {
	display: table; _display: inline; margin: 0 auto;  float: none;
}


/* запись коментарий */
.comments_item {
	width: 100%; position: relative; margin: 15px 0 5px 0;
}

	.comments_item h5 {
		display: block; width: 100%; margin: 0 0 10px 0; font-weight: normal;
	}

	.comments_item h5 u {
		color: #E48B00; text-decoration: none;
	}

	.comments_item h5 s {
		margin-left: 20px; text-decoration: none; color: #8A8A8A;
	}


/* запись номер(комната) */
.room_item {
	position: relative; float: left; padding: 0 3px 4px 3px; margin: 8px 6px 8px 0;
}

	.room_item p {
		display: block; width: 220px; position: relative; margin: 0 5px;
	}

	.room_item h4 {
		width: 220px; margin: 8px 5px;
		font-weight: bold; font-size: 1.2em; line-height: 1.2em;
	}

	.room_item table {
		background: #F4F4F4;
	}

	.room_item table td {
		padding: 5px 4px;
	}

	.room_item table td a {
		display: block;
	}

	.room_item_big div {
		position: relative; float: left;
	}

	.room_item_big img {
		border: solid 2px #F8AD3E;
	}

	.room_item_big s {
		display: block; width: 8px; height: 8px; position: absolute; left: 0; top: 0;
		background: url(/images/number_l_t.gif); font-size: 0;
	}

	.room_item_big b {
		display: block; width: 8px; height: 8px; position: absolute; right: 0;_right: -1px; bottom: 0;_bottom: 1px;
		background: url(/images/number_r_b.gif); font-size: 0;
	}

	.room_item_small div {
		_height: 0; position: relative; margin: 2px 0 6px 0; _margin: 2px 0 4px 0;
	}

	.room_item_small img {
		border: solid 2px #F8AD3E;
	}

	.room_item_small s {
		display: block; width: 3px; height: 3px; position: absolute; left: 0; top: 0;
		background: url(/images/number_sm_l_t.gif); font-size: 0;
	}

	.room_item_small b {
		display: block; width: 3px; height: 3px; position: absolute; right: 0;_right: -1px; bottom: 0;_bottom: 1px;
		background: url(/images/number_sm_r_b.gif); font-size: 0;
	}

	.in th h4 {
		font-size: 1.2em; margin: 10px;
	}

/* блок-форма заказа */
.order {
	_width: 100%; position: relative;
}

	.order_header {
		width: 100%;_height: 0; position: relative; float: left;
	}

	.order_header table {
		width: 100%; min-height: 25px; margin: 0 !important;
	}
	.order_header tr {
		height: 100%;
		background: url(/images/order_active.gif) bottom repeat-x;
	}

	.order_form_t {
		width: 100%; height: 1px; position: relative; margin: 0 0 -2px 0;
		background: #DDDDDD;
	}

	.active .order_form_t {
		background: #D3D3D3;
	}

	.order_form_l_t {
		width: 100%; height: 100%; position: absolute; left: 0; top: 0;
		background: url(/images/order_form_l_t.gif) left top no-repeat;
	}

	.order_form_r_t {
		width: 100%; height: 100%; position: absolute; left: 0; top: 0;
		background: url(/images/order_form_active_r_t.gif) right top no-repeat;
	}
	.active .order_form_r_t {
		background: url(/images/order_form_r_t.gif) right top no-repeat;
	}

	.order_form_l_t {
		width: 100%; height: 100%; position: absolute; left: 0; top: 0;
		background: url(/images/order_form_active_l_t.gif) left top no-repeat;
	}
	.active .order_form_l_t {
		background: url(/images/order_form_l_t.gif) left top no-repeat;
	}
	

	.order_left {
		height: 100%; position: relative;
		text-align: center;
	}

	.order_left b {
		width: 0; height: 100%; position: relative;//position: absolute;_position: relative; float: right; right: 0; top: 0;
	}

	.order_left img {
		display: block; width: 22px; height: 100%; position: absolute; right: 0; top: 0;
	}
	.active img.order_l, .active img.order_r {
		display: none;
	}

	.order_right {
		height: 100%; position: relative;
		text-align: center;
	}

	.order_right b {
		width: 0; height: 100%; position: relative;//position: absolute;_position: relative; float: left; left: 0; top: 0;
	}

	.order_right img {
		display: block; width: 22px; height: 100%; position: absolute; left: 0; top: 0;
	}

	.order_header .active {
		background: #F4F4F4;
	}

	img.order_active_l, img.order_active_r {
		display: none;
	}
	.active img.order_active_l, .active img.order_active_r {
		display: block; width: 26px;
	}

	.order_header span {
		display: block; position: relative; z-index: 2; margin: 5px 22px;
		color: #8a8a8a;
	}
	.order_header .active span {
		color: #000;
	}


	.order_form {
		width: 100%; _height: 0; position: relative; float: left; left: 0; top: 0;
		background: #F4F4F4;
	}

	.order_form_l, .order_form_r, .order_form_b, .order_form_r_b, .order_form_l_b {
		width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	}
	.order_form_l {
		background: url(/images/border_gray.gif) left repeat-y;
	}
	.order_form_r {
		background: url(/images/border_gray.gif) right repeat-y;
	}
	.order_form_b {
		background: url(/images/border_gray.gif) bottom repeat-x;
	}
	.order_form_l_b {
		background: url(/images/order_form_l_b.gif) left bottom no-repeat;
	}
	.order_form_r_b {
		background: url(/images/order_form_r_b.gif) right bottom no-repeat;
	}

	.order_form form table {
		margin: 9px;
	}

	.order_form form td {
		position: relative; padding: 8px 4px;
	}


/* блок галерея */
.gallery {
	width: 100%; position: relative;
}

	h3.gallery_header {
		display: block; margin: 10px 25px;
		font-weight: bold; font-size: 1.1em; color: #006CFF;
	}

	table.gallery_pic {
		position: relative; margin: 0 25px !important;
	}

	.gallery_pic div {
		position: relative; float: left;
	}

	.gallery_pic img {
		border: solid 2px #F8AD3E;
	}

	.gallery_pic s {
		width: 8px; height: 8px; position: absolute; left: 0; top: 0;
		background: url(/images/gallery_pic_l_t.gif);
	}

	.gallery_pic b {
		width: 8px; height: 8px; position: absolute; right: 0;_right: -1; bottom: 0;//bottom: 1px;
		background: url(/images/gallery_pic_r_b.gif);
	}

	.gallery_icons {
		
	}

	.gallery_icons td {
		padding: 0 8px;
	}

	.gallery_icons a {
		cursor: pointer;
	}

	td.gallery_prev, td.gallery_next {
		width: 20px; padding: 0 6px; vertical-align: middle;
	}
	td.gallery_prev img, td.gallery_next img {
		border: solid 0; display: static; float: none;
	}

	td.gallery_total {
		padding: 2px 27px 8px 27px;
	}

	.gallery_icons div {
		position: relative; float: left;
	}

	.gallery_icons img {
		display: block; //float: left;_float: none;
		border: solid 2px #F8AD3E;
	}

	.gallery_icons s {
		width: 3px; height: 3px; position: absolute; left: 0; top: 0;
		background: url(/images/gallery_icons_l_t.gif);
	}

	.gallery_icons b {
		width: 3px; height: 3px; position: absolute; right: 0;_right: -1px; bottom: 0;_bottom: 2px;
		background: url(/images/gallery_icons_r_b.gif);
	}

/* запись тезис */
.abstract_item {
	width: 100%; position: relative; float: left; margin-top: 10px;
	color: #666;
}

	.abstract_item a {
		min-height: 12px; _height: 12px; position: relative; float: left; left: -11px; padding: 0 0 0 11px; margin: 3px -10px 3px 0;
		background: url(/images/abstract_href.gif) left 0.65em no-repeat;
	}
