﻿
#controls {	position: relative; clear: both; width: auto; /zoom: 1;
			padding-right: 80px;
}

#controls .cn i { left: -10px; }
#controls .l i { left: -15px; }

#trip-control-wrap { position: relative; width: auto; overflow: hidden;
	background-color: #194869; /*#185885;*/ /* #15465a*/
	padding: 0 354px 0 170px;
	min-height: 265px;
	padding-bottom: 1px;
}

#trip-control-wrap .cn i { left: 0; }
#trip-control-wrap .l i { left: -5px; }

#trip-control-wrap .r i { left: -20px; }
#trip-control-wrap .l i { left: -25px }

#help { position: absolute; top: auto;  bottom: 18px; left: 725px; width: 315px; }

/* ----- inputs ---- */

#inputs {	position: relative; width: auto; /zoom: 1;
  margin: 0 0 18px 0; padding-top: 18px; }

#inputs .select {
	background: #fff; color: #0F4659;
	margin-bottom:10px;
}
#inputs  .error .tip { color: #0F4659; }
#inputs .select-disabled {
	/*background: #c3c3c3;*/ cursor: default;
}

.form { margin: 0; width: 100%; overflow:hidden; clear: both; }

#class { float: right; display: inline; margin-top: 15px; width: auto; width: 200px; }

