* {
	font-family: arial, tahoma, sans-serif;
}

a {
	color: #0063d5;
}

a:hover {
	color: #bf1e2d;
}

body {
	margin: 0;
	font-size: 1em;
	background-color: #fff;
}

p {
	font-size: 80%;
/*	margin-left: 10px; */
}

#base {
	width: 1000px;
	margin: 0 auto; /* Отступ слева и справа */
	background-color: #fff;
}

#uptop {
	background-color: #1A1A1A;
	width: 100%;
	height: 30px;
}

#top {
	min-height: 60px;
	background-color: #bf1e2d;
	background-image: url(/i/bg_top.jpg);
	padding: 10px;
}

#top h1 {
	background-color: #fff;
	color: #000;
/*	width: 530px;
*/	margin: 10px;
	font-size: 200%;
}

h1 {
	font-size: 120%;
	color: #bf1e2d;
}

ul.mainlinks {
	font-size: 0.8em;
	list-style: none;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 200%;
	margin-left: 0;
	padding-left: 10;
	background-color: #4D4D4D;
	border-top: dotted 1px #fff;
}

ul.mainlinks li {
	list-style: none;
	display: inline;
	margin-right: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 2px;
	white-space:nowrap;
	color: #fff;
}

ul.mainlinks li a {
	text-decoration: none;
	display: inline-block;
	color: #fff;
}

ul.mainlinks li:hover {
	background-color: #bf1e2d;
	color: #fff;
}

ul.mainlinks li a:hover {
	color: #fff;
}

ul.mainlinks li.select {
	list-style: none;
	display: inline;
	margin-right: 5px;
	background-color: #bf1e2d;
	color: #fff;
}

ul.mainlinks li.select span {
	
}

ul.mainlinks li.select a {
	color: #fff;
}


div#photos {
	width: 100%;
	height: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: solid 0px #000;
	border-top: solid 0px #000;
}

div#rows {
	width: 100%;
	height: 100px;
}


div#rows a {
	display: inline-block;
	width: 100px;
	height: 100px;
}

div.rows150 {
	width: 100%;
	height: 100px;
}


div.rows150 a {
	display: inline-block;
	width: 150px;
	height: 100px;
}



.columns { clear: both; width: 100%; //padding-right: 1px; //overflow-x: hidden; }
.columns .left, .columns .right { float: left; }
.columns .left { width: 30%; }
.columns .right { width: 70%; }

.hellotext {
	margin-top: 15px;
	margin-bottom: 20px;
	padding-right: 10px;
	color: #595959;
	font-size: 180%;
	font-weight: bold;
	text-align: right;
}

.black {
	color: #000;
}

#bottom {
/*	background-color: #474144;
	color: #fff;
*/	padding: 10px;
	height: 100px;
	clear: both;
	background-image: url(/i/bg_bottom.gif);
}

#bottom .tel {
	font-size: 100%;
	color: #333;
	display: block;
	font-style: italic;
	font-weight: bold;
}

#subtop {
	margin-top: 25px;
	margin-bottom: 25px;
}

#subtop .item {
	border: solid 0px #d6d6d6;
	padding: 0;
	display: inline-block;
	margin: 0;
	font-size: 0.8em;
	color: #555;
}

#subtop .item p {
	line-height: 140%;
	padding-right: 10px;
}

#subtop .red {
	color: #bf1e2d;
}

#subtop .text {
	margin-left: 0px;
}


#action {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

div.maps {
	border: solid 1px #ddd;
	margin: 0 0 0 0;
}

/* ------------------------------------------------------------------------- */

div.pt5 {padding-top: 5px;}
div.pb5 {padding-bottom: 5px;}

div.pt10 {padding-top: 10px;}
div.pb10 {padding-bottom: 10px;}

div.pt20 {padding-top: 20px;}
div.pb20 {padding-bottom: 20px;}

/* ------------------------------------------------------------------------- */


.thumbnails
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;

/* Выравнивание по центру */
text-align: center;
}

.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

/* а это для остальных */
display: inline-block;

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: left;

/* Отступы между блоками */
margin: 3em 0 0 2em;
}

.thumbnail .r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

/* Задаем минимальную ширину по тексту */
width: 12em;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
}

/* ---------------------------------------------------------------- */

#booking {
	border: solid 4px #c0c0c0;
	padding: 20px;
	background-color: #ececec;
	font-weight: bold;

}

