/*
Description: BookingApp is convenient and efficient way of searching and booking hotels and apartments in Ukraine.
Author: Stanfy
Author URI: http://www.stanfy.com.ua
*/

	div, span, p, a, h1, h2, h3, h4, h5, h6, label, select, input, iframe {
		margin: 0px; 
		padding: 0px; 
	}
	
	body {
		background: url('../images/backg-main.png') top left repeat-x;
		margin: 0px auto; 
		font-family: Arial,sans-serif; 
		font-size: 14px; 
		color: #000;
	}
	
	* html .pngRelative{
		position: static;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	}
	
	a img {
		border: none;
	}
	
	a {
		text-decoration: none;
		color: #4282de;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	/*p {
		padding: 7px 0px 4px 0px;
	}*/
	
	ul, ol {
		margin-left: 8px;
		padding-left: 10px;
	}
	ol li{
		padding: 2px 0px 12px 0px;
	}
	
	.clearBoth {
		clear: both;
		font-size: 0px;
	}
	
	#wrapper {
		border: 0px solid grey; 
		width: 966px; 
		margin-left: auto; 
		margin-right: auto; 
		position: relative;
	}
	
	#header {
		padding: 25px 0px 0px 0px;
	}
		
		.lang {
			width: 29px;
			margin: 17px 0px 0px 14px;
			text-align: center;
			background: url('../images/backg-lang.png') top center no-repeat;
			font-size: 14px;
			float: right;
			padding: 3px 0px 14px 1px;
		}
			.lang a {
				font-size: 12px;
				font-weight: bold;
				color: #7b7b7b;
			}
			.lang a.active-lang {
				color: #147eb8;
			}
			.lang a:hover {
				text-decoration: none;
				color: #ccc;
			}
			.lang a.active-lang:hover {
				text-decoration: none;
				color: #147eb8;
				cursor: default;
			}