.gray input { color: #ccc; }
#class .select .value, #class .select .tip { color: #fff; }

span.addPointButton { display: inline-block; cursor: pointer; cursor: hand;
  line-height: 36px; padding: 0 12px; color: #fff /*#2fb3e7*/; }


.chosenDate { position: relative; width: 190px; height: 47px; float: right; display: inline; clear: right; }
.chosenDate .inner { line-height: 47px; vertical-align: -20px; /vertical-align: -15px; }
.chosenDate .t0 { color: #0dd9ff; }
.chosenDate .t1 { color: #f47521; /*#ff5a00*/ }
.chosenDate .t2 { color: #ec187d; }

.chosenDate .ico { position: absolute; top: 50%; left:-80px; width: 55px; height: 25px; overflow: hidden; margin-top: -13px; }
.chosenDate .ico i {	position: absolute; top: 0; left: 0; width: 55px; height: 50px; display: block;
  background-image: url('/images/avion_mask.png'); background-repeat: no-repeat; }

.chosenDate .return, .chosenDate .out { display: block; }
.chosenDate .return i { top: -25px; }
.chosenDate .t0 i { background-color: #0dd9ff; }
.chosenDate .t1 i { background-color: #f47521; /*#ff5a00*/ }
.chosenDate .t2 i { background-color: #ec187d; }

.railway-form .ico { width: 70px; height: 23px; }
.railway-form .ico i { width: 70px; height: 23px; display: block;
  background-image: url('/images/railway_mask.png'); background-repeat: no-repeat; }

.tour-form .ico, .hotel-form .ico { width: 68px; height: 38px; margin-top: -21px; }
.tour-form .ico i, .hotel-form .ico i { width: 68px; height: 76px; display: block;
  background-image: url('/images/hotel_mask.png'); background-repeat: no-repeat; }
.tour-form .return i, .hotel-form .return i { top: -38px; }

/* ---- persons ---- */

#persons { position: relative; float: left; display: inline; width: 120px; padding-bottom: 30px; margin-bottom: 12px; /margin-bottom: 0; }
#persons div { overflow: hidden; line-height: 0; font-size: 0; position: relative; }
#persons .person { position: relative; float: left; display: inline; width: 30px; height: 48px; cursor: pointer; }

#persons .person div {	position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; width: 120px; height: 192px;
						background: url('/images/persons.png') 0 0 no-repeat;
}

#persons #activies { width: 120px; }
#persons #unactivies { width: 90px; position: absolute; left: -147px; top: 0; }
#persons #activies .under2 { margin-bottom: 8px; height: 48px; z-index: 2; }
#persons #activies .before2 { max-height: 27px; }
#persons #activies .before2 .person { margin-top: -21px; }
#persons .disabled { cursor: default; }

#persons p {	position: absolute; width: 300px; bottom: 0px; left: 0;
				color: #ffc611; margin: 0; line-height: 1.3em;
}

#persons .person .adult { top: 0; }
#persons .person .child { top: -48px; }
#persons .person .baby { top: -96px; }

#persons #unactivies .person div { left: -60px; }
#persons #activies .hover div, #persons #unactivies .hover div { left: -30px; }
#persons #activies .no div, #persons #unactivies .no div { left: 0; cursor: default; }
#persons #activies .disabled div, #persons #unactivies .disabled div { left: -90px; }

#persons .label {	position: absolute; left: -147px; bottom: 0px; width: 90px;
					color: #fff /*#84a2af*/; font-size: 1em; line-height: 1.3em;
}

/* ----- button -----*/

#button {	position: absolute; top: 0; left: 100%; width: 80px; height: 100%;
			margin-left: -80px;
}

#button form {	position: relative; height: 100%; margin: 0; width: 100%; cursor: pointer; }
#button input {	position: absolute; bottom: 18px; width: 100%;
				padding: 0 0 48px 0; margin: 0;
				font-size: 18px; line-height: 28px; text-align: center; color: #fff;
				cursor: pointer; background:  url('/images/find.png') 50% 100% no-repeat; border: 0 none;
}

#button form.disabled, #button form.disabled input { cursor: default; }

/* ------ banners ------ */

#banner {	position: relative; width: auto; /*height: 90px;*/ /*display: none;*/
			margin: 0 0 10px; /*background: #61c9fc;*/ text-align: center;
			background: url( '/images/index/trash/bg.jpg' ) 0 0 repeat-x;
}
#banner a { display: block; width: 100%; }

#banners, .banner {	position: relative; height: 120px; }
#banners {	overflow: hidden; width: auto; margin: 15px 0 0; }

.banner {	display: inline; float: left; width: 77px;
			margin: 0 30px 0 0;
}

.banner .picture {	position: relative; height: 77px; width: 77px;
  background-color: #ccc; margin-bottom: 0.5em; }

.banner .picture a { display: block; position: relative; width: 100%; height: 100%; }
.banner .picture .l i { left: -15px }
.banner .picture .r i { left: -10px }

.blog-links h2 {color: #333; margin-top:0;}
.blog-links a {display: block; margin-bottom:0.5em;}
	div.blog-links .permalinks a {
		display: inline-block; 
		padding: 2px 0 0 20px;
		margin-right: 1em;
	}
		div.blog-links .permalinks a.lj {background: transparent url(/images/lj.gif) no-repeat left center;}
		div.blog-links .permalinks a.tw {background: transparent url(/images/tw.gif) no-repeat left center;}

/* ------ promo ------ */

#promo-actions {	position: relative; width: auto; /zoom: 1; margin-bottom: 6px;
					background-color: #194869; /*#185885; */}
.promo, .note {	position: relative; padding: 12px; width: auto; /zoom: 1; overflow: hidden; }

.promo-label, .promo-input, .promo-comment { position: relative; float: left; display: inline; /*min-height: 10px;*/ }
.promo img.png, .note img.png { float: left; margin-right: 0.5em; }
.promo big, .note big { font-size: 1em; color: #82a2b0; float: left; margin-right: 6px; } /*font-size: 4em;*/
.promo small, .note small { color: #82a2b0; line-height: 1.333; font-size: 0.85em;} /*font-size*/
.promo p, .note p { margin: 0; line-height: 1.5em; color: #fff; }

.promo .promo-label { /*width: 295px;*/ }
.promo .promo-input { width: 220px; padding-top: 6px; }
.promo .promo-input .input { width: 110px; _width: 204px; padding-right: 82px; }

#promo-actions .r i { left: -20px; }
#promo-actions .l i { left: -25px }

/* ------ misc ------ */
/*
#my_ozon { position: absolute; top: 1em; left: auto; right: 24px; z-index: 10; }
#my_ozon .separator { padding: 0 6px; }
*/
#features {	position: relative; overflow: hidden; width: auto; /zoom: 1; margin-top: 2em; }

.feature {	display: inline; float: left; width: 29%; /width: 32.9%;
			margin: 0; padding: 0 3.5% 0 0.5%; /padding: 0px; color: #333;
}
.feature dt { font-size: 1.5em; line-height: 1; margin-bottom: 0.85em; }
.feature dd { margin: 0.5em 0; }

#info-text {
	margin-top: 2em;
}

#information {
	position: fixed;
	_position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
	padding: 10px;
	color: #fff;
	background: #333;
}

#ufs { clear: both; text-align: right; }

#info-text h1 { font-size: 1em; font-weight: bold; }
div#moreInfo {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 211px;
	left: 74px;
	text-align: right;
}
	div#moreInfo a {
		color: #fff;
		display: block;
		margin-bottom:2.8em;
	}
/*
============ New design ============
*/
div#wrap {
	width: 100%;
	clear: both;
	margin-top:2em;
}
div#wrap a:hover {text-decoration: underline;}
	div#wrap div#content {
		float:left;
		width: 624px;
		margin-right: 16px;
	}
	
	.spec_offer table.spec {
		width: 100%;
		margin: 24px 0 -6px 0;
		border-collapse:collapse;
	}
		.spec_offer table.spec caption {
			padding-left:80px;
			padding-top:6px;
			color: #414c59;
			text-align:left;
		}
		.spec_offer table.spec td {
			padding:0; 
			vertical-align: middle;
			line-height:1;
		}
		.spec_offer table.spec td.rating {
			width: 80px;
			vertical-align: bottom;
		}
			div#wrap .spec_offer table.spec td.rating div.balloon {
				color:#67798f;
				font-size:18px;
				height:30px;
				line-height:24px;
				text-align:center;
				width:73px;
				background: transparent url(/images/balloon.png) no-repeat center;
			}
			div#wrap .spec_offer table.spec td.rating a.inactive {cursor: default;}
			div#wrap .spec_offer table.spec td.rating a, div#wrap .spec_offer table.spec td.rating a.inactive:hover {
				display:inline-block;
				padding:0 3px 4px;
				background-color: #00D2FF;
				border: 1px solid #00D2FF;
				color: #fff;
			}
			
				div#wrap .spec_offer table.spec td.rating a:hover {
					color: #00D2FF; 
					background-color: #fff;
					text-decoration: none;
				}
		.spec_offer table.spec td.price {
			color:#000000;
			cursor:pointer;
			font-size:30px;
			position:relative;
			text-align:right;
			width:80px;
			border-bottom:1px solid #bfcbd9;
		}
		.spec_offer table.spec td.price:hover {color: #414c59;}
		.spec_offer table.spec td.price table {width: 100px;}
		.spec_offer table.spec td.price table td.thousand {line-height:0.8em;}
		.spec_offer table.spec td.price table td.hundred {font-size: 18px; width:36px; vertical-align: top;}
		.spec_offer table.spec td.price table td.currency {font-size: 12px; text-align: right;height:1em;}
			.spec_offer table.spec td.price table td.currency i {
				font-style:normal;
				position:relative;
				top:-6px;
			}
			
		.spec_offer table.spec td.title {position: relative;border-bottom:1px solid #bfcbd9;}
		.spec_offer table.spec td.title, .spec_offer table.spec td.title a, div#info-text div h2 a {
			color: #000;
			font-size: 30px;
		}
		.spec_offer table.spec td.title img {
			display:block;
			float:left;
			margin:0 0.5em 0 0;
		}
		.spec_offer table.spec td.title a {
			background: transparent url(/images/arrow.gif) no-repeat right center;
			padding: 0 35px 8px 0;
		}
		div#wrap .spec_offer table.spec td.title a:hover, div#wrap  div#info-text div h2 a:hover {color: #3c4754; text-decoration: none;}		
		div.spec_offers {
			color:#99a5b5;
			padding-top:1em;
			margin-top:1em;
			/*background: transparent url(/images/reload.png) no-repeat left center;*/
		}
		div.spec_offers img {margin-right: 1em; width: 19px; height: 18px;}
			div.spec_offers a, div#info-text div p a {
				color:#005aa6;
			}
			div.spec_offers a:hover, div#info-text div p a:hover {
				text-decoration:underline;
			}
			
			div.spec_offers a.reload {
				/*padding: 4px 0 4px 30px;
				background: transparent url(/images/reload.png) no-repeat left center;*/
			}
	#spec_offers {
		border-bottom: 5px solid #185885;
		padding-bottom: 1em;
	}
	.spec_offer {display: none;}
	.group1 .group1, .group2 .group2, .group3 .group3, .group4 .group4, .group5 .group5, .group6 .group6, .group7 .group7,
	.group8 .group8, .group9 .group9, .group10 .group10, .group11 .group11, .group12 .group12, .group13 .group13,
	.group14 .group14, .group15 .group15, .group16 .group16, .group17 .group17, .group18 .group18, .group19 .group19{display: block;}
	div#info-text div {margin-bottom:1em;}
	div#info-text div p {
		color: #414c59;
		margin-top:1em;
	}
	div#info-text div p img {
		display: block;
		float: left;
		border: 0 none;
		margin: 0 0.5em 0.5em 0;
	}
	div#sidebar {
		float:left;
		width: 305px;
	}	
		div#sidebar h2 {
			color: #000;
		}
		div#sidebar p {
			color: #414c59;
		}
		div#sidebar a {
			color: #005aa6;
		}
		div#sidebar ul.menu {
			font-size: 18px;
			line-height: 24px;
		}
			div#sidebar ul.menu li {
				padding-left: 0.5em;
				padding-top:5px;
				color: #414c59;
			}
			div#sidebar ul.menu li a:hover{
				text-decoration: underline;
			}
			div#sidebar ul.menu li.selected{background-color: #194869;}
				div#sidebar ul.menu li.selected a {color: #fff; text-decoration: none;}
			div#sidebar a.blog {display: block;	padding: 4px 0 4px 30px; margin:4px 0 4px 12px;}
			div#sidebar a.lj {background: transparent url(/images/lj.png) no-repeat left center;}
			div#sidebar a.tw {background: transparent url(/images/tw.png) no-repeat left center;}
			
		div#feedback {
			background-color: #FFBE0D;
			color: #fff;
			margin-top:2em;
			padding: 0 0 9px 12px;
			position: relative;
		}
		div#feedback span.r i {left: -10px;}
		div#feedback span.l i {left: -15px;}
			div#feedback h3 {
				font-size: 30px;
				font-weight: normal;
				line-height: 18px;
				padding: 16px 0 7px 0;
			}
			div#feedback small {
				font-size: 12px;
				line-height: 18px;
			}
			div#feedback address {
				color: #414c59;
				font-style: normal;
				line-height:1.4em;
				padding-top:10px;
			}
				div#feedback address code {
					font-style: normal;
					font-size: 18px;
					padding-right:0.25em;
					font-family: 'Lucida Sans Unicode', Arial;
				}
				div#feedback address big {
					font-style: normal;
					font-size: 30px;
				}
			div#feedback a.feedback {
			    color: #fff;
			    display: block;
			    height: 25px;
			    line-height: 25px;
			    background: transparent url(/images/index/expand-collapse.png) no-repeat 97% 0;
			}
			    div#feedback a.feedback:hover {background-position: 97% -25px; text-decoration: none;}
			        div#feedback a.feedback.expanded {background-position: 97% -50px;}
			            div#feedback a.feedback.expanded:hover {background-position: 97% -75px;}
			    div#feedback a.feedback small {line-height: 25px;}
			div#feedback_form {
			    margin-right: 12px;
			    margin-top:6px;
			}
			div#feedback div#feedback_form span.cn i {background-image: url(/images/index/corner-orange.png);}
			    div#feedback div#feedback_form span.r i {left:0px;}
			    div#feedback div#feedback_form span.l i {left:-5px;}
			div#feedback_form .textarea, div#feedback_form .inline {
			    position: relative;
			    background-color: #fff;
			}
			div#feedback_form textarea, .inline input {
			    border:0 none;
                color:#000000;
                font-size:12px;
                line-height:18px;
                margin:0;                
                padding:0 0.4em;
			}
			div#feedback_form .textarea textarea {
			    height: 130px;
			    overflow-y:auto;		    
			}
			div#feedback_form textarea, div#feedback_form .inline input {
			    display:block;
			    width:90%;		    
			}
			div#feedback_form .inline input {
			    height:26px;
                padding:8px 0.4em 0;
			}
			div#feedback_form textarea.empty, .inline input.empty {color: #67798f;}
			div#feedback_form label {
			    color: #414c59; 
			    margin: 0.4em 0 0.6em 0;
			    line-height:1.4em;
			}
			   div#feedback_form .submit {
			       position: relative;
			       width:120px;
			   }
			div#feedback_form .submit input {
			    background-color:#414C59;
                border:0 none;
                color:#FFFFFF;
                font-size:18px;
                margin:0;
                padding:6px 0;
                width:120px;
                cursor: pointer;
			}
			div#feedback_form .submit input.disabled  {
			    background-color:#67798f;
			    cursor: default;
			}
			div#feedback_form .status {
			    display: block;
			    position: absolute;
			    height:16px;
			    top:0;
			    right:0;
			    padding-right: 20px;
			    background: #fff url(/images/index/field-status.gif) no-repeat 100% 0;
			    color: #67798f;
			    font-size: 10px;
			}
			div#feedback_form div.error {background-position: 100% -16px;}
			div#feedback_form div.ok {background-position: 100% -32px;}
			
	div.btw {
		border-bottom: 1px solid #FFBE0D;
		color: #414c59;
		line-height: 18px;
		padding:0.5em 0;
	}
		div.btw a {color:#005aa6;}
	div#sidebar div.help ul {
		margin: 1em 0 0 1em;
		line-height: 2em;
	}
	div#sidebar div#promo {
		border: 1px solid #00D2FF;
		margin-bottom:1em;
		padding:0 1em 0.5em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.seo {margin-top: 2em;}
	.seo p, .seo h2, .seo h1 {color: #67798f; font-size: 10px; line-height: 18px; margin: 0;}
	.clearfix:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		overflow:hidden;
		visibility:hidden;
	}