/**************************************** CSS basics start ********************************************/
html, body, table, td, th, div, span, select, textarea, input {
	
}
body {
	font-family: Tahoma, Arial, 'Trebuchet MS', Helvetica, Verdana, SansSerif;
	color: #333333;
	line-height:1.6; 
	font-size: 0.8em; /*12px is font-size for main content. Base font size*/
	padding: 0px; 
	margin:0px;
	text-align:center;
	background:#E7E0CD url(http://kristoff.ru/images/bg.jpg) repeat top left;
}
p, div, span {line-height:inherit;}
p {margin:0 0 2em 0;}
p#header{margin:5px 0px 5px 0px;}
html,body{height:100%;}

table, td, th, div, span {text-align:left;}
table, td, th, div {vertical-align:top;}
table,td {border-collapse:collapse;	border:0px; padding:0px; margin:0px;}
img {border:0px;}
form {padding:0px; margin:0px;}

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

a:link, a:active, a:visited {
	/*color:#BDE3EC !important;*/
	color:#BA1126;
	text-decoration: underline !important;
}
a:hover {
	color:#BA1126;
	text-decoration: none !important;
}

a.img:link, a.img:active, a.img:visited {
	text-decoration: none !important;
}
a.img:hover {
	text-decoration: none;
}

span.link{
	color:#BA1126;
	border-bottom:1px dashed #BA1126;
	cursor:pointer;
	cursor:hand;
}
/*------------------------------------------------------------*/

ul, li {padding:0px; margin:0px;}
ul li, li {margin:5px 15px; list-style: disc outside;}
ul.nobullet li, li.nobullet {margin:0px 0px 10px 0px; list-style: none outside;}

ol {
	margin-left:25px;
	padding-left:10px;
}
ol li{
	list-style-type:decimal !important;
	/*padding-left:10px;*/
	margin-bottom:2px;
}


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

dt {margin-bottom:5px; font-weight:bold;}
dd {margin-bottom:20px;}

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

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	line-height:1.4em;
	font-family:Georgia, 'Times New Roman', Sans;
}

h1 {
	font-size: 3.2em;
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-top:0px;
}
h2 {
	font-size: 2.4em;
	font-weight: normal;
	margin-bottom: 15px;
	/*margin-top: 30px;*/
	margin-top: 0px;
}
h3 {
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 7px;
	margin-top: 25px;
	
}

h4 {
	font-size: 1.6em;
	
	margin-bottom: 5px;
	font-family:Arial;
	font-weight:normal;
}

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

.small, .small *{font-size:0.8 em;}
.big, .big *{font-size:1.5em}
.large, .large *{font-size:1.8em}

.bold, .bold *{font-weight:bold !important;}
.italic, .italic *{font-style:italic !important;}

.cblack, .cblack *{color:#000000 !important;}
.cwhite, .cwhite * {color:#ffffff !important;}
.cgreen, .cgreen *{color: #AEC86F !important;}
.cgrey, .cgrey *{color:#777777 !important;}
.cred, .cred *{color:red !important;}
.cblue2, .cblue2 *{color:#556DA9 !important;}

.hcenter {text-align:center;}
.hright {text-align:right;}
.hjustify {text-align:justify;}
.vtop {vertical-align:top;}
.vbottom {vertical-align:bottom;}
.vmiddle {vertical-align:middle;}

.shadow {text-shadow: -1px 1px 0px #dddddd; /* x y blur color */}

.rounded {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.special_box
{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#F2EBDB;
	border:1px solid #F2EBDB;
	padding:10px 15px;
}

.relative {
	position:relative;
}

.clear {clear:both;}

.sansserif {font-family:Tahoma, Helvetica, Arial, SansSerif;}
.serif {font-family:Georgia, 'Times New Roman', Serif;}

div.padding {
	margin:0 15px;
}
/**************************************** / CSS basics end********************************************/



/***********************************************************************************************************/
/**************************************** Project makeup CSS start *****************************************/
/***********************************************************************************************************/


/******************************* global makeup {start} *********************************/

html, body {height:100%; text-align:center;}

div#wrap{
	position:relative;
	width:100%;
	margin:0px auto;
	overflow:hidden;
	padding:0;
	text-align:center !important;
	height:100%;
	height:auto !important;
	min-height:100%;
}

#footer {
	background:#ffffff;
	position:relative;
	height:70px;
	margin:0px auto 0px auto;
	text-align:left;
	width:100%;
}
	#madeby{
		color:#000000;
		position:absolute;
		right:30px;
		top:30px;
	}
	#copyright{
		color:#000000;
		position:absolute;
		left:30px;
		top:30px;
	}
	
#footer_menu {
	position:relative;
	height:320px;
	margin:0px 30px;
	text-align:left;
}
	#footer_menu .leftblock{
		float:left;
		clear:right;
		/*width:60%;*/
		width:610px;
		margin-right:10px;
	}
	#footer_menu .rightblock{
		float:left;
		clear:right;
		/*width:38%;*/
		width:280px;
		
		overflow:hidden;
		padding:0;			
	}
	#footer_menu .title
	{
		color:#C63D4D;
		margin-bottom:10px;
		font-size:1.6em;
	}
	#footer_menu .rightblock div, #footer_menu .leftblock div
	{
		margin-bottom:5px;
	}
