@import "catalog_hotels.css";
.cat_all .city { width: 22%; float: left; margin-right: 2%; margin-bottom: 0.5em; font-size: 1.1em; min-height: 2em;   }
* html .cat_all .city { display: inline; }
.cat_all .city div.city_int { padding-left: 32px; min-height: 24px; }
.cat_all .city div.count { font-size: 12px; }
.cat_all .city div.count span { font-weight: bold; }

.cat span.b { font-weight: bold;  }
.cat .body_int .col.left {width: 45%; float: left; }
.cat .body_int .col.right {width: 55%; float: right; }
.cat_city_on_map .body_int .left {width: 35%; float: left; }
.cat_city_on_map .body_int .right {width: 65%; float: right; }

.cat .body_int .right div.int {padding-left: 0.54em; }
.cat .body_int .left div.int {padding-right: 0.54em; }
.cat .body_int .right .infoAdd {display: none; }
.cat .col .searchform { width: auto; margin-bottom: 10px; }
.cat .col article.promo .image-wrapper.image-center { max-width: 100%; }


.cat .body_int .col .photo { display: block; margin-bottom: 0.77em; width: 100%; min-height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 3px 3px 6px #CCCCCC; -webkit-box-shadow: 3px 3px 6px #CCCCCC; box-shadow: 3px 3px 6px #CCCCCC; befa z-index: 1; position: relative; zoom: 1;  }

.cat .col .cityTitle, .cat .col .objectTitle { padding-bottom: 10px; margin-bottom: 10px;}
.cat .col .cityTitle a, .cat .col .objectTitle a {
    font-size: 1.54em;
    font-weight: normal;
    color: #728611;
}
.cat .col .cityTitle a h1, .cat .col .objectTitle a h1 { font-size: 1em; margin: 0px; }
.cat_country h1 { background-repeat: no-repeat; padding-left: 40px; }
.cat .search { margin-bottom: 1em; background-color: white; }
.cat .search div { padding-left: 37px; position: relative;  }
.cat .search input { margin: 0px; font-size: 1.23em; margin-left: -37px; width: 100%; display: block; border: 1px solid; padding: 5px 5px 5px 30px; background: url(/images/icons/search_16x16.png) no-repeat 7px 7px; color: black; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 3px 3px 6px #CCCCCC; z-index: 1; zoom: 1; }

.cat_country_objects .search { float: left; width: 50%; margin-bottom: 0em;}

/* .cat_country .map_objects { clear: both; overflow: hidden; float: none; background-color: #EEF4BF; padding: 0.77em; margin-bottom: 1em; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;   z-index: 1; position: relative; zoom: 1; } */

.cat_object_content .el { clear: both; overflow: hidden; float: none; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted silver; }
.cat_object_content .el_last { margin-bottom: 0em; border-bottom: 0px; padding-bottom: 0em;  }

.cat_object_content .map_objects div.h2, .cat_object_content .map_objects h2 { background-repeat: no-repeat; background-position: 0px 2px; padding-left: 24px; padding-bottom: 2px; }
.cat_object_content .el div.h2, .cat_object_content .el h2 { margin-bottom: 1em; margin-top: 0px; }
.cat_object_content .popular_city div.h2, .cat_object_content .popular_city h2 { background-image: url(/images/map_icons/city_big.png); }
.cat_object_content .airport div.h2, .cat_object_content .airport h2 { background-image: url(/images/map_icons/airport_big.png); }
.cat_object_content .poi div.h2, .cat_object_content .poi h2 { background-image: url(/images/map_icons/poi_big.png); }
.cat_object_content .railway div.h2, .cat_object_content .railway h2 { background-image: url(/images/map_icons/railway_big.png); }
.cat_object_content .stars h2, .cat_object_content .stars div.h2 { background-image: url(/images/map_icons/star_big.png); }
.cat_object_content .hotel h2, .cat_object_content .hotel div.h2 { background-image: url(/images/map_icons/hotel_big.png); }
.cat_object_content .metro h2, .cat_object_content .metro div.h2 { background-image: url(/images/map_icons/metro_big.png); }
.cat_object_content .expo h2, .cat_object_content .expo div.h2 { background-image: url(/images/map_icons/expo_big.png); }



.cat_object_content .el li { float: left; margin-bottom: 0.5em; list-style-type: none; width: 45%; padding: 0px; margin-right: 4.9%; margin-top: 0px; margin-left: 0px; }
* html .cat_object_content .el li { display: inline;  }

.cat_object_content .el li a { margin-right: 5px;}
.cat_object_content .el li span.distance { cursor: pointer; border-bottom: 1px dotted; display: inline-block; }
.cat_object_content .el li span.count { font-size: 0.77em; color: gray; }
.cat_object_content .el ul { clear: both; padding: 0px; margin: 0px; zoom: 1; float: none; overflow: hidden; }

.cat_object_content .el .links-by-place li { float: none; background-repeat: no-repeat; background-position: 0px 0px; padding-left: 26px; width: auto; display: block; margin-bottom: 0.6em;   }
.cat_object_content .links-by-place li.airport { background-image: url(/images/map_icons/airport_big_colored.png);  }
.cat_object_content .links-by-place li.railway { background-image: url(/images/map_icons/railway_big_colored.png);  }
.cat_object_content .links-by-place li.expo { background-image: url(/images/map_icons/expo_big_colored.png);  }
.cat_object_content .links-by-place li.poi { background-image: url(/images/map_icons/poi_big_colored.png);  }
.cat_object_content .links-by-place li.metro { background-image: url(/images/map_icons/metro_big_colored.png); background-position: 2px 2px; }
.cat_object_content .links-by-place li a { font-size: 1.1em; height: 18px; line-height: 18px; }

.city-menu-through { margin-bottom: 0.7em ; }
.city-menu-through ul { position: relative; clear: both; padding: 0px; margin: 0px; zoom: 1; float: none; }
.city-menu-through ul:after { content:"."; display:block; clear:both; visibility:hidden; height:0 }

.city-menu-through  li { float: left; margin: 0 0.5em 0.4em 0; list-style-type: none; }
.city-menu-through a { background-color: #A4C10A; display: block; float: left; padding: 0.4em; background-color: gray; border-radius: 4px; color: white !important;  text-decoration: none; }
.city-menu-through  a:hover { opacity: 0.8; }
.city-menu-through  a span { font-size: 1.2em; }

.cat-with-menu-titled .city-menu-through { background-color: #e1e1e1; }
.cat-with-menu-titled .city-menu-through ul { display: table; width: 100%; border-spacing: 1px;  }
.cat-with-menu-titled .city-menu-through li { display: table-cell; float: none; text-align: center; margin: 0px; margin: 0; vertical-align: middle; background-color: gray; }
.cat-with-menu-titled .city-menu-through li:hover { background-color: darkgray; }
.cat-with-menu-titled .city-menu-through a { float: none; background-color: transparent; border-radius: 0;  }
.cat-with-menu-titled .city-menu-through a:hover { opacity: 1; }
.cat-with-menu-titled .city-menu-through a span { font-size: 1em; }
.cat-with-menu-titled .city-menu-through li.title { width: 35%; padding-left: 0.5em; padding-right: 0.5em; background-color: transparent; font-size: 1em; color: black;  }
.cat-with-menu-titled .city-menu-through li.title a { font-size: 1.2em; text-decoration: underline; color: gray; opacity: 1; }
.cat-with-menu-titled .city-menu-through li.title a:hover { text-decoration:none; opacity: 1;  }
.cat-with-menu-titled .city-menu-through ul:after { display: none; } 

.cat .all_places { margin: 0.63em 0; font-size: 1.23em;  }
.cat .all_places div {  text-align: center;  padding: 10px; background-color: #e2ed95; position: relative; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;   z-index: 1; }
.cat .all_places a { color: #728611; font-size: 1em; border-bottom: 1px dashed;  text-decoration: none; display: inline-block; ]}
.cat .all_places a:hover { border-bottom: 0px; padding-bottom: 1px;}
.cat_city .all_places a { font-weight: bold;}


.cat div.map { margin-top: 0.77em; margin-bottom: 1em; background-color: #F5F5F5; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;  }
.cat div.map #mapDiv { height: 400px; }
.cat_city_on_map div.map #mapDiv  { height: 600px; }

.cat div.h1_sub {font-size: 1.08em; color:#FF7F00; margin-bottom: 1.1em; }
.cat div.h1_sub span { font-weight: bold; }
.cat div.h1_sub div { display: inline; }
.cat h1.has-count { margin-bottom: 0px; }
.cat_city .right div.info { margin-bottom: 1em; }

.cat_city div.cat_object_content {background-color: #EEF4BF; padding: 0.77em; margin-top: 0.77em; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;   z-index: 1; zoom: 1; }
.cat_city div.cat_object_content h3, .cat_city div.cat_object_content .h3 {margin: 0px 0px 0.31em 0px; color: #728611; font-weight: normal; font-size: 1.23em; clear: both; float: none;   }

.cat_city div.cat_object_content .el td {vertical-align: top; }
.cat_city div.cat_object_content .el .metro li a:hover { text-decoration: none;  }

.cat_city div.cat_object_content .stars div.stars-el {margin-bottom: 8px; float: left; width: 50%; padding-right: 8px; box-sizing: border-box; -moz-box-sizing: border-box; }

.cat_city div.metro li { width: auto; margin-right: 0.5em; }
.cat_city div.cat_object_content .metro_link {margin-top: 0.63em; font-size: 1.23em; background: url(/images/arr_right_orange.gif) no-repeat left 4px; padding-left: 20px; margin-right: 5px; padding-bottom: 5px;}
.cat_city div.cat_object_content .metro_link a { color: #FF7F00; text-decoration: underline; font-size: 1em;  }
.cat_city div.cat_object_content .metro_link a:hover { text-decoration: none; }

.cat_city img.metro { width: 10em; height: 10em; margin-right: 0.5em; }


.cat h1, .cat div.h1 {color: #FF7F00; line-height: 1; }
.cat .col .searchform .formint .el {height: auto; }
.cat .col .searchform .formint .el div {font-size: 1.08em; }
.cat .col .searchform input.text { font-size: 1.38em; width: 6.7em; font-weight: normal; }
.cat .col .searchform  .formint .el span.date label { font-size: 1.38em; width: 6.7em; }
.cat .col .searchform div.button {text-align: center; }
.cat .col .searchform div.button input { }
.cat .col .searchform .formint .dateDiv { font-size: 1em; }


.cat_city div.link_city {background-color: #EEF4BF; padding: 10px; margin-top: 10px; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;   z-index: 1; position: relative; zoom: 1; }
.cat_city div.link_city .h2 { margin-top: 0px; margin-bottom: 10px; }
.cat_city div.link_city ul { margin: 0px; padding-left: 0px; padding-bottom: 0px; }
.cat_city div.link_city ul li { list-style: none; background: url(/images/arr_next_orange.gif) 3px 5px no-repeat; padding: 0px 0px 6px 16px; float: left; padding-right: 5px; }


.city .col .descr { margin-top: 10px;  }
.city .col .descr h2, .city .col .descr .h2 { margin: 0px 0px 10px; }
.city .col .descr ul { margin: 5px 0px 0px 5px; padding-bottom:0px; padding-left:0px; }
.city .col .descr li { list-style: none; background:url(/images/icon_ok2.gif) 3px 5px no-repeat; padding: 4px 0px 6px 32px; font-size: 1.15em;}
.city .col .descr li span { color: #FF7F00; font-size: 1.23em; }

.cat .hotels-stat { overflow: hidden; background-color: #f5f5f5 !important; }
.cat .hotels-stat dl { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 48%; float: left; padding: 0; position: relative; border-bottom: 1px dotted silver; height: 15px; margin-bottom: 1px; margin-right: 2%; }
.cat_city_on_map .hotels-stat dl { width: 100%; float:none; margin-right: 0; }

.cat .hotels-stat dd, .cat .hotels-stat dt { line-height: 15px; position: absolute; bottom: -1px; height: 20px;  margin: 0; padding: 0; background: #f5f5f5; }
.cat .hotels-stat dd { right: 0; }

.polezno ul { list-style-type: none;  margin: 0px; padding: 0px; overflow: hidden; }
.polezno ul li { list-style-type: none; float: left; width: 33%; margin-bottom: 0.8em;  }
.polezno ul li div { padding-right: 0.5em; background: url(/images/arr_next_orange.gif) 3px 5px no-repeat; padding: 0px 5px 0em 16px;  }
.polezno ul li.start { clear: left;  }


div.events { overflow: hidden; padding-left: 25%; }
.events_right { float: right; width: 100%; }
.events_left { float: left; width: 33%; margin-left: -33%; }
.events_right_int { padding-left: 1em; }
.events .searchform { width: auto;  }
div.events table.events { width: 100%; border-collapse: collapse; }
div.events table.events tr.dark td { background: #F5F5F5; }
div.events table.events td { padding: 0.77em; border-top: 1px solid silver; vertical-align: top;   }
div.events table.events div.date { float: right; margin: 0 0 0.77em 0.77em; }
div.events table.events div.date span { font-size: 1.38em; }
div.events table.events tr.last td { border-bottom: 1px solid silver;  }
div.events table.events a.name { color: #FF7F00; font-size: 1.38em; }
div.events table.events a.name:hover { text-decoration: none; }
div.events table.events .location { margin: 0.3em 0em;   }


.event { overflow: hidden; padding-left: 25%; }
.event_right { float: right; width: 100%; }
.event_left { float: left; width: 33%; margin-left: -33%; }
.event_right_int { padding-left: 1em; }
.event .searchform { width: auto;  }
.event .dock { background: white; margin: 0; padding: 10px 0em; z-index: 100; }
.event .dock h2 { margin: 0 0 0.77em 0; }
.event .docked-fixed { border-bottom: 1px solid silver;  }
.event .pagetitle { oveflow: hidden; margin-bottom: 0.77em; }
.event .dates { float: right; margin: 0 0 0.77em 0.77em; margin-bottom: 0.77em; border-radius: 0.77em; padding: 5px 10px; background-color: #FF7F00; color: white; }
.event .dates span { font-size: 1.8em; }
.event .pagetitle .addr { color: #799301; font-size: 1.08em; float: none; clear: left; margin-bottom: 1em; }
.event .pagetitle .addr span {  color: #FF7F00;  }
.event h1 {  margin-bottom: 0em; width: auto; float: none; }
.event_right .searchform { width: auto; margin-bottom: 0em; overflow: hidden; }
.event_right .searchform div.hr { display: none; }
.event_right .searchform .step { float: left; margin-right: 2%; }
.event_right .searchform .stepDates { width: 21em; overflow: hidden; zoom: 1; } 
.event_right .searchform .stepRooms { width: 18em; overflow: hidden; zoom: 1;  padding-left: 2em; border-left: 1px dotted white;  padding-right: 2em; border-right: 1px dotted white;  }
.event_right .searchform .stepContract { width: 8em; overflow: hidden; zoom: 1; padding-right: 2em; border-right: 1px dotted white;  }
.event_right .searchform .SFroomsQ, .event_right .searchform .SFroomsData { padding-bottom: 0px;  }
.event_right .searchform div.button { padding-top: 0.8em; }
.event_left .map { position: relative; width: 100%; height: 250px; }
.event_left .map a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% top; text-decoration: none; }
.event_left .map img.marker { position: absolute; top: 88px; left: 50%; margin-left: -16px; }
.event_left .block { border-radius: 10px; padding: 10px; margin-top: 10px; background-color: #EEF4BF; }
.event_left .block .addr { margin-bottom: 7px;  }
.event_left .block .addr span { color: #FF7F00;  }
.event_left h2 { margin: 0 0 0.5em;   }
.event_left h2.next { margin-top: 0.5em; }
.event_left .block .company_name { color: #FF7F00;  }

.geo_article { overflow: hidden; padding-left: 25%; }
.geo_article_right { float: right; width: 100%; }
.geo_article_left { float: left; width: 33%; margin-left: -33%; }
.geo_article_right_int { padding-left: 1em; }
.geo_article .searchform_div { z-index: 2;}
.geo_article .searchform_div.docked-fixed { top: 0! important; background: white; padding-top: 10px;  }
.geo_article .searchform { width: auto;  }
.geo_article_right .searchform .stepDates { width: 21em; overflow: hidden; zoom: 1; } 
.geo_article h2.dock { background: white; margin: 0; padding: 10px 0em; z-index: 100; }
.geo_article h2.docked-fixed { border-bottom: 1px solid silver;  }

.nextResult { margin: 0; }
.nextResult .pagination  { margin: 10px 0; }  

#vk_groups { margin-top: 10px; }

.cat_city .advertActions { background: #ffead5; margin: 0 0 8px 0; padding: 10px ; margin-left: 0px; margin-right: 0px; position: relative; border-radius: 5px;  }
.cat_city .advertActions .title { color: white; margin-bottom: 8px; position: relative; height: 1.5em; font-size: 1.1em;  }
.cat_city .advertActions .title span { position: absolute; background: red; padding: 6px 8px; border-radius: 2px 2px 2px 0; z-index: 2; top: 0; left: -8px; white-space: nowrap; width: 100%; text-align: center; overflow: hidden; }
.cat_city .advertActions .title i, .cat_city .advertActions .title b { display: block; position: absolute; width: 8px; height: 2em; top: 4px; background: #EA0707; z-index: 1; }
.cat_city .advertActions .title  i { left: -13px; border-radius: 2px 0px 0 2px; }
.cat_city .advertActions .title  b { right: -13px; border-radius: 0px 2px 2px 0px; }
.cat_city .advertActions ul { margin: 20px 0 0 0; padding: 0;  list-style-type: none; font-size: 0.9em;  }
.cat_city .advertActions ul li { margin-top: 10px; padding-left: 8px; border-left: 2px solid red; color: black;    }
.cat_city .advertActions ul li div { margin-top: 3px;  }
.cat_city .advertActions ul li .btn { color: white !important; padding: 2px 4px; margin-right: 5px; font-size: 0.85em;  }


@media screen and (max-width: 980px) {
	.cat .col .searchform div.button { font-size: 85%; }
	.cat .body_int .col .photo { background-position: 50% 50%; }
	.cat-with-menu-titled .city-menu-through { font-size: 90%; }
	.cat .hotels-stat dl { float: none; width: 100%; margin-right: 0; }

}

@media screen and (max-width: 767px) {

	.catalog-content { padding-left: 0 !important; }
	body, .body_main { height: auto; }
	
	body.cat .body_int {  display: table; }
	.cat_all .city { width: 47%; }

	.cat .body_int .left { padding-top: 5px; }
	.cat .body_int .right, .cat .body_int .left { width: 100%; float: none !important; }
	
	.cat .body_int .col.right { display: table-footer-group;  }
	.cat .body_int .col.left { display: table-header-group;  }
	
	.cat .body_int .right div.int { padding-left: 0; }
	.cat .body_int .left div.int { padding-right: 0; }
	.cat .body_int .col .photo { display: none;  }
	.city-menu-through { font-size: 80%; }
	.cat-with-menu-titled .city-menu-through { font-size: 80%; }
	.cat_city .left div.cat_object_content { display: none; }
	#vk_groups { display: none; }
	.cat .col .searchform div.button { font-size: 110%; }
	.link_city { display: none; }
	.cat .left div.map { display: none; }
	.cat .last_orders { display: none; }
	.cat .right div.info { display: none; }
	.hotels .location span.map { display: none;  }
	.cat div.map #mapAdd	{ display: none;  }
	.cat_city_on_map div.map #mapDiv { height: 300px; }
	
	#metroScheme { display: none;  }
	table.metro, table.metro tbody, table.metro td { display: block; padding: 0 !important; width: 100% !important; margin: 0 !important; }
	table.metro tr { display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
	table.metro td.metroLines { margin-bottom: 10px !important;  }
	table.metro td.metroAll {  }
	#objectInfo { display: none;  }
	.cat_city div.cat_object_content .stars a, .cat_object_content .el li, .polezno ul li { width: 100%; margin-right: 0; clear: both;   }
	.cat_city div.cat_object_content { padding: 0; background: none; }
}