html, body {
	width:100%;
	height:100%;
	/*
		overflow:hidden;
	*/
}

ul {
	list-style:none;
	line-height:1.6em;
	margin:0;
	padding: 0 0 0 20px;
}

body {
	/*
	width:auto;
	font: 100 80%/1.3em Helvetica, Arial, sans-serif;
	*/
	font: 100 90%/1.5em Helvetica, Arial, sans-serif;
	margin:0;
	padding:0 0 25px;
	/*
	padding:0 50% 0 50%;
	text-align: center;
	*/
	color:#757575;
	background-color:#f6f5f1;
}



.page table, .layout table, #base_layout table {
width:100%;
}

.page .YMaps table, .layout .YMaps table, .YMaps table, .YMaps-popup table, #base_layout table  {
width:auto;
}


.clear {clear:both}


#bg {
	height: 998px;
	background-color:transparent;
	background-position: 50% -100px;
	background-repeat: no-repeat;
	background-image: url('/i/base_bg.jpg');
}

#container {
	text-align: left;
	/*
	border: 1px solid red;
	*/
	width: 1100px;
	margin: 0 auto;
	min-height: 350px;
	overflow: visible;
	padding: 0px 10px 10px 10px;
}

#left_side {
	position: absolute;
	width: 18%;
	top: 150px;
	left: 5%;
	padding-bottom: 30px;
	z-index: 40;
	text-align: left;
}

#admin_panel {
	width:100%;
	background-color:#444;
	height:36px;
	overflow: visible;
	color:#fff;
	font-size:0.8em;
}

#admin_panel .button{
	vertical-align: middle;
	border: none;
	
	/*
		filter: expression(fixPNG(this));
	*/
	
	cursor: pointer;
	/*
		cursor: hand;
	*/
}

.admin_mode {
	margin:30px 0 150px 0;
}

b, strong {
	font-weight:600;
}

/* remember to define focus styles! */

/*
ol, ul { 
	list-style: none; 
}
*/
/* tables still need 'cellspacing="0"' in the markup */
table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

#online {
	position: relative;
	top: 50px;
	left: 215px;
	font-size: 11px;
	float: right;
	color: #abd03d;
	margin-bottom: 0;
	/*
	z-index:50;
	*/
}

form {
	margin: 0;
	padding: 0;
}

.user_panel {
	margin-top:4em;

	color:#333;
	text-align:left;
	/*
	float:right;
	position:absolute;
	top:500px;
	left:5%;
	z-index: 150;
	*/

	font-size:90%;
	width:90%;



	padding:0;
	
	
	/*
	border: 1px solid #194344;
	overflow:visible;
	z-index:555;
	*/
}

.user_panel div {
	margin-top:0.2em;
}

td {
	margin: 0em;
	padding: 0em;
	vertical-align: top;
}

h1,h2,h3,h4 {
	font-weight: 100;
	margin: 10px 0 5px 0;
	line-height:1.2em;
}

h1 {font-size: 240%}
h2 {font-size: 210%}
h3 {font-size: 180%}
h4 {font-size: 160%}

h3.big_title {
	font: bold italic 2.9em/0.8em Georgia, serif;
	margin: 0 0 0.3em 0;
	padding: 0;
	color: #4db4e6;
}

h3.title {
	font: bold italic 2em/1.2em Georgia, serif;
	margin: 0 0 0.3em 0;
	padding: 0;
	color: #82c9eb;
}


div.title {
	font: bold italic 1.6em/1.2em Georgia, serif;
	margin: 0 0 0.3em 0;
	padding: 0;
	color: #767676;
}

h3.title a {
	text-decoration: none;
}

#contacts {
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: right;
	clear: both;
	padding-top: 25px;
}

#site_data {
	position: absolute;
	top: 40px;
	left: 28%;
	width: 60%;
	z-index: 30;
	/*
	margin:25px 0 30px;
	clear:both;
	padding: 0 0 0 40px;
	position: relative;
	
	top: -420px;
	z-index:5;
	*/
}

#logo {
	position: absolute;
	top: 30px;
	left: 2%;
	/*
	float:left;
	*/
	width: 268px;
	height: 98px;
	
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

#about {
	/*
	float:left;
	*/
	padding: 0 0 0 0;
	text-align: left;
	line-height: 1.3em;
	margin-bottom: 1.8em;
	z-index: 20;
}

