@charset "utf-8";
body  {
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. */
	padding: 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах Internet Explorer 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. */
	color: #000000;
}

#toolbar
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 34px;
	background: url('images/toolbar.png');
	clear: both;
}
#toollogo
{
	float: left;
	width: 30%;
	text-align: center;
	font-size: 150%;
	padding-top: 5px;
}

#toolmenu
{
	position: relative;
	float: left;
	width: 70%;
	text-align: left;
	padding-top: 4px;
}

#toolmenu ul
{
	padding: 0;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

#toolmenu ul li
{
	display: inline;
}

#toolmenu ul li a
{
	padding: 0.4em 0.4em;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#toolmenu ul li a:hover, #mainmenu ul li a.active
{
	background: #E6F2FF;
	color: #6399cd;
}

.twoColFixLtHdr #container { 
	width: 870px;  /* уменьшение полной ширины, равной 800 пикселам, на 20 пикселов позволяет учесть chrome-элементы браузера и избежать добавления горизонтальной полосы прокрутки. */
	background: #eef3fa;
	margin: 0 auto; /* автоматические поля (совместно с шириной) выравнивают страницу по центру. */
	text-align: left; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
} 
.twoColFixLtHdr #header { 
	background: #fff url('images/header.jpg') left top no-repeat; 
	padding: 0 10px 0 20px;  /* это значение отступа соответствует выравниванию по левому краю элементов в блоках div, расположенных под ним. Если в элементе #header вместо текста используется изображение, отступ можно удалить. */
	height: 155px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* нулевое значение поля последнего элемента в #header div позволит избежать сжатия полей, то есть появления необъяснимого пространства между элементами div. Если вокруг элемента div есть граница, нет необходимости устанавливать это значение, поскольку граница также предотвращает сжатие полей. */
	padding: 10px 0; /* использование отступа вместо поля позволит сохранить расстояние между элементом и границами div. */
}

.twoColFixLtHdr #mycap {
	position: absolute;
	width: 445px;
	height: 146px;
	margin: 2px;
	z-index: 999;
}

.twoColFixLtHdr #header #gohome {
	position: absolute;
	width: 220px;
	height: 150px;
	margin-left: 430px;
}
.twoColFixLtHdr #header #gohome a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('images/logo.jpg') center center no-repeat;
}

.twoColFixLtHdr #header #auth {
	float: right;
	width: 180px;
	margin: 0;
	padding: 10px 0;
	font-size: 95%;
}

.twoColFixLtHdr #mainContent { width: 100%; }
.twoColFixLtHdr #mainContent td {
	 vertical-align: top;
}
.twoColFixLtHdr #sidebar1 {
	width: 230px; /* действительная ширина данного элемента div в совместимых со стандартами браузерах или в режиме стандартов браузера Internet Explorer будет включать отступ и границу в дополнение к этой ширине. */
	padding: 5px 10px 15px 10px;
}
.twoColFixLtHdr #pageContent { 
	margin: 0px; /* левое поле в этом элементе div создает колонку с левой стороны страницы. Пространство этой колонки сохранится неизменным, несмотря на объем содержимого элемента sidebar1 div. Это поле можно удалить, чтобы текст элемента #mainContent div заполнял пространство #sidebar1, когда заканчивается содержимое в элементе #sidebar1. */
	padding: 0px 20px 20px 20px; /* помните, что отступ — это пространство внутри блока div, а поле — пространство за блоком div. */
} 

.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* это значение отступа соответствует выравниванию по левому краю элементов в блоках div, расположенных над ним. */
	background:#b7d9f2; 
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* нулевые поля первого элемента в нижнем колонтитуле позволят избежать возможного сжатия полей, то есть появления пространства между элементами div. */
	padding: 10px 0; /* добавление отступа к данному элементу создаст пробел (так, как он был бы создан с помощью поля), не вызывая при этом проблемы сжатия полей. */
}
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс нужно применять к элементу div или break; он должен быть последним элементом перед концом контейнера, который должен полностью вмещать поток. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixLtHdr h1, .twoColFixLtHdr h2, .twoColFixLtHdr h3 { margin:0; padding:0; text-align: left; }
.twoColFixLtHdr .listDataGrid th, .twoColFixLtHdr .listDataGrid td { padding: 0px 10px; }

/* Auth Form */
#auth { color: #113f53; }
#auth p { margin: 0px; padding: 0px; }
#auth div.authTitle {  padding-top: 8px; text-align: center; }
#auth div.authForm {  padding-top: 10px; font-size: 95%; text-align: right; }
#auth input { width: 125px; }
#auth p { padding: 2px 0px; }
#auth .rememberMe { padding: 5px 0px; margin: 0; width: 20px; display: inline; }
#auth a { color: blue; text-decoration: underline; }
#auth .authLogin { width: 60px; }