/*.container {
	width:90%;
	min-width:960px; 
	max-width:1250px;
	width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1067) ? '960px' : ((document.body.clientWidth > 1389) ? '1250px' : '90%'));
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	text-align:left;
}*/
#container {
	width:960px;
	/*width:90%;
	min-width:950px; 
	max-width:1150px;
	width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1055) ? '950px' : ((document.body.clientWidth > 1278) ? '1150px' : '90%'));*/
	margin:35px auto;
	padding:0px;
	overflow:hidden;
	text-align:left;

	background:#FAF9F3;
/*	height:700px;*/
	border:10px solid #ffffff;
}
/******************************* global makeup {end} *********************************/



/******************************* top container {start} *********************************/
#top
{
	/*background:transparent url(http://kristoff.ru/images/top_pictures/10.jpg) no-repeat center top;*/
	overflow:hidden;
	position:relative;
	/*height:434px;*/
	height:350px;
}
	#top .infoblock, #top .special_offer_block{
		background:transparent url('http://kristoff.ru/images/1px/1px70.png') repeat top left;
		width:32%;
		margin:10px 3% 0 0;
		padding:10px 0;
		float:right;
		border-top:5px solid #C63D4D;
		clear:both;
		overflow:hidden;
		zoom:1;
	}

	#langs{
		background:#ffffff;
		position:absolute;
		top:0px;
		left:30px;
		width:70px;
		height:25px;
	}
		#langs a {
			font-family:Tahoma, Helvetica, Arial, SansSerif; 
			line-height:25px; 
			color:#ffffff;
		}
		#langs div{
			font-family:Tahoma, Helvetica, Arial, SansSerif; 
			line-height:25px;
			background:#BA1126;
			text-align:center;
			float:left;
			width:35px;
		}
		#langs div.current
		{
			background:#ffffff !important;
		}
		
		#topmenu{
			background:transparent url(http://kristoff.ru/images/1px_black_opacity50.png) repeat top left;
			/*width:100%;*/
			/*background:#E9E9E3 url(http://telebar.local/images/bg_top_pattern_squares.png) repeat left top;*/
			overflow:hidden;
			position:relative;
			height:125px;
		}

			#logo{
				position:absolute;
				left:30px;
				top:40px;
			}
			#share .share_wrap{margin:2px 8px;}
			#share{
				position:absolute;
				left:130px;
				top:0px;
				height:25px;
				background:#fff;
				/*overflow:hidden;*/
				float:left;
				min-width:170px;
			}
			#contacts_cmt{
				position:absolute;
				color:#aaa;
				right:30px;
				top:15px;
				text-align:right;
			}
			#phone{
				position:absolute;
				color:#ffffff;
				right:30px;
				top:35px;
				text-align:right;
				font-size:30px; line-height:30px; font-family:"Trebuchet ms";
			}
			#email a{color:#fff !important;}
			#email{
				position:absolute;
				color:#ffffff;
				right:30px;
				top:70px;
				text-align:right;
				display:none;
				/*font-size:40px; line-height:40px; font-family:"Trebuchet ms";*/
			}
			#skype{
				position:absolute;
				color:#ffffff;
				right:194px;
				top:70px;
				/*text-align:right;*/
				width:77px;
			}
			#callback{
				position:absolute;
				color:#ffffff;
				right:30px;
				top:70px;
				text-align:right;
				width:164px;
			}
			


