html, body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: darken(@color_brightest, 5%);
	
	/*div {
		box-shadow: 0px 0px 1px black;
	}
	*/
}

ul {
    margin: 0;
    padding: 0;
}


/*color vars*/
@color_brightest: #ffffff;
@color_gray: #cecece;
@color_darkest: #000000;
@color_main: #981B29; //#8e464e
@color_main_darker: #74313d;
@color_main_intensive: #981b29;
@color_logo: #981b29;
@color_font: #363636;


/*fonts*/
h1, h2, h3, span, p, a {
	color: @color_font;
	font-weight: normal;
	line-height: 1.2em;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

p {
	font-size: 14px;
	color: @color_font;
}

a {
	text-decoration: none;
	color: @color_font;
	
	&:hover {
		color: @color_main;
		cursor: pointer;
	}
}

select {
	color: @color_brightest;
	border-radius: 2px;
	font-size: 14px;
	-webkit-appearance: none;
}

/* default button style*/
.button {
	background: @color_main;
	margin: 15px 0 0;
	text-align: center;
	
	&:hover {
		background: lighten(@color_main, 5%);
	}
	
	a {
		display: block;
    	line-height: 2.3em;
		color: @color_brightest;
		border-bottom: 4px solid darken(@color_main_darker, 8%);
		
		&:active {
			margin-top: 19px;
			border-bottom: 0 !important;
		}
	}
}


/*main blocks*/
#top {
	margin: 0px;
	padding: 0px;
	height: 0px;
}

.under {
	height: 557px;
	position: fixed;
}

#navi {
	z-index: 1000;
	position: fixed;
	width: 100%;
	background: @color_brightest;
	box-shadow: 2px 0px 8px -2px @color_darkest;
	
	.nav {
    	display: block;
		position: relative;
		height: auto;
		margin: 0;
		width: 100%;
		
		&.mobile {
			display: none;
			
			li {
				
				&.logo_container {
					padding: 0 50px 50px 0;
					
					a.logo {
						height: 70px;
						width: 50px;
						margin-right: 10px;
						
						img {
							height: auto;
							width: 50px;
						}
					}
				}
			}
			
			.navi_select {
				overflow: hidden;
				background: url("../images/arrow_select.png") no-repeat right @color_main;
				background-size: 7%;
				background-position: 225px center;
				margin: 5px 10px 5px;
				padding: 7px 0 7px 5px;
				width: 245px;
				border: 1px solid @color_main_darker;
				border-radius: 3px;
				
				select {
					background: none;
					border: 0;
					width: 270px;
					
					option {
						background: @color_brightest;
						color: @color_font;
					}
				}
			}
			
			.language {
				border-bottom: 0px;
			
				a{
					height: 35px;
					padding: 15px 4px 0;
					width: 35px;
					
					&:last-child {
						width: 20px;
					}
				}
			}
		}
		
		li {
			list-style: none;
			display: block;
			float: left;
			
			&:hover {
				
				a {
					transition: all 0.5s ease 0s;
					border-bottom: 4px solid @color_main;
					background: url(../images/active_hover.png) no-repeat bottom center !important;
				}
			}
			
			
			&.logo_container {
				padding: 0px 65px 60px 0px;
			}
			
			 a {
				display: block;
				padding: 18px 10px 0;
				width: 168px;
				text-align: center;
				height: 38px;
				border-right: 1px solid @color_gray;
				border-bottom: 4px solid @color_gray;
				background: none no-repeat bottom center;
				transition: background 0.5s ease 0s;
				
				&.active {
					transition: all 0.5s ease 0s;
					background: url(../images/active.png) no-repeat bottom center;
				}
				
				&.logo {
					background: @color_logo;
					border-bottom: 0 none;
					border-right: 0 none;
					height: 96px;
					overflow: hidden;
					padding: 0;
					position: absolute;
					width: 65px;
				}
			}
			
			&.language {
				border-bottom: 4px solid @color_gray;
				
				&:hover {
					a {
						background: none !important;
						
						&:hover {
							background: @color_main !important;
							color: @color_brightest;
						}
					}
				}
				
				a {
					border-bottom: 0 none !important;
					border-right: 0 none;
					float: left;
					padding: 18px 0 0;
					text-align: center;
					width: 67px;
					
					&:hover {
						background: none !important;
					}
					&.active {
						background: @color_main !important;
						color: @color_brightest;
					}
					&:last-child {
						width: 68px;
					}
				}
			}
		}
	}
}

