html {
	height:100%;
	width: 100%;
	margin: 0; padding: 0;
}
* html body {
    height: 100%;
}

body {
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	height: 100%;
	margin: 0;
	background: #ffffff;
	min-height: 100%;
    min-width: 1194px;
	margin: 0; 
	padding: 0;
	position: relative;
    background: #ECECEC;
}
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
@font-face {
    font-family: Ubuntu; 
    src: 	url('fonts/Ubuntu-Regular.ttf') format('truetype'); 
} 
@font-face {
    font-family: Ubuntu; 
    font-weight: bold; 
    src: 	url('fonts/Ubuntu-Bold.ttf') format('truetype'); 
}
@font-face {
    font-family: Ubuntu-Medium; 
    src: 	url('fonts/Ubuntu-Medium.ttf') format('truetype'); 
}
@font-face {
    font-family: Ubuntu-Light; 
    src: 	url('fonts/Ubuntu-Light.ttf') format('truetype'); 
}

@font-face {
    font-family: Roboto; 
    src: 	url('fonts/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
    font-family: Roboto; 
    font-weight: bold; 
    src: 	url('fonts/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
    font-family: Roboto-Black; 
    src: 	url('fonts/Roboto-Black.ttf') format('truetype'); 
}
@font-face {
    font-family: Roboto-light; 
    src: 	url('fonts/Roboto-Light.ttf') format('truetype'); 
}

a{
	color: #02006A;
	text-decoration: none;
}
a:hover{
	color: #c00000;
}
a img{
	border: 0;
}

p{ margin: 10px 0;}

ul, ol{
    line-height:127%;
	margin: 0 0 10px 0;
	list-style-type: disc; 
	list-style-position: inside; 
}
ul > li {
    display: list-item;
    list-style-position: outside;
    margin: 0 0 0 15px;
    padding: 0 25px 0 0;
}
ol li{
	list-style-type: decimal; 
	list-style-position: outside; 
	margin-left: 30px; 
}

.left{ float:left; }
.right{ float:right; }
.clearboth, .clearfix{ clear:both }

#all {
	width:100%;
	height: auto;
    min-height: 100%;
    position: relative;
}
.wrapper{
	width:1134px;
	margin:auto;
}
#head{
	height:92px;
    background: #ffffff;
}
#head .wrapper > .left{
	padding-top:20px;
}
#head .wrapper > .right{
	width:700px;
	color:#02006A;
	font-family: Ubuntu; 
}
#head .slogan{
	font-size: 14px;
	padding-top:55px;
	width:400px;
 	text-transform: uppercase;
 	letter-spacing:3px;
}
#head .phone{
	font-size: 24px;
	padding-top:47px;
	width:300px;
	text-align:right;
}

nav{
    background: #020366;
	height:60px;
}
nav a{
	display:block;
	float:left;
	color:#ffffff;
    font-family: Roboto; 
    font-size:18.5px;
    padding: 17px 30px 0 30px;
    position:relative;
}
nav a::before{
	display:block;
	content:'';
	width:1px;
	height:25px;
	background:#777777;
    position:absolute;
    top:19px;
    left:0;
}
nav a:first-child{
    padding-left:0;
}
nav a:first-child::before{
	display:none;
}
nav a:hover{
	color:#FFBF00;
}

/*
nav a:last-child{
    font-size:16.7px;
	float:right;
    padding-right:0;
}
nav a:last-child::before{
	width:20px;
	height:20px;
    background: transparent url('../images/sprite.png') no-repeat -120px 0;
    top:19px;
    left:6px;
}
nav a:last-child:hover::before{
	background-position: -140px 0;
}
*/
#breadcrumbs{
	margin:5px 0 0 0;
}
#breadcrumbs div a{
	font-size:13px;
}
#breadcrumbs div a:last-child{
	font-weight:bold;
}

#main_content{
	padding:10px 0 230px;
}


#footer {
	height: 214px;
	position: absolute;
	bottom: 0;
	z-index: 2;
	clear: both;
	margin: 0;
    background: #0A0643;
    color:#B9B9B9;
    width: 100%;
}
#footer .menu {
	font-family: Ubuntu; 
	font-size: 16px;
	margin:24px 0 0 0;
	text-align:center;
}
#footer .menu a{
    color:#B9B9B9;
}
#footer .menu a:hover{
    color:#ffffff;
}
#footer .bottom {
	font-size: 12px;
	margin:24px 0 0 0;
}