/* menu wgith css3 html5 /*			
	    .menu-header {		
			float: right;
			margin-top: 17px;
			font-size: 18px;
			width: 455px;
			*width: 460px;
			padding: 0px 6px;
			position: relative;
			*background-color: #f1f1f1;
			border-bottom: 1px solid #c2c2c2;
			border-left: 1px solid #e2e2e2;
			border-right: 1px solid #e2e2e2;
			border-top: 0px;
			background: -moz-linear-gradient(top, #f6f6f6, #ebebeb);
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ebebeb));
			border-radius:6px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
		}
		

		
		@media all and (min-width: 0px) {
			.menu-header { background-color: #f1f1f1;}
		}
		
		.menu-header a {
			border-left: 1px solid #ddd;
			float: left;
			line-height: 21px;
			padding: 7px 24px 8px 24px;
			*padding: 7px 24px 9px 24px;
			color: #147eb8;
			
		}
	
		#header .menu-header a:hover {
			background: url('../images/menu-link-hover.png') top right repeat-x;
			text-decoration: none;
			color: #fff;
		}
		
		#header .menu-header a.active-menu {
			background: url('../images/menu-link-active.png') top right repeat-x;
			color: #fff;
		}
*/

	    .menu-header {		
			float: right;
			margin-top: 17px;
			font-size: 18px;
			width: 455px;
			*width: 460px;
			padding: 0px 6px;
			position: relative;
		}
		

		
		
		.menu-header a {
			background: url('../images/backg-menu-grey.png') top right repeat-x;
			border-left: 1px solid #ddd;
			float: left;
			line-height: 22px;
			padding: 7px 24px 9px 24px;
			*padding: 7px 24px 9px 24px;
			color: #147eb8;
			
		}
	
		
		
		.menu-header a:hover {
			background: url('../images/menu-link-hover.png') top right repeat-x;
			text-decoration: none;
			color: #fff;
		}
		
		.menu-header a.active-menu {
			background: url('../images/menu-link-active.png') top right repeat-x;
			color: #fff;
			cursor: default;
		}
		
		.menu-header a.menu-left-part {
			background: url('../images/backg-menu-left-part.png') top left no-repeat;
			border: none;
		}		
		.menu-header a.menu-left-part:hover {
			background: url('../images/backg-menu-left-part.png');
			background-position: 0 38px;
			text-decoration: none;
			color: #fff;
		}		
		.menu-header a.menu-left-part.active-menu {
			background: url('../images/backg-menu-left-part.png');
			background-position: 0 76px;
			color: #fff;
			cursor: default;
		}
		.menu-header a.menu-right-part {
			background: url('../images/backg-menu-right-part.png') top right no-repeat;
		}		
		.menu-header a.menu-right-part:hover {
			background: url('../images/backg-menu-right-part.png');
			background-position: -24px 38px;
			text-decoration: none;
			color: #fff;
		}		
		.menu-header a.menu-right-part.active-menu {
			background: url('../images/backg-menu-right-part.png');
			background-position: -24px 76px;
			color: #fff;
			cursor: default;
		}
		
		.logo {
			margin-left: 100px;
		}
		a.logo-link {
			display: block;
			width: 301px;
			height: 104px;
			background: url('../images/logo.png') top left no-repeat;
			cursor: pointer;
		}
		a.logo-link:hover {
			text-decoration: none;
		}
	#content {
		min-height: 500px;
	}
		.promo {
			background: url('../images/backg-android-iphone.png') top left no-repeat;
			padding: 8px 10px 0px 458px;
			height: 424px;
		}
			
			.promo h2 {
				font-size: 28px;
				padding: 0px 0px 5px 0px;
			}
			.promo ul {
				list-style-type: none;
				padding: 0px;
				margin-left: 23px;
			}
		.promo-short {
			background: url('../images/backg-promo-short.png') top left no-repeat;
			height: 170px;
			padding-left: 515px;
			padding-right: 15px;
			margin-bottom: 40px;
		}		
		.promo-short h2 {
			font-size: 20px;
			padding: 18px 0px 0px 0px;
		}
		
		.promo-short ul {
			list-style-type: none;
			padding: 0px;
			margin-left: 3px;
		}
		.promo ul li,.promo-short ul li {
			background: url('../images/tick-orange.png') 0 8px no-repeat;
			font-size: 16px;
			padding: 2px 0px 5px 18px;
			margin-left: 0px;
		}
		.promo .buttons-title {
			margin-top: 0px;
			margin-bottom: 6px;
			color: #535558;
		}
		.buttons {
			padding-top: 8px;
		}
			.buttons a{
				padding-right: 17px;
			}
			.buttons a.button-subtitle {
				padding: 0px;
				font-size: 10px;
				color: #636568;
			}
		.screens {
			background: url('../images/backg-screens.png') left top no-repeat;
			height: 275px;
			padding: 20px 0px 0px 13px;
		}
			.screens h3 {
				font-size: 20px;
				color: #147eb8;
				padding-left: 30px;
			}
			.screen-column {
				float: left;
				display: inline;
				width: 188px;
				margin: 10px 23px;
				font-size: 12px;
			}
			.screen-column .frame{
				background: url('../images/frame.png') left top no-repeat;
				padding: 4px;
			}
		
		#content p {
			padding: 9px 0px 5px 0px;
			line-height:19px;
		}
		
		#content p.contacts {
			padding: 0px 5px;
		}
		
		.right-column {
			float: right;
			width: 30%;
		}
			.right-column .buttons-title {
				color: #535558;
				margin-top: 9px;
				margin-bottom: 6px;
				padding-left: 70px;
			}
			.right-column p.smaller-above, .right-column .buttons-title.smaller-above {
				margin-top: 9px;
			}
			.right-column .buttons {
				padding-top: 10px;
				padding-left: 70px;
			}
			.recent-booked {
			}	
			.booked-hotel-row {
				padding: 10px 0px; 
				width: 320px;
				min-height: 110px;
				*height: 110px;
			}
				
				.frame-small{
					background: url('../images/frame-small.png') left top no-repeat;
					padding: 4px;
					float: left;
					display: inline;
				}
				.booked-hotel-info {
					width: 210px;
					*width: 170px;
					margin: 5px 0px 0px 120px;
					*margin: 15px 0px 0px 115px;
				}
				.booked-hotel-info  h4 {
					font-size: 16px;
					font-weight: normal;
					color: #147eb8;
					width: 200px;
					overflow: hidden;
					padding-bottom: 3px;
				}
				#content .booked-hotel-info p.time {
					color: #888;
					font-size: 13px;
					font-weight: bold;
				}
				#content .booked-hotel-info p {
					margin: 0px;
					padding: 5px 0px 3px 0px;
				}
				
				
		.block {
				background: url('../images/backg-block.png') top left no-repeat;
				/*float:left;*/
				margin: 5px 0 20px 0px;
				padding: 9px 0 0 14px;
		}
				.block h3 {
					font-size: 20px;
					color: #147eb8;
					padding-bottom: 8px;
				}
				.block h4 {
					font-size: 18px;
				}

				.line {
					padding: 20px 0px 10px 0px;
					clear: left;
				}
				.line .company-logo {
					float: left;
					display: inline;
				}
				.partner-info {
					margin-left: 120px;
				}
				.features {
					padding: 15px 0px 5px 15px; 
					clear: left;
				}
				.features .company-logo, .features img {
					float: left;
				}
				#content p.features-info {
					margin: 4px 0px 0px 50px;
					padding: 0px;
				}
				#content p.features-info.whithout-margin {
					margin-top: 0px;
				}
		h5.features-title {
			padding: 15px 0px 0px 0px;
			margin-bottom: 0x;
			font-weight: bold;
			font-size: 14px;
		}
		.inner.friends {
			margin-top: 10px;
		}
		.appstore-link {
			padding: 20px 0px 5px 5px;
		}
		.apps-screens {
			text-align: center;
			margin-top: 10px;
		}
		.apps-screens *{
			padding: 10px 15px 0px 0px;
		}
		.home .block {				
			margin: 21px 0 10px 0px;
		}
		.left-column {
			float: left;
			width: 70%;
		}			
		.home .left-column {
			width: 60%;
		}
		.home .right-column {
			width: 37%;
			/*padding-left: 30px;*/
		}
		.inner {
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		.inner li{
			line-height: 19px;
		}
		
		.contact-form {
			margin-top: 10px; 
		}
		.contact-form .field, .contact-form .area {
			width: 310px;
			padding: 3px 6px 4px 6px;
			font-size: 12px;
			color: #5e5e5e;
			border: 1px solid #bdbdbd;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			font-family: Arial;
		}
		.contact-form .area {
			height: 100px;
		}
		.button {
			background: url('../images/btn-send.png') top left no-repeat;
			width: 140px;
			height: 30px;
			font-size: 12px;
			line-height: 26px;
			font-weight: bold;
			color: #2f2f2f;
			text-align: center;
			border: none;
			cursor: pointer;
		}
		
		.hidden {
			display: none;
			padding: 2px 0px;
		}
		.hidden.visible {
			display: block;
			border: 1px solid red;
			width: 320px;
			margin-top: 4px;
		}

		#send-message {
			border: 1px solid #ffaa51;
			width: 320px;
			margin-top: 10px;
		}
		.simpletext {
			padding: 0px 0px 17px 0px;
			margin: 0px;
		}
	#footer {
		background: url('../images/backg-footer.jpg') top left no-repeat;
		height: 49px;
		padding: 0px 15px;
		margin: 30px 0px;
		font-size: 12px;
		color: #959595;
	}
		.menu-footer {
			float: right;
		}
		
		#footer p, .menu-footer{
			padding-top: 17px;
		}
		a.choosen , a.choosen:hover {
			text-decoration: none;
			cursor: default;
			color: #959595; 
		}