/******************************* top container {end} *********************************/


/******************************* main menu {start} ***********************************/
		#mainmenu
		{
			position:absolute;
			left:250px;
			top:40px;
			width:430px;
			
			overflow:hidden;
		}

		div#mainmenu a.mitem:link, div#mainmenu a.mitem:active, div#mainmenu a.mitem:visited, div#mainmenu a.mitem:hover{
			width:127px;
			/*width:137px;*/
			float:left;
			margin:0 0 8px 0;
			display:block;
			
			font-family:Tahoma, Helvetica, Arial, SansSerif;
			color:#ffffff !important;
			font-size:1.05em;
		}


/******************************* / main menu {end}*********************************/


/*******************************  main content {start}*********************************/
#content_container
{
	padding:30px 0 20px;
	margin:0 30px;
	overflow:hidden;
	clear:both;
	zoom:1;
}

#content {
	font-family:Georgia, "Times New Roman",Serif;
	float:left;
	clear:right;
	width:64%;
	margin-right:5%;
}
#content *{	
	font-family:Georgia, "Times New Roman",Serif;
}

#sidebar
{
	float:left;
	clear:right;
	width:30%;
	overflow:hidden;
	padding:0;	
}

.menu_subblock {	
	margin:10px;
}

.menu_items_list {
	padding-top:5px;
}

.menu_item {
	padding-bottom:5px;
}


/*******************************  / main content {end} *********************************/


/*******************************  news {start}*********************************/

/* news block {start} * comment: block with last news on each page*/

#newsblock {
	margin:0;
}
	#newsblock .blocktitle{	
		font-size: 1.8em !important;
		font-weight: normal;
		margin-bottom: 7px;
		margin-top: 0px;
		color:#555555;
	}
	#newsblock .blocktitle a{
		color:#333333;
	}
	#newsblock .news_item .date {color:#888888; font-size:11px;}
	#newsblock .news_item{margin:0 0 25px;  padding:0;}
	#newsblock .news_item .title {line-height:1.2em;}
	#newsblock .news_item .text{}

/* news block {end} */