.slider {
	position: absolute;
	top: 35px;
	z-index: 10;
	
	.flex-viewport {
		margin-top: 11px;
	}
	ol {
		display: none;
	}
	
	&.touren {
		.flex-direction-nav {
			display: none;
		}
	}
	
	.flex-direction-nav {
		display: block;
		height: auto;
		position: absolute;
		top: 260px;
		width: 100%;
		
		li {
			list-style: none;
			
			&:first-child {
				float: left;
			}
			&:last-child {
				float: right;
			}
			
			a {
				color: rgba(0, 0, 0, 0);
				display: block;
				height: 37px;
				width: 37px;
				background-size: 202% !important;
				
				&.flex-prev {
					background: url("../images/trigger.png") no-repeat;
					background-position: left 0;
					margin: 0 0 0 10px;
					
					&:hover {
						background-position: left bottom;
					}
				}
				&.flex-next {
					background: url("../images/trigger.png") no-repeat;
					background-position: right 0;
					margin: 0 10px 0 0px;
					
					&:hover {
						background-position: right bottom;
					}
				}
			}
		}
	}
	
	/* slider styles with content*/
	.slides {
		h2, span, p {
			color: @color_brightest;
		}
		
		.slide_content {
			position: absolute;
			width: 1280px;
			
			.logo {
				margin: 0 auto;
				width: 255px;
				padding-top: 30px;
				
				span {
					text-shadow: 0 0 3px lighten(@color_darkest, 5%);
					bottom: 5px;
					display: block;
					float: left;
					margin: 20px 10px;
					
				}
				img {
					float: left;
   					padding-top: 0;
				}
			}
			.offer {
				display: block;
				text-shadow: 0px 0px 7px lighten(@color_darkest, 9%);
				text-align: center;
				float: none;
				font-size: 50px;
				font-weight: normal;
				line-height: 1.3em;
				margin: 80px 0 70px 0;
			}
			.content_inner {
				margin: 0 auto;
				width: 380px;
				
				.info_box {
					background: fade(darken(@color_main_intensive, 5%), 60%);
					position: relative;
					width: 200px;
					float: left;
					
					p {
						line-height: 1.3em;
						margin: 0;
						padding: 17px 17px 0;
						font-size: 16px !important;
					}
				}
				
				.price_box {
					float: left;
    				width: 150px;
					margin-left: 30px;
					
					.adult, .child {
						margin: 0 0 10px;
						text-shadow: 0px 0px 5px lighten(@color_darkest, 9%);
						
						p {
							margin: 3px 0px 0px 0px;
							font-size: 12px;
							text-shadow: 0px 0px 2px lighten(@color_darkest, 9%);
						}
						
						.price {
							
							h2 {
								display: block;
								float: left;
								font-size: 32px;
								font-weight: normal;
								line-height: 1.2em;
								margin: 0 5px 0 0;
							}
						}
					}
				}
			}
		}
	}
}

#offer1, #offer2, #offer3, #offer4, #offer5, #offer6 {
    margin-bottom: 40px;
}

#page {
	display: block;
    height: auto;
    position: relative;
	z-index: 100;
	
	.main_content {
		border-left: 1px solid @color_gray;
		border-right: 1px solid @color_gray;
		padding-bottom: 50px;
		width: 1278px;
		padding-top: 20px;
		position: relative;
		z-index: 100;
		background: @color_brightest;
		top: 545px;
		
		&.offers {
			padding-top: 1px;
			
			.content_block {
				width: 100%;
			}	
		}
	}
	
	.offer_info {
		background: @color_main;
		padding: 10px;
		
		table {
			width: 100%;
			border: 0px;
			color: @color_brightest;
			font-size:14px;
		}
	}
	
	.image {
		border: 1px solid @color_gray;
		height: auto;
		overflow: hidden;
		width: 100%;
		
		&:hover {
			img {
				opacity: 0.7;
				transition: opacity .25s ease-in-out;
			}
		}
		
		img {
			border-radius: 0px;
			padding: 8px;
			width: 603px;
		}
	}
	
	.content_block {
		height: 160px;
		position: relative;
	}
}

#footer {
	background: url(../images/logo_gray.png) no-repeat lighten(@color_gray, 8%);
	background-position: right 10px;
    position: relative;
    top: 545px;
    z-index: 100;
	
	p, h2, ul li a {
		color: lighten(@color_font, 15%);
		text-shadow: 1px 1px 0px darken(@color_brightest, 2%);
	}
	
	p {
		font-size: 14px;
		line-height: 1.4em;
	}
	
	h2 {
		margin-bottom: 0px;
		padding-bottom: 5px;
		border-bottom: 1px solid lighten(@color_font, 40%);
	}
	
	ul {
		font-size: 14px;
		list-style: none outside none;
		margin: 10px 0 0;
		
		li {
			border-bottom: 1px dashed lighten(@color_font, 60%);
			padding: 3px 0 4px;
			
			a {
				&:hover {
					color: @color_main;
				}
			}
		}
	}
	
	.endline {
		background: @color_main;
		text-align: center;
		
		p {
			margin-top: 5px;
			padding: 10px 0 10px 0;
			color: darken(@color_main_darker, 20%);
			text-shadow: 1px 1px 0px lighten(@color_main, 10%);
		}
	}
	
}