#booking input.text {
	width: 98%;
	font-size: 140%;
	border: solid 0px;
}

#booking input.required {
	background-color: #fcc;
}

#booking input.nosize {
	font-size: 140%;
	border: solid 0px;
}

#fastbooking {
	width: 300px;
}

.w100 {
	width: 100%;
}

.fs120 {
	font-size: 120%;
}

.fs80 {
	font-size: 80%;
}

.fs70 {
	font-size: 70%;
}

.red {
	color: #f00;
}

ul {
	line-height: 140%;
}

div.feedback {
	color: #555;
	font-size:80%;
	background-color: #faf8f5;
	padding: 10px;
	padding-top: 1px;
}

table.formtable {
	font-size:80%;
}

table.formtable td {
	padding: 5px;
	border-top: solid 1px #f3f3f3;
}

table.formtable tr:hover {
	background-color: #eee;
}

table.formtable td input, select, textarea {
	width: 80%;
}

table.formtable td input.default {
	background-color: #f7ffc3;
}

table.formtable td select.default {
	background-color: #f7ffc3;
}

div#contact {
	padding: 10px;
	font-size:80%;
	width: 400px;
}

div.skype {
	padding-left: 20px;
	background-image: url(http://mystatus.skype.com/smallicon/hostelnewarbat);
	background-repeat: no-repeat;
	background-position: left;
	width: auto;
	border: solid 0px;
}


div.skypeBig {
	font-size: 150%;
	background-image: url(/i/skype_100.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: auto;
	border: solid 0px;
	padding-left: 100px;
	height: 50px;
}

div.phones {
	font-size:180%;
}

p.fastbooklist {
	font-size: 100%;
}


/* --------------------------------------------------------- */

ul.text {
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
	padding-left: 3em;
	text-indent: -1.3em;
}

ul.text li {
	margin-bottom: 5px;
}

ul.text li:before {
	content: —
}

ul.fastbook {
	line-height: 140%;
	font-size: 80%;
	text-indent: -1.3em;
	
}

ul.fastbook li {
	display: block;
	margin-bottom: 5px;
	list-style: none;
/*	white-space: nowrap;
*/
}

ul.list {
	line-height: 140%;
	text-indent: -1.3em;
	font-size: 90%;
}

ul.list li {
	display: block;
	margin-bottom: 5px;
	list-style: none;
/*	white-space: nowrap;
*/
}

div.pict {
	border: solid 0px #e4e4e4;
	padding: 10px;
}

div.price {
	font-size: 110%;
	font-weight: bold;
	color: #F42A84;
}

span.email {
	display: block;
	padding: 0px 10px 0px 0px;
}

div.booking {
	padding: 5px 10px;
	background-color: #eee;
	margin: 10px 0 10px 0;
	text-align: right;
	font-weight: normal;
}

div.booking a {
	font-weight: bold;
}

p {
	font-size: 90%;
	line-height: 180%;
}

table.pricelist td {
	font-size: 80%;
	padding: 5px;
}

tr.second {
	background-color: #eee;
}

tr.head {
	font-weight: bold;
}

ul.nine {
	font-size: 90%;
}

ol.text {
	font-size: 90%;
	line-height: 160%;
}

ol.text li {
	margin-bottom: 10px;
}

ol.text li br {
	margin-bottom: 5px;
}

.lh140 {
	line-height: 140%;
}

.fs100 {
	font-size: 100%;
}

.fs90 {
	font-size: 100%;
}

p.errors {
	color: #f00;
}

div.itemsFeedback {
	margin: 5px 0 10px 0;
	font-size: 80%;
}

div.dateFeedback {
	font-style: italic;
	font-size: 75%;
	margin-left: 15px;
}

div.commentFeedback {
	margin-left: 15px;
}

div.namecityFeedback {
	margin-left: 15px;
	font-weight: bold;
}

div.line {
	border-bottom: dotted 1px #ddd;
}

p.ok {
	background-color: #cfc;
	padding: 3px 10px 3px 10px;
	font-size: 80%;
	color: #090;
}

div.please {
	padding: 5px;
	background-color: #6FD866;
}

div.please p {
	font-size: 1.5em;
	color: #fff;
	line-height: 1.5;
	padding: 5px;
	margin: 0;
}

div.nb {
	background-color: #F0F2F4;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: solid 1px #EAECEE;
}

table.twocolumns td {
	font-size: 80%;
	padding: 10px;
}

.t {
	color: #636784;
	font-size: 300%;
}