.overlay{
	position:absolute;
	z-index:300;
}
.overlay.calendar{
	left:-4px;
	top:81px;
    width: 485px;
	height: 302px;
	background:transparent url('../images/calendardraft.png') 0 0;
}
.overlay.autocomplete{
	background:#ffffff;
	border: 1px solid #bdc5cc;
	border-top:none;
    font-size: 15px;
    width: 600px;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}
.overlay.autocomplete .content{
	padding: 0 0 8px 0;
}
.overlay.autocomplete .content a,
.overlay.autocomplete .content span.continue{
	display:block;
	position:relative;
	padding: 8px 12px 8px 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.overlay.autocomplete .content a span{
	background:#FDFE98;
}
.overlay.autocomplete .content a:hover{
	background:#0061BF;
	color:#fff;
}
.overlay.autocomplete .content a:hover span{
	background:transparent;
}
.overlay.autocomplete .content a.place::before,
.overlay.autocomplete .content a.hotel::before{
	content:'';
	position: absolute;
	display:block;
	left:8px;
	top:5px;
	width: 20px;
	height: 20px;
    background:url('../images/sprite.png') no-repeat 0 0;
}
.overlay.autocomplete .content a.hotel:hover::before{
	background-position: -20px 0;
}
.overlay.autocomplete .content a.place::before{
	background-position: -40px 0;
}
.overlay.autocomplete .content a.place:hover::before{
	background-position: -60px 0;
}
.overlay.autocomplete .content span.continue{
	color:#868686;
}
.overlay.autocomplete .footer{
	background: #DDDDDD;
	padding:10px;
	text-align:right;
}
.overlay.autocomplete .footer a{
	display:inline-block;
	color:#000;
	padding:0 26px 0 0;
	position: relative;
}
.overlay.autocomplete .footer a:hover{
	color:#550000;
}
.overlay.autocomplete .footer a::after{
	content:'';
	position: absolute;
	display:block;
	right:0;
	top:-2px;
	width: 20px;
	height: 20px;
    background:url('../images/sprite.png') no-repeat -80px 0;
}
.overlay.autocomplete .footer a:hover::after{
	background-position: -100px 0;
}

table.twocols.borderbottom{
	border-bottom: 1px #CCCCCC solid;
}
table.twocols > tbody > tr > td{
	vertical-align: top;
}
table.twocols > tbody > tr > td:first-child{
    width: 386px;
}
table.twocols > tbody > tr > td:nth-child(2){
    width: 2px;
}
table.twocols > tbody > tr > td:last-child{
    width: 746px;
}
table.twocols.withmenu > tbody > tr > td:first-child{
	background:#DDDDDD;
}
table.twocols.withmenu > tbody > tr > td:nth-child(2),
table.twocols.withmenu > tbody > tr > td:last-child{
	background:#ffffff;
}

table.twocols td .menu{
}
table.twocols td .menu a,
table.twocols td .menu > span{
	display:block;
    position:relative;
	text-align:right;
	font-family: Ubuntu-Light; 
	font-size: 17px;
	color: #01006A;
	padding:20px 25px 20px 20px;
	transition:0.25s linear color, 0.25s linear background-color;
}
table.twocols td .menu a.offers,
table.twocols td .menu a.hotels,
table.twocols td .menu span.recommended{
	text-align:left;
	padding-left: 56px;
    position:relative;
    color:#ffffff;
	transition:0.25s linear color, 0.25s linear background-color;
}
table.twocols td .menu a.offers::before,
table.twocols td .menu a.hotels::before,
table.twocols td .menu span.recommended::before{
	content:'';
	position: absolute;
	display:block;
	left:14px;
	top:16px;
	width: 32px;
	height: 32px;
	background:transparent url('../images/sprite.png') no-repeat -160px 0;
}

table.twocols td .menu a.hotels::before{
	background-position: -160px -32px;
}
table.twocols td .menu span.recommended::before{
	background-position: -160px -130px;
}
table.twocols td .menu a.offers{
	background-color:#EC0000;
}
table.twocols td .menu a.hotels{
	background-color:#777777;
}
table.twocols td .menu span.recommended{
	background-color:#5C6F85;
}
table.twocols td .menu a.active,
table.twocols td .menu a:hover{
	background-color:#fff;
	color: #01006A;
	transition:0.25s linear color, 0.25s linear background-color;
}
table.twocols td .menu a.active{
	font-family: Ubuntu-Medium; 
}
table.twocols td .menu a.offers.active::before,
table.twocols td .menu a.offers:hover::before{
	background-position: -160px -64px;
}
table.twocols td .menu a.hotels.active::before,
table.twocols td .menu a.hotels:hover::before{
	background-position: -160px -96px;
}

table.twocols td .cont{
	padding: 50px 40px 50px 50px;
}
/* Search Form */
.searchForm{
	position:relative;
	font-family: Ubuntu; 
	background: #143040;
	height: 470px;
	padding:30px 0 0 30px;
	line-height:1;
	border-bottom: 2px #ffffff solid;
}
.searchForm form > .title{
	font-size: 24px;
	color:#fff;
}

.searchForm .gradient,
.Dates .gradient,
ul.pulldown .gradient{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9f2fa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9f2fa));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9f2fa 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e9f2fa 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9f2fa 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e9f2fa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9f2fa',GradientType=0 );
}