#mini_navi {
	position: absolute;
	top: 0;
	right: 5%;
	/*
	float:right;
	*/
	width: 34px;
	height: 97px;
	/* border: 1px solid red; */
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('/i/mini_navi.gif');
}

#page_title {
	float: right;
	position: relative;
	top: 5px;
	left: -15px;

	width: 250px;
	height: 1em;
	color: #09b1e2;

	font-size: 500%;
	padding: 0;

	text-align: left;
	line-height: 0.9em;
	font-weight: 100;
}

#photos {
	float: left;
	position: relative;
	top: -300px;
	left: 20px;
	margin: 0;
	/*
	z-index:1;
	*/
}

#season_welcome {
	position: absolute;
	left: 68%;
	color: #ff9900;
	width: 200px;
	font-size: 100%;
	text-align: left;
	line-height: 1.4em;
}

#season_year {
	color: #ff9900;
	line-height: 1em;
	font-size: 520%;
}



/* Списочные данные */

.ribbon_list_entry {
	/*
	border-bottom:1px solid #c5e3f1;
	padding:5px 0;
	*/
}



p {
	margin-top:0;
	margin-bottom: 0.8em;
	padding:0;
}

a {text-decoration:underline;}

/*
a:visited {color:#990099;}
a:visited {text-decoration:underline; color:#992299;}
.q_link a:visited {color:#1a3dc1;}
*/

a:hover,
a.q_link:hover,
a.q_link:hover span	{
	color:#cc0000;
	border-color:#cc0000;
}



a,
a.q_link,
a.q_link span {
	color:#269fdc;
	border-color: #269fdc;
}

/*
a.q_link:hover{border-color:#dd0000; color:#dd0000;}
.q_link a:hover {color:#dd0000;}
*/

a.q_link {position:relative; top:-0.14em; text-decoration: none; border-bottom-width: 0.09em; border-bottom-style: dashed; cursor:pointer;}
a.q_link span {position:relative;top:0.14em;}
a.q_link:visited {color:#1a3dc1;}

.link {
	cursor:pointer;
	text-decoration: underline;
}

#logo {
	background-image: url('/i/logo.gif');
}

#lamp {
	background-image: url('/i/lamp-on.gif');
}

a {
	color: #269fdc;
	/*
	color:#03a8bb;
	*/
}


.color {
	color: #ffcc00;
}

.color2 {
	color: #fa8db1;
}

/* Поля форм на сайте */

.form {

}

/*:focus { outline: 0; }*/

select.text { width: 30em;}

textarea.text,
input.text {
	margin-bottom: 10px;
	width: 200px;
}

.pm_new_total {
	background-color: #c2eb98;
	color: #529310;
	padding:2px;
}

.user_panel .data_name {
	color:#999;
}

/* Навигация */

#navigation {
	line-height:1.6em;
	list-style:none;
	padding:0;
	margin:0;
}

#navigation li.parent {
	/*
		font-weight: bold;
	*/
	color:#99cccc;
}

#navigation ul, li {
	margin-left:0;
}

#navigation ul{
	margin:0;
	padding:0 0 0 8%;
	list-style: none;
}

#navigation li.active>a {
	color:#669900;
	/*
		text-decoration:none;
	*/
}

#navigation a {
	background-color:#f6f5f1;
	padding-right:5px;
	padding-bottom:2px;
}


.ribbon_list .entry {
	margin: 1em 0;
}

.news_date {
	color: #d77f28;
}

.news_author {
	text-align:right;
	color: #aaa;
}


.ribbon_sections li.selected,
.ribbon_sections li.selected a{
	color:#669900;
	text-decoration:none;
}




.price_list table{
	font-size:12px;
}

.price_list .price_list_head td{
	color:#3399cc;
	font-weight: bold;
	border-bottom: 1px solid #3399cc;
	vertical-align:bottom;
	padding: 0 5px;
}

.price_list .price_list_body td{
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}

.price_list input{
	font-size:12px;
	text-align:center;
}

.price_list table td.price_cell{
	text-align:center;
}



/* Формируем поля для форм и прочего */
div.f_i { clear: both }
div.f_i, div.f_i > label { margin-bottom: 15px }
div.f_i > label { float: left; width: 28%; text-align: right }
div.f_i .data { padding-left: 30%;}