/* ------------- Основные стили, скелетные ------------ */

* {margin:0; padding:0; font-size: 100.1%; }

img {
	border: 0; text-decoration: none;
}

html, body { width: 100%; height: 100%; color: #000; font-size: 0.85em; font-family: Tahoma, Arial, "Trebuchet MS", sans-serif; }

body { background: #ddc69b; }

#boss { position: relative; background: url(images/fon.gif) 0 0 repeat-y; width: 1038px; margin-left: -519px; left: 50%; min-height: 100%; height: auto; }

#container { position: relative; min-height: 100%; height: auto; width: 798px; margin-left: -399px; left: 50%; background: url(images/bot_fon.gif) 0 100% repeat-x; }

#top { position: relative; height: 385px; background: url(images/top_fon.gif) 0 0 repeat-x; }
#logo { position: absolute; width: 451px; height: 321px; top: 0; left: 154px; background: url(images/logo.jpg) 0 0 no-repeat; }
#flash { position: absolute; left: 120px; top: 53px; }
#tarelka, #kolos { position: absolute; width: 230px; top: 0; }
#tarelka { left: -28px; background: url(images/tarelka.gif) 0 0 no-repeat; height: 150px; }
#kolos { right: -37px; background: url(images/kolos.jpg) 0 0 no-repeat; height: 160px; }

#top_menu { position: absolute; top: 160px; left: 27px; list-style: none; margin: 0; padding: 0; }
#top_menu li { padding: 3px 0 4px 45px; font-size: 11px; background: url(images/point.gif) 28px 6px no-repeat; }
#top_menu li.cur { background: url(images/cur_point.gif) 1px 3px no-repeat; }
#top_menu li a { color: #000; text-decoration: none; }
#top_menu li a:hover { color: #754c29; text-decoration: underline; }

#top_right { position: absolute; top: 180px; right: 0; width: 210px; }


#main { position: relative; width: 100%; overflow: hidden; padding: 20px 0 120px 0; background: url(images/main_fon.gif) 0 0 repeat-x; }

#left_col { float: left; width: 160px; margin: 0 0 0 30px; }
#center_col { float: left; width: 375px; margin: 0 0 0 20px; }
#right_col { float: right; width: 160px; margin: 0 30px 0 0; }

.product { position: relative; background: #e7efc1; padding: 10px; border: 1px solid #f4f8db; }
.produkt_item { display: block; margin: 15px 0 0 0; text-decoration: none; }
.produkt_item:hover { text-decoration: none; }
.produkt_item img { margin: 0 0 2px 0; border: 1px solid #837818; }

.block { position: relative; margin: 10px 0 0 0; padding: 0 10px 10px 10px; background: #FFF; font-size: 11px; }
.block .zag { text-align: center; margin: 0 -10px 10px -10px; background: #ba5327; color: #FFF; padding: 7px 10px; }

.pergament { position: relative; width: 375px; background: url(images/perg_center.jpg) 0 0 repeat-y; padding: 0 30px; margin: 100px 0; }
.pergament .t, .pergament .b { position: absolute; left: 0; width: 375px; height: 90px; background-position: 0 0; background-repeat: no-repeat; }
.pergament .t { background-image: url(images/perg_top.jpg); top: -90px; }
.pergament .b { background-image: url(images/perg_bot.jpg); bottom: -90px; }

#footer { position: relative; width: 798px; height: 135px; background: #fcf3e1; left: 50%; margin: -135px 0 0 -399px; }


/* ------------- Стили для оформления текста, текстовики ------------ */
a { color: #ba5327; text-decoration: underline; }
a:hover { text-decoration: underline; color: #000; }

ol { margin: 0 0 0 40px; }

p { padding: 1em 0 0.5em 0; line-height:1.4em; }

h1 { margin: 0.3em 0 0.5em 0; font-size: 1.3em; font-weight: bold; border-bottom: 3px solid #d6b08a; padding: 0 0 5px 20px; }
h2 { margin: 1.2em 0 0.3em 0; font-size: 1em; font-weight: normal; }
h3 { margin: 0 0 0.5em 0; font-size: 1.1em; font-weight: bold; border-bottom: 3px solid #d6b08a; padding: 0 0 5px 0; }
h4 { margin: 0.3em 0 0.7em 0; }



/* ------------- Цвета ------------ */
.black { color: #000; border-color: #000; }
.white { color: #FFF; }


/* ------------- Формы ------------ */

#autoriz { width: 190px; margin: 5px 0 0 0; font-size: 11px; padding: 0 0 0 20px; }
#autoriz label { float: left; margin: 8px 0 0 0; width: 55px; }
#autoriz input.text { width: 97px; margin: 5px 0 0 0; padding: 2px; border: 2px solid #369; }
#autoriz input.but { width: 105px; margin: 5px 0 0 0; padding: 2px; font-size: 11px; }

#search { width: 190px; margin: 15px 0 0 0; font-size: 11px; padding: 9px 0 9px 20px; background: #ba5327; color: #FFF; }
#search label { float: left; margin: 3px 0 0 0; width: 55px; }
#search input.text { width: 97px; margin: 0 0 0 0; padding: 2px; border: 2px solid #8d2a00; }
#search input.but_search { width: 21px; height: 21px; margin: 0 0 0 3px; border: none; background: url(images/but_search.gif) 0 0 no-repeat; cursor: pointer; vertical-align: middle; }

.form_radio { margin: 10px 0 0 0; overflow: hidden; width: 100%; }
.form_radio label { display: block; margin: 7px 0; }
.form_radio input { float: left; margin: 0 7px 5px 0; //margin: 0 7px 0 0; }
.form_radio input.but { width: 105px; margin: 5px 0 0 0; padding: 2px; font-size: 11px; }

/* ------------- Стили для оформления таблиц, табличники ГЫ! ------------ */



/* ------------- Все остальное, вспомогалкиии ------------ */

.clear { clear: both; overflow: hidden; height: 1px; }
.center { text-align: center; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }

.pergament { position: relative; width: 375px; background: url(images/perg_center.jpg) 0 0 repeat-y; margin: 100px 0; }
.pergament .t, .pergament .b { position: absolute; left: 0; width: 375px; height: 90px; background-position: 0 0; background-repeat: no-repeat; }
.pergament .t { background-image: url(images/perg_top.jpg); top: -90px; }
.pergament .b { background-image: url(images/perg_bot.jpg); bottom: -90px; }
.pergament a { text-decoration: none; }
.pergament a:hover { text-decoration: none; }

#zal_1 { height: 300px; }
#zal_1 .left_wal { position: absolute; width: 16px; height: 206px; top: 0; left: 34px; background: url(images/zal_1_left_wal.gif) 0 0 no-repeat; }
#zal_1 .right_wal { position: absolute; width: 13px; height: 132px; top: 150px; right: 95px; background: url(images/zal_1_right_wal.gif) 0 0 no-repeat; }
#zal_1 .table_1 { position: absolute; width: 69px; height: 84px; top: 0; left: 50px; background: url(images/zal_1_table_1.gif) 0 0 no-repeat; }
#zal_1 .tablez_1 { position: absolute; width: 69px; height: 84px; top: 0; left: 50px; background: url(images/zal_1_tablez_1.gif) 0 0 no-repeat; }
#zal_1 .table_1:hover { position: absolute; width: 69px; height: 84px; top: 0; left: 50px; background: url(images/zal_1_tableh_1.gif) 0 0 no-repeat; }
#zal_1 .table_2 { position: absolute; width: 85px; height: 84px; top: 0; left: 146px; background: url(images/zal_1_table_2.gif) 0 0 no-repeat; }
#zal_1 .tablez_2 { position: absolute; width: 85px; height: 84px; top: 0; left: 146px; background: url(images/zal_1_tablez_2.gif) 0 0 no-repeat; }
#zal_1 .table_2:hover { position: absolute; width: 85px; height: 84px; top: 0; left: 146px; background: url(images/zal_1_tableh_2.gif) 0 0 no-repeat; }
#zal_1 .table_3 { position: absolute; width: 72px; height: 84px; top: 0; right: 108px; background: url(images/zal_1_table_3.gif) 0 0 no-repeat; }
#zal_1 .tablez_3 { position: absolute; width: 72px; height: 84px; top: 0; right: 108px; background: url(images/zal_1_tablez_3.gif) 0 0 no-repeat; }
#zal_1 .table_3:hover { position: absolute; width: 72px; height: 84px; top: 0; right: 108px; background: url(images/zal_1_tableh_3.gif) 0 0 no-repeat; }
#zal_1 .table_4 { position: absolute; width: 68px; height: 84px; top: 115px; left: 50px; background: url(images/zal_1_table_4.gif) 0 0 no-repeat; }
#zal_1 .tablez_4 { position: absolute; width: 68px; height: 84px; top: 115px; left: 50px; background: url(images/zal_1_tablez_4.gif) 0 0 no-repeat; }
#zal_1 .table_4:hover { position: absolute; width: 68px; height: 84px; top: 115px; left: 50px; background: url(images/zal_1_tableh_4.gif) 0 0 no-repeat; }
#zal_1 .table_5 { position: absolute; width: 86px; height: 85px; top: 115px; left: 146px; background: url(images/zal_1_table_5.gif) 0 0 no-repeat; }
#zal_1 .tablez_5 { position: absolute; width: 86px; height: 85px; top: 115px; left: 146px; background: url(images/zal_1_tablez_5.gif) 0 0 no-repeat; }
#zal_1 .table_5:hover { position: absolute; width: 86px; height: 85px; top: 115px; left: 146px; background: url(images/zal_1_tableh_5.gif) 0 0 no-repeat; }
#zal_1 .table_6 { position: absolute; width: 72px; height: 188px; top: 115px; right: 108px; background: url(images/zal_1_table_6.gif) 0 0 no-repeat; }
#zal_1 .tablez_6 { position: absolute; width: 72px; height: 188px; top: 115px; right: 108px; background: url(images/zal_1_tablez_6.gif) 0 0 no-repeat; }
#zal_1 .table_6:hover { position: absolute; width: 72px; height: 188px; top: 115px; right: 108px; background: url(images/zal_1_tableh_6.gif) 0 0 no-repeat; }
#zal_1 .table_7 { position: absolute; width: 86px; height: 72px; top: 230px; left: 146px; background: url(images/zal_1_table_7.gif) 0 0 no-repeat; }
#zal_1 .tablez_7 { position: absolute; width: 86px; height: 72px; top: 230px; left: 146px; background: url(images/zal_1_tablez_7.gif) 0 0 no-repeat; }
#zal_1 .table_7:hover { position: absolute; width: 86px; height: 72px; top: 230px; left: 146px; background: url(images/zal_1_tableh_7.gif) 0 0 no-repeat; }

#zal_2 { height: 300px; }
#zal_2 .right_wal { position: absolute; width: 16px; height: 307px; top: 0px; right: 140px; background: url(images/zal_2_right_wal.gif) 0 0 no-repeat; }
#zal_2 .table_8 { position: absolute; width: 85px; height: 86px; top: 0; left: 80px; background: url(images/zal_2_table_8.png) 0 0 no-repeat; }
#zal_2 .tablez_8 { position: absolute; width: 85px; height: 86px; top: 0; left: 80px; background: url(images/zal_2_tablez_8.png) 0 0 no-repeat; }
#zal_2 .table_8:hover { position: absolute; width: 85px; height: 86px; top: 0; left: 80px; background: url(images/zal_2_tableh_8.png) 0 0 no-repeat; }
#zal_2 .table_9 { position: absolute; width: 71px; height: 86px; top: 0; right: 156px; background: url(images/zal_2_table_9.png) 0 0 no-repeat; }
#zal_2 .tablez_9 { position: absolute; width: 71px; height: 86px; top: 0; right: 156px; background: url(images/zal_2_tablez_9.png) 0 0 no-repeat; }
#zal_2 .table_9:hover { position: absolute; width: 71px; height: 86px; top: 0; right: 156px; background: url(images/zal_2_tableh_9.png) 0 0 no-repeat; }
#zal_2 .table_10 { position: absolute; width: 86px; height: 86px; top: 105px; left: 80px; background: url(images/zal_2_table_10.png) 0 0 no-repeat; }
#zal_2 .tablez_10 { position: absolute; width: 86px; height: 86px; top: 105px; left: 80px; background: url(images/zal_2_tablez_10.png) 0 0 no-repeat; }
#zal_2 .table_10:hover { position: absolute; width: 86px; height: 86px; top: 105px; left: 80px; background: url(images/zal_2_tableh_10.png) 0 0 no-repeat; }
#zal_2 .table_11 { position: absolute; width: 70px; height: 87px; top: 105px; right: 156px; background: url(images/zal_2_table_11.png) 0 0 no-repeat; }
#zal_2 .tablez_11 { position: absolute; width: 70px; height: 87px; top: 105px; right: 156px; background: url(images/zal_2_tablez_11.png) 0 0 no-repeat; }
#zal_2 .table_11:hover { position: absolute; width: 70px; height: 87px; top: 105px; right: 156px; background: url(images/zal_2_tableh_11.png) 0 0 no-repeat; }
#zal_2 .table_12 { position: absolute; width: 86px; height: 86px; top: 220px; left: 80px; background: url(images/zal_2_table_12.png) 0 0 no-repeat; }
#zal_2 .tablez_12 { position: absolute; width: 86px; height: 86px; top: 220px; left: 80px; background: url(images/zal_2_tablez_12.png) 0 0 no-repeat; }
#zal_2 .table_12:hover { position: absolute; width: 86px; height: 86px; top: 220px; left: 80px; background: url(images/zal_2_tableh_12.png) 0 0 no-repeat; }
#zal_2 .table_13 { position: absolute; width: 70px; height: 87px; top: 220px; right: 156px; background: url(images/zal_2_table_13.png) 0 0 no-repeat; }
#zal_2 .tablez_13 { position: absolute; width: 70px; height: 87px; top: 220px; right: 156px; background: url(images/zal_2_tablez_13.png) 0 0 no-repeat; }
#zal_2 .table_13:hover { position: absolute; width: 70px; height: 87px; top: 220px; right: 156px; background: url(images/zal_2_tableh_13.png) 0 0 no-repeat; }

#datepicker_div, .datepicker_inline {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #DDD;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #ba5327;
	z-index: 10;
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #DDD !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #DDD;
	color: #000;
}
*html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.datepicker_control {
	background: #ba5327;
	padding: 2px 0px;
}
.datepicker_links {
	background: #e6d4ae;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label {
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #ba5327;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #ba5327;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #CCC;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker .datepicker_titleRow {
	background: #ccc;
	color: #000;
}
.datepicker .datepicker_daysRow {
	background: #FFF;
	color: #666;
}
.datepicker_weekCol {
	background: #ccc;
	color: #000;
}
.datepicker .datepicker_daysCell {
	color: #000;
	border: 1px solid #DDD;
}
#datepicker .datepicker_daysCell a {
	display: block;
}
.datepicker .datepicker_weekEndCell {
	background: #E0F4D7;
}
.datepicker .datepicker_daysCellOver {
	background: #FFF;
	border: 1px solid #777;
}
.datepicker .datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #B1DB87 !important;
}
.datepicker_currentDay {
	background: #83C948 !important;
}
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.datepicker_titleRow a {
	color: #000 !important;
}
.datepicker_control a:hover {
	background: #E3E3E3 !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.datepicker_multi .datepicker {
	border: 1px solid #83C948;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}
.datepicker_cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}