@import url("metro.css");
@import url("build/searchresults/filters.css");
@import url("searchresults/hotel.css");
@import url("catalog/lastOrders_narrow.css");

.searchresFilter {
	background: #F5F5F5;
	padding-bottom: 8px;
	border-radius: 5px;
}



.catalog-content { padding-left: 300px; }

.cat .body_int .col.left { width: 300px; float: left; margin-left: -300px; }
.cat .body_int .col.right { width: 100%; float: right; }

.cat .body_int .col.right div.int { padding-left: 0; }
.cat .body_int .col.left div.int { padding-right: 10px; }

.searchform .title { font-size: 1.5em; }
.searchform div.button input { font-size: 1.3em; }

#gMap .mapHeader .map-title { font-size: 1.1em; min-height: 1.1em;  }
.cat div.map #mapDiv { height: 250px;  }

.cat .body_int .col .photo { position: relative; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;    }
.cat .body_int .col .photo  h1 { color: white; font-size: 3.5em; background: rgba(0, 0, 0, 0.5);padding: 3px;  }
.cat .body_int .col .photo div.h1_sub { color: white; float: left; background: rgba(0, 0, 0, 0.5); margin-top: 5px; padding: 3px;  }
.cat .body_int .col .photo .city-menu-through { margin-bottom: 0;   }
.cat .body_int .col .photo .city-menu-through a { background-color: rgba(255, 127, 0, 0.8); transition: 200ms ease-out; }
.cat .body_int .col .photo .city-menu-through a:hover { background-color: rgba(255, 127, 0, 1); opacity: 1; }

.cat .hotels-stat dl { float: none; width: auto; display: block;  margin-right: 0; }
.cat_object_content .el li  { display: block; float:  none; width: auto; margin-right: 0; }

.cat_city div.cat_object_content .stars div.stars-el { float: none; padding-right: 0; width: auto; }

.searchres-results-loading #searchresults  { opacity: 0.5; }

.found-hotel .hotel-foto { margin-bottom: 0; height: 100%; }
.found-hotel-content { min-height: 200px;  }

@media screen and (min-width: 1100px) {
	.found-hotel .hotel_name a { font-size: 1.8em;  }
}

@media screen and (min-width: 1100px) {
	.found-hotel-content { padding-right: 180px;  }
	.found-hotel div.prices {
		border-radius: 0px;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 170px;
		height: 100%;
		margin-top: 0;
	}
	.found-hotel div.prices > div.price { float: none; width: 100%; margin-bottom: 15px; margin-top: 40px;  }
	.found-hotel div.prices > div.book { float: none; width: 100%;  }
	.found-hotel div.hotel-rate { margin-right: 170px;  } 
}

@media screen and (max-width: 767px) {
	body.cat { padding-bottom: 3em;  }
	.body_main { margin-bottom: 0; padding-bottom: 0; }
	body.cat .body_int { display: block; padding: 0;  }
	.catalog-content { display: table; table-layout: fixed; width: 100%;  }
	.cat .body_int .col.left { width: 100%; margin-left: 0;  } 
	.footerdiv { display: none;  }
	.cat .body_int .col.left div.int { padding-right: 0; }
	.nextResult { margin: 0 6px;  }
	
	.searchresLeft { padding-top: 0; background: #ededed; overflow: hidden;  }
		
	.cat_city .advertActions { margin: 8px !important;  }
	.cat .col .searchform { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;  border-radius: 0; margin-bottom: 0; }
	
	.searchresFilter { display: none; background: white; }
	.searchres-filters  .searchresFilter  { display: block; }
	.searchres-filters  .right, .searchres-filters  .searchform, .searchres-map  .right, .searchres-map  .searchform { display: none !important;  }
	.searchres-filters  .searchresFilter  { display: block; }
	.searchres-map .left div.map { display: block;  }
	.cat .left div.map { margin: 0; background: none;  }
	#gMap .mapInt { padding: 0 !important; }
	#gMap .mapHeader { display: none;  }
	.cat div.map { position: fixed; top: 0; left: 0; padding-top: 44px; padding-bottom: 3em; height: 100%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;  }
	.cat div.map #gMap { width: 100%; height: 100%; position: relative;   }
	.cat div.map #mapDiv { height: 100%;  }
}
@media screen and (max-width: 767px) {
	.found-hotel { border-left: 0; border-right: 0; border-color: #d8d5d5; border-radius: 0; }
	.found-hotel:first-child { margin-top: 5px;  }
}

@media screen and (max-width: 550px) {
	.found-hotel { margin-bottom: 10px;  }
	.found-hotel:first-child { margin-top: 10px; }
	body.cat .found-hotel .hotel-foto { height: 250px !important; }
}