.searchForm form > .field{
	position:relative;
}
.searchForm form .field .title{
	font-size: 14px;
	padding: 12px 0 0 0;
	height:25px;
	color:#fff;
}
.searchForm form .field input{
	font-size: 17px;
	height:25px;
	padding: 8px 10px;
	border: 1px #BDC5CC solid;
	width: 305px;
}

.searchForm form .fieldsgroup{
	position:relative;
}
.searchForm form .fieldsgroup .field{
	float:left;
	width: 152px;
	margin-right:20px;
}
.searchForm form .fieldsgroup .field input{
	width: 132px;
}

.searchForm form .fieldsgroup.dates .field {
	position: relative;
}
.searchForm form .fieldsgroup.dates .field:first-child::before{
	content:'';
	position: absolute;
	display:block;
	right:-16px;
	top:58px;
	width: 9px;
	height: 2px;
	background:#333;
}
.searchForm form .fieldsgroup.dates .field a{
	position: absolute;
	display:block;
	right:3px;
	top:42px;
	width: 31px;
	height: 32px;
	background:transparent url('../images/calendar.png');
}

.searchForm form .field ul,
.searchForm form .field li,
.filters .field ul,
.filters .field li
.guestForm .field ul,
.guestForm .field li
{
	list-style-type: none; 
	display:block;
	margin:0;
	padding:0;
}

.searchForm form .field > ul > li,
.searchForm form .field.kids > div > ul > li,
ul.pulldown > li{
    position: relative;
}
.searchForm form .field > ul > li::after,
.searchForm form .field.kids > div > ul > li::after,
ul.pulldown > li::after{
	display:block;
	content: '';
	position: absolute;
	right:12px;
	top:21px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #000000 transparent transparent transparent;
}
.searchForm form .field ul > li > a,
ul.pulldown > li > a{
	display: block;
	font-size: 17px;
	height:17px;
	padding: 12px 15px;
	border: 1px #BDC5CC solid;
	width: 122px;
}
.searchForm form .field  ul > li > ul,
ul.pulldown > li > ul{
	background-color: #ffffff;
	border-bottom: 1px solid #BDC5CC;
	border-left: 1px solid #BDC5CC;
	border-right: 1px solid #BDC5CC;
	left: -9999px;
	list-style: outside none none;
	margin: 0;
	opacity: 0;
	position: absolute;
	transition: opacity 0.25s linear 0s;
	width: 152px;
	z-index: 200;
}
.searchForm form .field  ul > li:hover > ul,
ul.pulldown > li:hover > ul{
	left: 0;
	opacity: 1;
	transition: opacity 0.25s linear 0s;
}
.searchForm form .field  ul > li > ul li a,
ul.pulldown > li > ul li a{
	display: block;
	font-size: 17px;
	height:17px;
	padding: 6px 15px;
	width: 122px;
	background:#fff;
	border:0;
}
.searchForm form .field  ul > li > ul li a:hover,
ul.pulldown > li > ul li a:hover{
	background:#0061BF;
	color:#fff;
}
.searchForm form .field.kids{
	height:120px;
}
.searchForm form .field.kids  ul{
	float:left;
	width: 66px;
	margin-right:20px;
}
.searchForm form .field.kids  ul > li > a{
	width: 36px;
}

.searchForm [type=submit]{
	position:absolute;
	left:30px;
	bottom:40px;
	background-color:#008FFF;
	color:#fff;
	font-family: Ubuntu; 
	font-size: 24px;
	border:0;
	padding: 10px 48px;
	border-radius:7px;
	margin-top:0px;
	cursor:pointer;
	transition:0.25s linear background-color;
}
.searchForm [type=submit]:hover{
	background-color:#cc0000;
	transition:0.25s linear background-color;
}