#navmenu ul { margin:0; padding:0; list-style: none; display: block; }
#navmenu li a { display: block; background-color: #b6d8f3; margin: 2px 0px; padding: 6px 0px 6px 5px; color: #113f53; font-weight: bold; text-decoration: none; }
#navmenu li.level0 a { background-color: #94c7e2; text-transform: uppercase; }
#navmenu li.level1 a { text-transform: uppercase; }
#navmenu li.level2 a { padding-left: 20px; font-style: italic; text-transform: capitalize; }
#navmenu li a:hover { background-color: #94c7e2; margin-left: 5px; }

table.items_list { width: 100%; border-collapse: collapse; }
table.items_list th { padding: 5px 10px; background-color: lightblue; }
table.items_list td { padding: 10px 10px; border-bottom: 1px solid #8b6000; }
table.items_list td img { padding: 3px; border: 1px solid #8b6000; }

table.items_show { width: 100%; border-collapse: collapse; }
table.items_show td { vertical-align: top; }
table.items_show td img { padding: 3px; border: 1px solid #8b6000; }
table.items_show p { margin: 4px 0px; }
table.items_show ul { margin: 4px 0px; padding: 0px 15px; }
table.items_show li { padding: 2px 0px; }
table.items_show span.star { padding-right: 15px; background: url('images/star_gold.gif') center right no-repeat; }

table.pages_list { width: 100%; border-collapse: collapse; }
table.pages_list th, table.pages_list td { padding: 20px 10px; border-bottom: 1px solid #8b6000; }
table.pages_list td img { padding: 3px; border: 1px solid #8b6000; }

table.pages_show { width: 100%; border-collapse: collapse; }
table.pages_show td { vertical-align: top; }
table.pages_show td img { padding: 3px; border: 1px solid #8b6000; }
table.pages_show p { margin: 4px 0px; }
table.pages_show ul { margin: 4px 0px; padding: 0px 15px; }
table.pages_show li { padding: 2px 0px; }

div.siteForm { color: #222d80; width: 100%; background-color: #dee8f6; }
table.searchForm { width: 100%; padding-bottom: 10px; }
table.searchForm th {
	height: 34px;
	background: url('images/title.png') top left repeat-x;
	padding: 10px;
	color: #222d80;
	text-transform: uppercase;
	text-align: center;
}
table.searchForm td {
	padding: 0px 20px;
	width: 50%;
}
table.searchForm td p {
	margin: 5px 0px;
}
table.searchForm td.col1 select {
	width: 200px;
}
table.searchForm td.col2 select {
	width: 200px;
}
table.searchForm td .DatePicker {
	width: 160px;
}

table.searchForm td.col1 .roomTypes {
	font-size: 85%;
	padding: 20px 10px;
	width: 150px;
}
table.searchForm td.col1 .rooms {
	text-align: right;
}
table.searchForm td.col1 .roomTypes select {
	width: 100px;
}
table.searchForm td.col1 .morerooms {
	font-size: 85%;
	text-decoration: none;
}

div.siteElem { color: #222d80; width: 100%; }
table.blockForm { width: 100%; }
table.blockForm th {
	height: 34px;
	background: url('images/title.png') top left repeat-x;
	color: #222d80;
	text-transform: uppercase;
	text-align: center;
}
table.blockForm th a:hover,
table.blockForm th a { color: #222d80; text-decoration: none; }
table.blockForm td {
	text-align: center;
	font-size: 95%;
	color: #222d80;
}
table.blockForm td img { padding: 3px; border: 1px solid #8b6000; }

table.blockForm ul.blockItemList { margin: 0; padding: 5px 5px 10px 10px; }
table.blockForm ul.blockItemList li {
	list-style: none;
	display: block;
	text-align: left;
	background: url('images/arrow_icon.gif') left center no-repeat;
	padding: 2px 0 2px 10px;
}
table.blockForm ul.blockItemList li a {
}

table.contactForm { width: 100%; }
table.contactForm th {
	height: 34px;
	background: url('images/title.png') top left repeat-x;
	color: #222d80;
	text-transform: uppercase;
	text-align: center;
}
table.contactForm td {
	text-align: center;
	color: #222d80;
}

table.groupFormGrid {
	width: 100%;
	border: 1px dotted grey;
	padding: 10px;
}
table.groupFormGrid th {
	width: 40%;
	font-weight: normal;
}
table.groupFormGrid td select { width: 250px; }
table.groupFormGrid td input { width: 250px; }

table.listDataGrid tr.list_pass { background-color: #fff; }

/* форма регистрации */
.registerForm div.yiiTab { padding: 5px 0px; }

.topBlocks { width: 570px; height: 140px; padding-top: 35px; }
.topBlocks a {
	display: block;
	float: left;
	width: 267px;
	height: 47px;
	background: url('images/button.png') no-repeat top left;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #113f53;
	padding-top: 12px;
	margin-left: 12px;
}
.topBlocks a:hover { color: #fff; }

#pageContent h1 {
	font-size: 12pt;
	padding-top: 10px;
}

#footer a {
	text-decoration: none;
	padding: 0px 5px;
	font-weight: bold;
	color: #113f53;
	font-size: 85%;
}
.copyright img { vertical-align: middle; }
.createby { color: #fff; font-size: 6px; display: none; }