/* news block {start}  * comment: List of news on page with all news */
.newslist{}
.newslist .news_item .date {color:#888888; font-size:11px;}
.newslist .news_item{margin:0px 0px 15px;  padding:0px 0px 10px 0px;}
.newslist .news_item .title {margin:3px 0 15px 0;}
.newslist .news .text{}
/* news list {end} */

/* news page {start} * comment: Styles for concrete news page */
.newspage{}
.newspage .news_item .date {color:#888888; font-size:11px;}
.newspage .news_item{margin:0px 0px 15px;  padding:0px 0px 10px 0px;}
.newspage .news_item .title {line-height:1.2em; margin:7px 0 20px 0;}
.newspage .news .text{}
/* news page {end} */

/*******************************  / news {end} *********************************/


/*******************************  sidebar pages or categories menu {start}*********************************/

ul.menu {
	margin:0 0 50px 0px !important;
	padding:0 0 0 0 !important;
}
ul.menu li{
	list-style-type:none !important;
	margin:0 0 1.2em 0 !important;
	/*line-height:1.2em;*/
	padding:2px 0 2px 15px;
}
ul.menu li.root
{
	/*font-weight:bold;*/
}
ul.menu li.root ul li
{
	font-weight:normal !important;
}
ul.menu ul{
	/*list-style-type:none !important;*/
	margin:2px 0 15px 20px;
}

ul.menu li div.current
{
	/*font-weight:bold;*/
	/*background:#eeeeee;*/
	border:1px solid #999999;
	padding:2px 5px 2px 15px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-left:-15px;
}

/******************************* / sidebar pages or categories menu {end}*********************************/


/******************************* cms messages styles {start}*********************************/

.alert_ok, .alert_error, .alert_default
{
	padding:5px 15px;
	margin:5px 0px 10px;
	text-shadow:#f7f7f7 0 1px 0;
	/*float:left; 
	clear:both;*/
}

.alert_ok {
		color:#008000;
		background:#eeffee;
}

.alert_error {
		color:red;
		background:#ffdddd;
}

.alert_default {
		
}


span.warning {color:#ff0000;}

div.cont_input1 {
  padding-bottom: 10px;
}

#rg_select_usertype {
  padding-top: 10px;  
  padding-bottom: 20px;
}
#rg_select_usertype span{
  padding-right: 10px;
}

/******************************* / cms messages styles {end}*********************************/


/******************************* table styles {start}*********************************/

table.table td {padding:5px; }
table.table0 td{padding:5px 20px 5px 0px;}
table.table1 td{border-bottom:1px dashed #dddddd; padding:5px 0px 5px 0px;}
table.table1 th{border-bottom:1px solid #dddddd; padding:5px 20px 5px 10px; background:#EEE7D5; text-align:left;}
table.table2 td{padding:5px 40px 5px 0px; }
table.table2 tr.warning td {color:#D36879;}

td.warning {color:#ff0000;}
tr.warning td {color:#ff0000;}

/******************************* / table styles {end}***********************************/


/***************************** auxiary adn compatibility styles {start}****************************/

body.mceBodyContent, body.mceMainContent, body#tinymce {
	text-align:left !important;
}

/***************************** / auxiary adn compatibility styles {end}****************************/


/***************************** form elements {start}****************************/
input.text_input0 {
	width: 70px;
}

input.text_input1 {
	width: 200px;
}

input.text_input2 {
	width: 300px;
}

input.btn {
	padding:3px 10px; 
	font-size:13px;
	color: #000000;
}

textarea.textarea1 {
	color: #000000;
	font-size:13px;
}

input, textarea, select, select option {
	font-family:Tahoma, Helvetica, Arial, SansSerif;
}
/***************************** / form elements {end}****************************/


.box{
		background:#eeeeee;
		margin:200px auto;
		width:300px;
		height:200px;
		padding:10px;
		_opacity: 0.5;
		-moz-box-shadow: 0px 0px 18px #888888; /* Firefox */
		-webkit-box-shadow: 0px 0px 18px #888888; /* Safari, Chrome */
		box-shadow: 0px 0px 18px #888888; /* CSS3 */
		behavior: url("iecss3.htc");
}

.dropshadow{
		-moz-box-shadow: 0px 0px 18px #888888; /* Firefox */
		-webkit-box-shadow: 0px 0px 18px #888888; /* Safari, Chrome */
		box-shadow: 0px 0px 18px #888888; /* CSS3 */
		
		_opacity: 0.5; /*for ie*/
		behavior: url("http://kristoff.ru/iecss3.htc"); /*IE 6, 7, 8*/
}
#quick_order_block img.ui-datepicker-trigger {vertical-align:top;}

.price_container{
	font-size:2em;
}
.booking_block {
	float:left; width:50%;
	margin-right:0%;
}
.datablock{
	margin:20px 0;
}

.list_item {
	border:1px solid #F2EBDB;
	padding:5px;
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
}

div.cropimage
{
	width:90px;
	height:90px;
	float:left;
	overflow:hidden;
	margin:5px;
}

div.room_list_img {
	width:130px;
	float:left; 
	margin:0 10px 10px 0px;
	overflow:hidden;
}

div.sortitem {
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	margin:0 15px 15px 0; 
	border:solid 1px #aaaaaa;
	background:#ffffff;
}

iframe#tlBookingFrame {margin:5px 0px 5px 0px; width:890px;}

a.contact_link {
	/*padding:10px;*/
	/*border:2px solid green;*/
	font-weight:bold;
	/*color:black;*/
	/*font-size:larger;*/
	display:block;
	margin:0 0 0 0px;
}

a.contact_link:hover {
	color:red;
}

a.book_link {
	padding:0 5px;
	font-size:12px;
}


#booking_form {
	border-top:4px solid #C73C4F;
	border-left:1px solid #DEDDD8;
	border-right:1px solid #DEDDD8;
	border-bottom:1px solid #DEDDD8;
	background:#FDFCF8;
}
	#booking_form .padding{margin:10px 0; padding: 0 15px;}
	#booking_form td{font-size:11px;}
	#booking_form select[name="numnights"], #booking_form select[name="adults"], #booking_form select[name="numrooms"] {
		width:40px;
	}
	#booking_form img#dynCalendar_layer_0_icon {
		position:relative;
		top:2px;
		left:5px;
	}
	
	
#booking_form2 h3{font-style:bold;}
#booking_form2 {
	border-top:5px solid #C73C4F;
	/*background:#FDFCF8;*/
	position:absolute;
	right:30px;
	top:130px;
	width:280px;
	background:transparent url('http://kristoff.ru/images/1px/1px70.png') repeat top left;
	/*border-top:5px solid #C63D4D;*/
	overflow:hidden;
	zoom:1;
}
	#booking_form2 .padding{margin:10px 0; padding: 0 15px;}
	#booking_form2 td{font-size:11px;}
	#booking_form2 select[name="numnights"], #booking_form2 select[name="adults"], #booking_form2 select[name="numrooms"] {
		width:50px;
	}
	#booking_form2 img#dynCalendar_layer_0_icon {
		position:relative;
		top:2px;
		left:5px;
	}