h1{
    font-family: Ubuntu; 
	font-size: 30px;
	color:#02006A;
	padding-bottom:10px;
	position:relative;
}
h1 .hmenu{
	position:absolute;
	right:0;
	top:1px;
}
h1 .hmenu a{
	display:inline-block;
   /* font-family: Ubuntu-Light; */
	font-size: 16px;
	color:#00006A;
	margin-left:20px;
}
h1 .hmenu a:hover{
	color:#c00000;
}
h1 .hmenu a.active{
    /*font-family: Ubuntu-Medium; */
	font-weight:bold;
}
h1 .hmenu a span{
	color:#9FA5B8;
}

.sprite{
	background:transparent url('../images/sprite.png') 0 0;
}

.offersBanners{
    font-family: Ubuntu; 
	padding:40px 0;
}
.offersBanners a{
	display:block;
	float:left;
	width:358px;
	height:65px;
	text-align:center;
	font-size: 24px;
 	text-transform: uppercase;
	color:#333333;
	background:#ffffff url('../images/index/index_offer1.jpg') no-repeat 0 0;
	padding:237px 0 0 0;
	margin-right:29px;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.offersBanners a:nth-child(2){
	background-image: url('../images/index/index_offer2.jpg');
}
.offersBanners a:nth-child(3){
	background-image: url('../images/index/index_offer3.jpg');
	margin-right:0;
}

span.stars {
	display:inline-block;
	font-size:0;
	width:89px;
	height:20px;
	background: url('../images/stars.png') no-repeat 0 0;
	vertical-align:middle;
	margin-left: 10px;
}
span.stars.s4 { background-position: -18px 0; }
span.stars.s3 { background-position: -36px 0; }
span.stars.s2 { background-position: -54px 0; }
span.stars.s1 { background-position: -72px 0; }
span.stars.s0 { background-position: -90px 0; }

.selectStars span.stars {
	background-image: url('../images/bstars.png');
	margin: -6px 0 0 0;
}

label.nicecheck{
	display:inline-block;
	background: transparent url(../images/checkbox.png) no-repeat 0 8px;
	padding:8px 0 0 20px;
	cursor:pointer;
	color:#000000;
}
label.nicecheck.disabled{
	background-position:0 -54px;
	cursor:default;
}
label.nicecheck.checked{
	background-position:0 -24px;
}
label.nicecheck input{
	display:none;
}
label.niceradio{
	display:inline-block;
	background: transparent url(../images/checkbox.png) no-repeat 0 -179px;
	padding:0 0 0 20px;
	cursor:pointer;
	color:#000000;
}
label.niceradio.disabled{
	background-position:0 -54px;
	cursor:default;
}
label.niceradio.checked{
	background-position:0 -209px;
}
label.niceradio input{
	display:none;
}


.overlay.clarify {
    background: #ffffff;
    width: 590px;
    height: 197px;
    left: -9999px;
    top: 0;
    border: 1px #8c8c8c solid;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    opacity:0;
	transition: opacity 0.25s linear 0s;
}
.overlay.clarify.open{
	opacity:1;
	transition: opacity 0.25s linear 0s;
}

.overlay.clarify:before{
    display:block;
    content:"";
    position:absolute; right:5px; top:-19px;
    width: 40px;
    height: 20px;
	background: transparent url("../images/sprite.png") no-repeat scroll -40px -20px;
}





.overlay.clarify .searchForm{
    background-color: #ffffff;
    padding: 10px 0 0 30px;
    height:187px;
}
.overlay.clarify form>.title,
.overlay.clarify form>.field.where
{
	display:none;
}

.overlay.clarify form .fieldsgroup{
	float:left;
}


.overlay.clarify .searchForm form .field .title {
	color: #333333;
}
.overlay.clarify .searchForm form .fieldsgroup.guests .field{
    width: 80px;
}
.overlay.clarify .searchForm form .fieldsgroup.guests .field ul {
    float: left;
    margin-right: 20px;
    width: 80px;
}
.overlay.clarify .searchForm form .fieldsgroup.guests .field ul > li > a {
    width: 50px;
}
.overlay.clarify .searchForm form .field.kids {
    position:absolute;
    left:30px;
    top:100px;
}
.overlay.clarify .searchForm [type="submit"] {
    left:374px;
    bottom:auto;
    top:135px;
    padding: 10px 62px;
    font-size:18px;
}

.thumbnail-overlay {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}