/* -------------------------- */
/* Стили для раздела "Запись" */
/* -------------------------- */

/* Общее описание блока */

.record > div {
	border-bottom: 1px #DDD solid;
	padding: 5px 0 25px;
	margin-bottom: 20px;
}

.record > div > .image {
	width: 150px;
	height: 150px;
	margin-top: 2px;
	float: left;
}

.record > div > .wrap {
	background: #F5FCFF;
	border: 1px #68b3e7 solid;
	padding: 16px 25px 20px;
	margin-left: 170px;
	position: relative;
}

.record > div > .wrap > span {
	color: #F60;
	font-size: 20px;
	font-weight: 600;
	padding-left: 3px;
	padding-bottom: 10px;
	display: block;
}

/* Запись в платные клиники */

.record .commercial > .image {
	background: url(/css/design2016/img/variant_1.png) no-repeat;
}

.record .commercial > .wrap {
	padding-bottom: 12px;
}

.record .commercial > .wrap p {
	border-bottom: 1px #DDD solid;
	color: #666;
	font-style: italic;
	padding-left: 3px;
	padding-bottom: 16px;
}

.record .commercial > .wrap form {
	margin-top: 20px;
}

.record .commercial > .wrap form > div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.record .commercial > .wrap form > div span {
	font-size: 16px;
	padding-bottom: 6px;
	display: block;
}

.record .commercial > .wrap form > div span i {
	font-size: 18px;
	padding-right: 2px;
}

.record .commercial > .wrap form > div input[type=text],
.record .commercial > .wrap form > div select {
	width: 100%;
}

.record .commercial > .wrap .clear {
	height: 15px;
}

.record .commercial > .wrap .filter-clinic {
	width: 35%;
	padding-right: 14px;
	float: left;
}

.record .commercial > .wrap .filter-region {
	width: 30%;
	padding-right: 14px;
	float: left;
}

.record .commercial > .wrap .filter-spec {
	width: 35%;
	float: left;
}

.record .commercial > .wrap .filter-type {
	width: 35%;
	padding-right: 14px;
	float: left;
}

.record .commercial > .wrap .filter-services {
	width: 30%;
	padding-right: 14px;
	float: left;
}

.record .commercial > .wrap .filter-diagnoses {
	width: 35%;
	float: left;
}

.record .commercial > .wrap .filter-bonus {
	margin-top: 4px;
	float: right;
}

.record .commercial > .wrap .filter-bonus input {
	width: 20px !important;
	height: 20px !important;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 6px;
}

.record .commercial > .wrap .filter-bonus a {
	font-size: 16px;
	position: relative;
	top: -4px;
}

.record .commercial > .wrap .filter-bonus sup {
	color: #888;
	font-size: 21px;
	font-weight: 600;
	padding-left: 2px;
}

.record .commercial > .wrap .info {
	padding-left: 12px;
	margin-top: 10px;
	position: relative;
}

.record .commercial > .wrap .info sup {
	color: #888;
	font-size: 21px;
	font-weight: 600;
	position: absolute;
	top: 5px;
	left: 0;
}

/* Запись в государственные учреждения */

.record .free > .image {
	background: url(/css/design2016/img/variant_2.png) no-repeat;
}

.record .free > .wrap {
	padding-left: 15px;
	padding-right: 15px;
}

.record .free > .wrap > span {
	padding-left: 11px;
}

.record .free > .wrap .record-block {
	width: calc(50% - 24px);
	height: 150px;
	background: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	/*padding: 56px 20px 0;*/
	margin: 10px 12px 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	float: left;
	display: table;
	table-layout: fixed;
	box-shadow: 1px 1px 10px 0 #CCC;
	-moz-box-shadow: 1px 1px 10px 0 #CCC;
	-webkit-box-shadow: 1px 1px 10px 0 #CCC;
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.record .free > .wrap .record-block.moscow {
	background-image: url(/css/design2016/img/moscow.png);
	/*padding: 43px 20px 0;*/
}

.record .free > .wrap .record-block.russia {
	background-image: url(/css/design2016/img/russia.png);
}

.record .free > .wrap .record-block.spb {
	background-image: url(/css/design2016/img/spb.png);
}

.record .free > .wrap .record-block.mos {
	background-image: url(/css/design2016/img/mos.png);
}

.record .free > .wrap .record-block > div {
	width: 100%;
	height: 150px;
	color: #555;
	font-family: 'Segoe';
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	padding: 10px 20px;
	vertical-align: middle;
	display: table-cell;
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.record .free > .wrap .record-block > div > span {
	color: #444;
	font-family: 'Arimo';
	font-size: 15px;
	font-weight: 300;
	line-height: 28px;
	display: block;
}

.record .free > .wrap .record-block:hover {
	/*background-color: #eaf8ff;*/
	box-shadow: 0 0 10px 0 #68b3e7;
	-moz-box-shadow: 0 0 10px 0 #68b3e7;
	-webkit-box-shadow: 0 0 10px 0 #68b3e7;
}

/*
.record .free > .wrap .record-block:hover > div {
	position: relative;
	top: 20px;
}
*/

.record .free > .wrap .record-block > a {
	margin: 0 auto;
	position: relative;
	top: 44px;
	left: 350px;
}

/*
.record .free > .wrap .record-block:hover > a {
	left: 0;
}
*/

/* Рекомендуемые ресурсы - общее */

.record .recommended-clinics,
.record .recommended-doctors {
	display: none;
}

.record .recommended-slider {
	padding: 2px 25px 15px;
}

.record .recommended-clinics-slider > div,
.record .recommended-doctors-slider > div {
	width: 195px;
	padding: 0 15px;
	text-align: center;
	position: relative;
}

.record .slider-button {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 174px;
	cursor: pointer;
	opacity: 0.3;
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.record .recommended-doctors .slider-button {
	top: 250px;
}

.record .slider-button:hover {
	opacity: 0.8;
}

.record .slider-button.left {
	background: url(/css/design2016/img/slider_left.png) no-repeat;
	left: 8px;
}

.record .slider-button.right {
	background: url(/css/design2016/img/slider_right.png) no-repeat;
	right: 2px;
}

/* Рекомендуемые ресурсы - клиники */

.record .recommended-clinics > .image {
	background: url(/css/design2016/img/variant_3.png) no-repeat;
}

.record .clinic-title {
	width: 100% !important;
	height: 56px;
}

.record .clinic-button {
	margin-top: 78px;
}

/* Рекомендуемые ресурсы - врачи */

.record .recommended-doctors > .image {
	background: url(/css/design2016/img/variant_4.png) no-repeat;
}

.record .docs-spec {
	width: 100% !important;
	height: 55px;
	background: #EEE;
	line-height: 15px;
	padding: 6px 2px;
	display: block;
}

.record .docs-clinic {
	width: calc(100% - 18px) !important;
}

.record .docs-button {
	margin-top: 62px;
}

/* Помощь */

.record .help {
	border: none;
	font-size: 16px;
}

.record .help i {
	color: #F60;
	font-size: 21px;
	position: relative;
	top: 1px;
}

/* Исправление z-index докдока */

#dd-partner-doc_search,
#doc_search {
	position: relative;
	z-index: 0;
}

.ratingstars {
    cursor: pointer;
    width: 110px;
    height: 20px;
    background: url(/css/design2016/img/stars.png) no-repeat 0 center;
}