h3.blocktitle{font-size:18px; margin:0 0 10px 0;}

div#feedback_form_hidden {
	padding: 10px 20px;
}

	div#feedback_form_hidden h3 {
		 margin-top: 5px !important;
	}
	
	div#feedback_form_hidden .hint {
		margin: 10px 0;
	}
	
	div#feedback_form_hidden .input_title {
		margin: 2px 0;
		font-weight:bold;
	}
	
div.room_title {
	font-style:italic;
	font-size:16px;
	padding: 15px 0 10px 0;
	font-weight:bold;
}

div.room_content{
	
}

	div.room_content td.image img{
		border:3px solid #ffffff;
	}


/*#feedback_link{background:transparent url(../images/callback_btn.png) no-repeat left top; width:271px; height:71px; display:block; text-decoration:none !important;}
#feedback_link span{margin:0 10px 0 70px; padding:12px 0 5px; font-style:italic; font-family:Georgia, 'Times New Roman', Serif; font-size:18px; line-height:1.2em; display:block;}*/

#benefits_list {overflow:hidden; clear:both; margin:0 0 10px;}
#benefits_list li{list-style:none; float:left; clear:right; width:50%; margin:0 0 8px 0; /*padding:0 0 0 30px;*/ text-indent:30px; font-size:11px; font-family:Tahoma, Arial, SansSerif; line-height:26px;}
#benefits_list2 {overflow:hidden; clear:both; margin:0 0 10px;}
#benefits_list2 li{list-style:none; margin:0 0 2px 0; padding-left:30px; font-size:11px; font-family:Tahoma, Arial, SansSerif; /*line-height:26px;*/ min-height:26px; _height:26px;}

.index_price{
	background:#BA1126;
	display:-moz-inline-stack;
	display:inline-block;
	_display:inline;
	zoom:1;
	font-style:italic;
	padding: 0 8px;
	color:#ddd;
	/*line-height:1.2em;*/vertical-align:middle;
}
.index_price span{ font-size:1.4em; color: #fff; vertical-align:middle;}

.socialnetworks img{vertical-align:middle;}

#top_text{
	position:absolute; top:130px; left:0px; 
	font-size:1.6em; font-style:italic; color:#fff !important;
	font-family:Georgia, 'Times New Roman', Serif; /*font-weight:bold;*/
	
	background:transparent url('../images/1px_black_opacity50.png') repeat left top;
	padding:10px 20px;
	
	}