@charset "UTF-8";
/*
*	Базовые стили для портала
*/

/*
Основные используемые цвета:
	@black:		#000000;
	@dark:		#171718;
	@grey:		#868686;
	@bg:		#f2f2f2;
	@blue:		#0094de;
	@blue-hl:	#68b3e7;
	@blue-shd:	#4484b3;
	@green:		#36c4c6;
	@green-hl:	#57cfd1;
	@white:		#ffffff;
*/

/*@import url(https://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic&subset=latin,cyrillic);*/

@font-face {
	font-family: 'Arimo';
	font-display: swap;
	src: local('Arimo'), url('/fonts/Arimo/arimo.woff2') format('woff2'), url('/fonts/Arimo/arimo.woff') format('woff'), url('/fonts/Arimo/arimo.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Arimo';
	font-display: swap;
	src: local('Arimo Italic'), local('Arimo-Italic'), url('/fonts/Arimo/arimoitalic.woff2') format('woff2'), url('/fonts/Arimo/arimoitalic.woff') format('woff'), url('/fonts/Arimo/arimoitalic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'Arimo';
	font-display: swap;
	src: local('Arimo Bold'), local('Arimo-Bold'), url('/fonts/Arimo/arimobold.woff2') format('woff2'), url('/fonts/Arimo/arimobold.woff') format('woff'), url('/fonts/Arimo/arimobold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Arimo';
	font-display: swap;
	src: local('Arimo Bold Italic'), local('Arimo-BoldItalic'), url('/fonts/Arimo/arimobolditalic.woff2') format('woff2'), url('/fonts/Arimo/arimobolditalic.woff') format('woff'), url('/fonts/Arimo/arimobolditalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

.font-deco { font-family: 'Arimo', sans-serif; }
.font-deco-i { font-family: 'Arimo', sans-serif; font-style: italic; font-size: 14px; color: #444;}
.font-main { font-family: 'Arimo', sans-serif; }

@font-face {
	font-family: "Segoe";
	font-display: swap;
	src: url("/fonts/Segoe.eot");
	src: url("/fonts/Segoe.eot?#iefix") format("embedded-opentype"), url("/fonts/Segoe.woff") format("woff"), url("/fonts/Segoe.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* Шрифт для знака рубля */

@font-face {
	font-family: 'Rouble';
	font-display: swap;
	src: local('Rouble'), url('/fonts/rouble.otf') format('otf'), url('/fonts/rouble.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

/* Основные элементы */

html, body {
	color: #444;
	font-family: 'Arimo', sans-serif;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background: #FFF;
}

h2 {
	color: #444;
	font-family: 'Arimo', 'sans-serif';
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 15px 0 15px;
}

h2 a {
	color: inherit;
	text-decoration: none;
}

h2 a:hover {
	color: #000;
	text-decoration: none;
}

h2 .h2_a {
	cursor: pointer;
	color: #1d9feb;
	text-decoration: underline;
}
h2 .h2_a:focus, h2 .h2_a:hover {
	color: #23527c;
	text-decoration: underline;
}

h3 {
	color: #000;
	font-family: 'Arimo', sans-serif;
	font-size: 40px;
	margin: 10px 0 0 0;
}

h4 {
	color: #68b3e7;
	font-size: 16px;
}

h5 {
	color: #444;
	font-size: 18px;
}

h6 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 2px;
	text-transform: uppercase;
}

a,
.href {
/*	color: #68b3e7;*/
	color: #1d9feb;
	text-decoration: underline;
	cursor: pointer;
	-webkit-transition: color 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: color 0.2s ease-in-out 0s;
	-o-transition: color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
}

a:hover,
.href:hover {
	color: #23527c;
}

p {
	font-size: 16px;
}



/* Это надо раскидать по другим файлам */

.area-trans:first-child {
    padding-top: 15px;
}

.container-fluid {
	margin: 0 auto;
}
.bl-form-tab, .bl-statistic, .bl-n-slider, .bl-banners, .bl-n-slider-comment, .bl-services, .bl-container {
	max-width: 1170px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.bl-banners-bg {
	background: #FFF url(/css/design2016/img/bg_yandex.png) top left;
	padding: 25px 0 10px;
}

.area-blue {
	background: #E6F5FF;
}

.bl-statistic {
	margin-bottom: 30px;
}

.bl-forum h2 {
	margin-top: 30px;
}

#main-bar {
	min-height: 500px;
	background: transparent url(/css/design2016/img/bg_main_mini.jpg) no-repeat left top;
    background-size: auto 345px;
	position: relative;
}

#main-bar-mini {
	min-height: 500px;
	background: transparent url(/css/design2016/img/bg_page.png) repeat-x left top;
	position: relative;
}

#form-search {
	margin-top: 12px;
	margin-right: 0;
	text-align: right;
}

/* Суб-Контейнер содержимого на страницах за исключением главной */
#inner_main {
	padding: 52px 0 0;
}

#form-search-center {
	margin-top: 12px;
	margin-right: 0;
	text-align: center;
}
.bl-advert {
	background: #ffffff url(/css/design2016/img/bg_yandex.png) top left;
	padding: 20px 10px;
	position: relative;
	z-index: 1;
}
#yandex_rtb_R-A-120316-24 > yatag {
     background-color: #fff !important;
}
.bl-mob-links { margin-top: 20px;}
.black {
	color: #000000;
}
a.black-link {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 0;
	margin: 0;
	display: inline-block;
}
a.blue-link {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding: 0;
	display: inline-block;
}
.bl-n-slider-comment a.blue-link {
	text-transform: none;
	margin: 0;
}
a.blue-link.no-cap {
	text-transform: none;
	font-weight: normal;
}
a.blue-link.no-cap, a.blue-link.no-mrg {
	margin-bottom: 2px;
}
.cap, .bl-n-slider-comment a.blue-link.cap {
	text-transform: uppercase;
}
.big, .bl-n-slider-comment a.blue-link.big {
	height: auto;
	font-size: 16px;
	line-height: 20px;
}
a.blue-link.capped {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0;
	margin-bottom: 4px;
}
strong.inv {
	background-color: #66b2e5;
	color: #ffffff;
	padding: 3px;
}
strong.inl-block-w100 {
	display: inline-block;
	width: 100%;
}
.bg-white { background-color: #ffffff;}
.bg-white p {
	color: #777777;
	font-size: 12px;
	line-height: 14px;
	padding: 10px;
	margin-bottom: 0;
}
hr.half { border-bottom: #4484b3 2px solid; width: 80%; margin-top: -10px; }
hr.qtr { border-bottom: #4484b3 2px solid; width: 125px; margin: 2px auto 0 0;}
hr.double {margin: 5px 0; }
.bl-hr {
	text-align: center;
	margin-top: 8px;
}
.bl-hr hr, hr.double {
	border-top: #bbbbbb 1px solid;
	border-bottom: #ffffff 1px solid;
}
.bl-hr hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.bl-hr a {
	display: inline-block;
	position: relative;
	background-color: #FFF;
	margin: 0 auto 0 auto;
	top: -23px;
	padding: 0 15px;
}
.area-blue .bl-hr a {
	background: #E6F5FF;
}
.metro {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	height: 20px;
	margin-left: 10px;
}
.bl-counters {
	margin-top: 20px;
	display: block;
}
.bl-banners {
	margin: 0;
}
.bl-banner {
	background: transparent url(/css/design2016/img/bg_banner.png) center center;
	margin-top: 10px;
}
.bl-banner:first-child {
}
.bl-banner * {
	color: #ffffff;
}
.bl-services {
	margin-top: 0px;
}
.bl-services h2 {
	margin-top: 20px;
	margin-bottom: 5px;
}
.bl-service {
	margin: 20px 0;
	padding: 10px;
}
.bl-service-text {
	border: #68b3e7 2px solid;
	padding: 12px;
}
.bl-service-text a {
	font-size: 16px;
	line-height: 20px;
}
.bl-service-text span > span {
	color: #222;
	font-size: 20px;
	font-weight: 600;
}
.bl-copyrights {
	color: #ffffff;
	font-size: 12px;
	display: block;
	text-align: center;
	margin: 32px 5px 18px;
}
.bl-footer {
	background: #000 url(/css/design2016/img/bg_footer.png) top left;
	background-size: 64px;
	min-height: 20px;
}
.bl-footer .new-year .bl-copyrights,
.bl-footer .women-day .bl-copyrights {
	margin-bottom: 30px;
}
.bl-footer .new-year {
	background: url(/css/design2016/img/new_year_snow.png) repeat-x bottom left;
}
.bl-footer .women-day {
	background: url(/css/design2016/img/women_day_grass.png) repeat-x bottom left;
}

/* Добавлено при корректировке дизайна главной страницы netrebin */

.ico-stat p {
	line-height: 16px;
	padding-top: 4px;
}

.ico-stat a {
    text-decoration: none;
    color: black;
}

a.movable {
	position: absolute;
	top: 8px;
	left: 0;
	-webkit-transition: top 0s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: top 0s ease-in-out 0s, color 0.2s ease-in-out;
	-o-transition: top 0s ease-in-out 0s, color 0.2s ease-in-out;
	transition: top 0s ease-in-out 0s, color 0.2s ease-in-out;
}

a.ghost {
	z-index: 10;
	-webkit-transition: height 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: height 0.2s ease-in-out 0s, color 0.2s ease-in-out;
	-o-transition: height 0.2s ease-in-out 0s, color 0.2s ease-in-out;
	transition: height 0.2s ease-in-out 0s, color 0.2s ease-in-out;
}

.mask-2016-top {
	width: 100%;
	height: 6px;
	background: url(/images/mask_2016_top.png);
	position: absolute;
	top: 0;
	left: 0;
}

.mask-2016-bottom {
	width: 100%;
	height: 8px;
	background: url(/images/mask_2016_bottom.png);
	position: absolute;
	bottom: 0;
	left: 0;
}

.mask-2016-bottom_blue {
	width: 100%;
	height: 8px;
	background: url(/images/mask_2016_bottom_blue.png);
	position: absolute;
	bottom: 0;
	left: 0;
}

.block-empty {
	color: #888;
	font-size: 16px;
	font-style: italic;
	padding: 20px 0 50px;
}

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

a.clinic-logo-frame {
	background: #FFF;
	padding: 10px;
	margin-top: 10px;
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px 0 #AAA;
	-moz-box-shadow: 0 0 10px 0 #AAA;
	box-shadow: 0 0 10px 0 #AAA;
}

.clinic-title {
	width: 177px !important;
	height: 69px;
	padding: 6px !important;
	margin: 0 9px;
	position: absolute;
	top: 140px;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

.clinic-button {
	margin-top: 82px;
}

.clinic-addr {
	width: 100% !important;
	padding: 0 !important;
	margin: 10px 0 0;
}

.clinic-addr div {
	font-size: 14px;
	margin-bottom: 4px;
}

.clinic-addr a {
	color: #000;
	font-size: 13px;
	line-height: 18px !important;
	display: block;
}

.clinic-award-main {
	width: 50px;
	height: 50px;
	background: url(/css/design2016/img/clinic_award_main.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

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

.docs-img {
	width: 124px;
	height: 165px;
	margin: 10px auto;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px 0 #AAA;
	-moz-box-shadow: 0 0 10px 0 #AAA;
	box-shadow: 0 0 10px 0 #AAA;
}

.docs-name {
	height: 50px;
	margin-bottom: 8px;
}

.docs-spec {
	width: 165px;
	height: 50px;
	background: #F7F7F7;
	border: 1px #EEE solid;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	vertical-align: middle;
	display: table-cell;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.docs-clinic {
	width: 100% !important;
	height: 52px;
	padding: 6px !important;
	margin: 0 9px;
	position: absolute;
	top: 300px;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

.docs-clinic a {
	width: 100% !important;
}

.docs-button {
	margin-top: 73px;
}

.docs-addr {
	width: 100% !important;
	padding: 0 !important;
	margin: 10px 0 0;
}

.docs-addr div {
	font-size: 14px;
	margin-bottom: 4px;
}

.docs-addr a {
	color: #000;
	font-size: 13px;
	line-height: 18px !important;
	display: block;
}

.doctor-award-main {
	width: 50px;
	height: 50px;
	background: url(/css/design2016/img/doctor_award_main.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: -2px;
	right: 12px;
}

/* Последние отзывы -----------------*/

.review-title {
	width: 232px !important;
	height: 66px;
	padding: 10px !important;
	margin: 8px 30px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

.review-text {
	width: 100%;
	height: 140px;
	line-height: 19px;
	padding: 0 !important;
	margin-top: 88px;
	text-align: left;
}

.review-date {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Консультации ---------------------*/

.cons-title {
	width: 232px !important;
	height: 66px;
	padding: 10px !important;
	margin: 8px 30px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

.cons-text {
	width: 100%;
	height: 90px;
	line-height: 19px;
	padding: 0 !important;
	margin-top: 88px;
	text-align: left;
}

.cons-date {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Новые статьи ---------------------*/

.article-title {
	width: calc(100% - 60px) !important; /* width: 232px !important;*/
	height: 88px;
	padding: 10px !important;
	margin: 4px 30px;
	position: absolute;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

.article-title > a {
	display: block !important;
	width: 100% !important;
	/*height: 88px !important;*/
	height: 60px !important;
	overflow: hidden;
}

.article-text {
	width: 100%;
	height: 18px; /*190*/
	color: #000;
	line-height: 19px;
	padding: 0 !important;
	margin-top: 60px;
	text-align: left;
}

/* Новости --------------------------*/

.news-title {
	width: 232px !important;
	height: 66px;
	background: #FFF;
	padding: 10px !important;
	margin: 5px 30px;
	position: absolute;
	top: 20px;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

.news-text {
	width: 100%;
	height: 190px;
	color: #000;
	line-height: 19px;
	padding: 0 !important;
	margin-top: 80px;
	text-align: left;
}

/* Новые услуги ---------------------*/

.service-text {
	line-height: 18px;
}

/* Новые акции ----------------------*/

.action-frame {
	padding: 20px 0 !important;
}

.action-img {
	width: 236px !important;
	height: 240px;
	padding: 0 !important;
	margin: 0;
	float: left;
}

.action-img a {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.action-body {
	width: calc(100% - 236px);
	height: 240px;
	border: 2px #68b3e7 solid;
	border-bottom-width: 4px;
	padding: 0 !important;
	margin: 0;
	overflow: hidden;
	float: left;
}

.discount {
	width: 80px;
	height: 80px;
	border: 1px #F00 solid;
	background: #F00;
	color: #FFF;
	padding: 18px 0 0 !important;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	position: absolute;
	opacity: 0.9;
	top: 0;
	left: -20px;
	z-index: 100;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-box-shadow: 1px 1px 10px 0 #AAA;
	-moz-box-shadow: 1px 1px 10px 0 #AAA;
	box-shadow: 1px 1px 10px 0 #AAA;
}

.actions-title {
	border-bottom: 1px #68b3e7 solid;
	padding: 6px 10px !important;
}

.actions-title a {
	font-size: 16px;
	line-height: 20px;
}

.actions-text {
	padding: 6px 10px !important;
}

/* Новое c форума -------------------*/

.forum-title {
	width: 232px !important;
	height: 46px;
	padding: 10px !important;
	margin: 5px 30px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

.forum-text {
	width: 100%;
	height: 132px;
	line-height: 19px;
	padding: 0 !important;
	margin-top: 60px;
	text-align: left;
}

.forum-date {
	width: 100%;
	color: #888;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Новые вакансии -------------------*/

.vac-title {
	width: 232px !important;
	height: 46px;
	padding: 10px !important;
	margin: 5px 30px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

.vac-text {
	width: 100%;
	height: 150px;
	line-height: 19px;
	padding: 0 !important;
	margin-top: 60px;
	text-align: left;
}

.vac-date {
	width: 100%;
	color: #888;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Появляющийся заголовок ----------------*/

.ghost:hover {
	height: auto !important;
	background: rgba(229,244,255,0.9); /*#E5F4FF*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 10px 0 #AAA;
	-moz-box-shadow: 1px 1px 10px 0 #AAA;
	box-shadow: 1px 1px 10px 0 #AAA;
}

.ghost:hover .mask-2016-bottom {
	display: none;
}

.list-banner {
	margin: 10px auto;
	text-align: center;
}

.list-banner img {
	max-width: 100%;
}

.rouble {
	color: #888 !important;
	font-family: 'Rouble';
}

.rouble-w {
	color: #FFF !important;
	font-family: 'Rouble';
}

.rouble-r {
	color: #F00 !important;
	font-family: 'Rouble';
}