
body.main_page {
	background: url('../images/background_main_image.jpg') top center no-repeat;	
	margin: 0px;
	background-color: #F3F9FA;
	font-family: /*'Conv_MyriadPro',*/ Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;	
}	

body.inner_page {
	background: url('../images/background_inner_image.jpg') top center no-repeat;	
	margin: 0px;
	background-color:  #F3F9FA;
	font-family: /*'Conv_MyriadPro',*/ Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;	

}	


/* Отключение возможности выделения в теге DIV */
.noselect {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/* стили онлайн-консультанта */

.sh_monitor {
	border-radius: 19px 0px 0px 19px !important;
	background-color: #35419a;
}

.sh_monitor .sh_logo{
	display: none;
}

.sh_monitor .sh_title_text{
	background-color: #35419a;
	border-radius: 19px 0px 0px 19px !important;;
}
.sh_header_logo {
	display: none !important;
}

.sh_title {
	padding-left: 10px !important;
}

.sh_chat {
	border-radius: 19px 19px 0px 0px !important;
	border-color: #35419a !important;
}

.sh_header {
	left: 0px !important;
	right: 0px  !important;
	background-color: #35419a !important;
	border-radius: 19px 19px 0px 0px !important;
}

textarea.shc {
	width: 273px !important;
}

#sh_button img {
	display: none !important;
}

.sh_copyright a{
	display: none !important;
}
	
/*  div для отображения чисел в списке */
div.enumeration {
	display: inline-block;
	background-color: #92dab2;
	border: 0px;
	border-radius: 12px;
	width: 24px;
	height: 24px;
	/*vertical-align: text-top;*/
	position: relative;
	top: 6px;
	padding: 0px;
	
}

.blue_dot {
	background-color: #35419a !important;
}

	div.enumeration b {
		display: inline-block;
		position: absolute;
		top: 4px;
		width: 24px;
		color: white;
		font-size: 11pt;
		font-family: Arial;	
		/*vertical-align: middle;*/
		text-align: center;
		overflow: hidden;
	}

	
	
a {
	color: #467A88;
	font-size: 10pt;
}

/* ссылка для прокрутки наверх */
a#top {
	float: right;
}


/* класс для отображения плашек с фотками в статьях */
.right {
	float: right;
	background-color: white;
	padding: 10px 5px 10px 10px;
	margin: 5px 0px 5px 10px;
	width: 200px;
	border-radius: 19px;
}
	.right p{
		margin: 5px;
		font-size: 9pt;
	}

a h1{
	font-weight: normal;
	font-size: 15pt;
	font-family: 'Conv_MyriadPro';	
	}


a img {
	border: none;
}

a:hover{
	text-decoration: none;
}

.grey {
	color: grey; /*#A2AEAD;*/
}

.small_text {
	font-size: 9pt;
}

img.foto {
	border-radius: 19px;
	border: none;
	margin: 5px;
}
	
img.banner {
	margin-top: 25px;
	border-radius: 29px;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul  p{
	margin-top: -18px;
	padding-left: 43px;
}

ul.site_map li {
	margin-left: 40px;
	
}


#main_page_list  p{
	margin-top: -7px;
	color: grey;
	font-size: 9pt;
	padding-left: 43px;
}

	#main_page_list a{
		font-size: 9pt;
	}
/* список преимуществ */
#podbor_advantages {
	margin-top: 20px;
}

#podbor_advantages h4{
	padding-left: 43px;
}
#podbor_advantages p{
	color: grey;
	margin-top: -7px;
	padding-left: 43px;
	font-size: 9pt;
}	

#podbor_advantages a{
	font-size: 9pt;
}

#podbor_advantages li.diag {
	background-color: white;
	margin-bottom: 15px;
	padding: 15px;
	border-radius: 19px;
}

#podbor_advantages li.diag img {
	margin: 0px 0px 0px 0px;
}

#podbor_advantages li.diag p{
	padding-left: 43px;
	margin: 0px;
	font-size: 9pt;
	color: #5e5e5e;
}	

#podbor_advantages li.diag h4{
	padding-left: 43px;
	margin: 0px 0px 10px 0px;
	
}

h1{
	font-weight: normal;
	font-size: 19pt;
	margin-top: 0px;
	font-family: 'Conv_MyriadPro';
}

/* заменитель h1 для сео */
div.h1 {
	font-weight: normal;
	font-size: 19pt;
	font-family: 'Conv_MyriadPro';
	margin-top: 20px;
	margin-bottom: 20px;
}

h2{
	font-weight: normal;
	font-size: 15pt;
	font-family: 'Conv_MyriadPro';	
}

/* заменитель h2 для сео */
div.h2 {
	font-weight: normal;
	font-size: 15pt;
	font-family: 'Conv_MyriadPro';	
	display: inline;
}

a.h2 {
	font-weight: normal;
	font-size: 15pt;
	font-family: 'Conv_MyriadPro';	
	display: block;
	margin-bottom: 10px;
}

h3{
	font-weight: normal;
	font-size: 13pt;
	font-family: 'Conv_MyriadPro';
}

div.h3 {
	font-weight: normal;
	font-size: 13pt;
	font-family: 'Conv_MyriadPro';
	margin-top: 20px;
	margin-bottom: 20px;
}



h3.inline {
	display: inline;
}

h2.inline {	
	display: inline;
}
	
h1.inline{
	display: inline;
}

h4{
	font-size: 11pt;
	/*font-family: 'Conv_MyriadPro';	*/
}

hr.list {
	border: none;
	margin: 4px 15px 4px 0px;
	background-color: #BEBEBE;
	width: 23px;
	height: 1px;
	display: inline-block;
}	

div.alert {
	border-radius: 19px;
	background-color: #E9E8E3;
	font-weight: bold;
	font-size: 11pt;
	padding: 29px;
	line-height: 1.6;
	margin-top: 29px;
	margin-bottom: 29px;
/*	font-family: 'Conv_MyriadPro';*/
}	
	div.alert a {
		font-size: 11pt;
		/*font-family: 'Conv_MyriadPro';*/
	}

table.visible {
	background-color: white;
	border-collapse: collapse;
	font-size: 10pt;
	border-radius: 19px;
}

	table.visible th{
		background-color: #C4DADA;
		border-left: 1px solid #A5CBC8;
		border-right: 1px solid #A5CBC8;		
		padding: 10px 27px 10px 27px;
	}
	
	table.visible th:first-child{
		border-radius: 19px 0px 0px 0px;
		border-left: none;
	}

	table.visible th:last-child{
		border-radius: 0px 19px 0px 0px;
		border-right: none;
	}
	


	table.visible td{
		border-top: 1px solid #EBF3F3; 
		border-right: 1px solid #EBF3F3; 		
		padding: 10px 27px 10px 27px;
	}

	table.visible td:last-child{
		border-right: none;
	}

	
table.compact {
	background-color: white;
	border-collapse: collapse;
	font-size: 10pt;
	border-radius: 19px;
}

	table.compact th{
		background-color: #C4DADA;
		border-left: 1px solid #A5CBC8;
		border-right: 1px solid #A5CBC8;		
		padding: 10px 5px 10px 5px;
	}
	
	table.compact th:first-child{
		border-radius: 19px 0px 0px 0px;
		border-left: none;
		padding: 10px 5px 10px 27px;
	}

	table.compact th:last-child{
		border-radius: 0px 19px 0px 0px;
		border-right: none;
		padding: 10px 27px 10px 5px;
	}

	table.compact td{
		border-top: 1px solid #EBF3F3; 
		border-right: 1px solid #EBF3F3; 		
		padding: 10px 5px 10px 5px;
	}

	table.compact td:last-child{
		border-right: none;
		padding: 10px 10px 10px 5px;
		/*padding: 10px 27px 10px 5px;*/
	}
	
	table.compact td:first-child{
		padding: 10px 5px 10px 27px;
	}
	
input:focus {
	outline: none; 
}

form  {
	padding: 20px;
	background: #E5F1F0;
	border-radius:26px 26px 26px 26px;
	overflow:hidden;
}

form.blank {
	padding: 0px;
	background: none;
	border-radius: none;
	overflow:hidden;
}

/* форма для перехода на готовые заказы с главной страницы */
form.inline {
	border: none;
	display: inline;
	padding: 0px;
	background: none;
	border-radius: none;
	overflow:hidden;
	border-radius: 0px;
}

form.inline input {
	border: none;
	border-radius: 0px;
	color: #467A88;
	font-size: 12pt;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	cursor: pointer;
	text-decoration: underline;
}	

form.inline input:hover{
	text-decoration: none;
}	


form div.error {
	color: red;
}

button {
	float: right;
	height: 32px;
	background: #344199;
	border-radius: 16px;
	border: none;
	color: white;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;	
	font-size: 10pt;
}

input {
	border-radius: 16px;
	border: none;
	height: 32px;
	padding-left: 22px;
	margin-bottom: 10px;
	color: #777777;
	font-weight: 300;
	font-size: 11pt;
}


label  {
	display: block;
	float: left;
	height: 34px;
	margin-top: 10px;
	font-size: 10pt;
}

textarea {
	border-radius: 16px;
	border: none;
	padding: 22px;
	margin-bottom: 10px;
	color: #777777;
	font-weight: 300;
	font-family: Tahoma;
	font-size: 11pt;
	float: right;

}
/* форма регистрации */
form.reg_form {
	width: 400px;
	margin-top: 20px;
	/*margin-left: auto;
	margin-right: auto;*/
}	
	
form.reg_form input {
	width: 290px;
	float: right;
}

/* форма регистрации из страницы по подбору авто */
form.reg_form_small {
	width: 300px;
	margin-top: 30px;
	margin-bottom: 20px;
}	
	
form.reg_form_small input {
	width: 190px;
	float: right;
}

form.add_car {
	width: 500px;
	margin-top: 20px;
}

form.add_car  label{
	width: 90px;
}

	
form.add_car input {
	width: 380px;
	float: right;
}

form.add_car textarea {
	height: 100px;
	width: 356px;
}

/* плашки со статистикой */

div#statistic {
	width: 680px;
	margin-top: 20px;
	font-size: 19pt;
	font-family: 'Conv_MyriadPro-BoldCond';
	white-space: nowrap;
}
div.star {
	margin: 0px 10px 0px 10px;
	height: 98px;
	width: 98px;
	padding: 0px;
	background-color: #35419a;
	vertical-align: middle;
	display: inline-block;
}

div.star:hover {
	background-color: #8a9aec;
}

	div.star div.star_border {
		height: 100px;
		width: 100px;
		position: relative;
		top: -1px;
		left: -1px;
		text-align: center;
		background: url('../images/star.png') 100% 100% no-repeat;
		background-size: 100% 100%;
	}
	
		div.star  div.star_border div {
			padding-top: 33px;
			color: white;
			font-size: 12pt;
			font-family: 'Conv_MyriadPro-BoldCond';
			line-height: 0.90;
			
		}
		
		div.star  div.star_border div b {
			font-size: 19pt;
		}

		
		
	div.statistic:not(:first-child) {
		margin-left: 20px;
		margin-right: 30px;
	}


	p.footnote {
		font-size: 8pt;
		color: grey;
	}

/* плашки с этапами подбора */
div.arrow {
	position: relative;
	top: 130px;
	display: inline-block;
	background-color: #35419a; /*#83a0a0;*/
	height: 36px;
	vertical-align: top;
}

div.arrow_vertical_plate {
	position: relative;
	top: 50px;
	display: inline-block;
	background-color: #83a0a0;
	height: 34px;
	vertical-align: top;
}

div.arrow.down {
	display: block;
	top: 0px;
	width: 36px;
	height: 29px;
	position: relative;
	left: 500px;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.stage {
	border-radius: 19px;
	background-color: #83a0a0;
	display: inline-block;
	width: 320px;
	height: 280px;
	overflow: hidden;
	position: relative;
}

div.arrow.left {
	-moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
}

	div.small {
		height: 300px;
	}
	
	div.stage img{
		margin: 10px 15px 0px 20px;
	}
	
	div.stage .stage_header {
		color: white;
		font-weight: normal;
		font-size: 19pt;
		font-family: 'Conv_MyriadPro';	
		display: inline-block;
		vertical-align: top;
		margin-top: 10px;
	}
	
	div.stage .stage_layer {
		position: absolute;
		top: 45px;
		left: -590px;
		height: 1470px;
		width: 280px;
		border-radius: 1500px;
		background-color: white;
		padding: 30px 610px 0px 610px;
		line-height: 1.2;
		font-size: 9pt;
		color: #5e5e5e;
	}
	
	
		div.stage .stage_layer b {
			font-size: 10pt;
			line-height: 1.1;
			color: black;
		}
		
		
		

/* плашки для диагностики (позволит вам узнать) 
   ГОРИЗОНТАЛЬНЫЕ ПЛАШКИ
*/
div.horizontal_plate {
	border-radius: 19px;
	background-color: #f3f9fa;/*#35419a;#83a0a0;*/
	display: inline-block;
	width: 680px;
	height: 90px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

	div.horizontal_plate .main_layer {
		background-color: white;
		position: absolute;
		width: 680px;
		height: 90px;
		border-radius: 19px;
	}
	
	div.horizontal_plate .icon_layer {
		background-color: #35419a;/*#35419a;#83a0a0;*/
		border-radius: 19px;
		top: 0px;
		left: 0px;
		height: 90px;
		width: 100px;
	}
	
	div.horizontal_plate:hover  .icon_layer {
		background-color: #8a9aec;
	}

	div.horizontal_plate  img{
		margin: 25px 0px 0px 15px;
	}


	div.horizontal_plate .info_layer {
		padding: 150px 0px 0px 20px;
		position: absolute;
		top: -135px;
		left: 60px;
		height: 200px;
		width: 570px;
		border-radius: 1200px;
		background-color: white;
	}
	
		div.horizontal_plate .main_layer h4{
			margin: 0px 0px 10px 0px;
		}
	
		div.horizontal_plate .main_layer  p{
			color: #5e5e5e;
			font-size: 9pt;
		}
/* Вертикальные плашки */	
div.vertical_plate {
	border-radius: 19px;
	background-color: #f3f9fa;/*#35419a;#83a0a0;*/
	display: inline-block;
	width: 200px;
	height: 180px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	border-style: solid;
	border-color: #ecf5f7;
	border-width: 1px;
}

	div.vertical_plate .main_layer {
		background-color: white;
		position: absolute;
		width: 200px;
		height: 190px;
		border-radius: 19px;
	}
	
	div.vertical_plate .header_layer{
		background-color: #83a0a0;/*#35419a;#83a0a0;*/
		border-radius: 19px 19px 0 0;
		top: 0px;
		left: 0px;
		height: 40px;
		width: 185px;
		color: white;
		font-weight: normal;
		font-size: 15pt;
		font-family: 'Conv_MyriadPro';	
		vertical-align: top;
		padding: 10px 0px 0px 15px;
	}
		


	div.vertical_plate  img{
		margin: 25px 0px 0px 15px;
	}


	div.vertical_plate .info_layer {
		padding: 15px 410px 0px 415px;
		position: absolute;
		top: 40px;
		left: -400px;
		height: 1000px;
		width: 175px;
		border-radius: 1200px;
		background-color: white;
		font-size: 9pt;
	}
	
		div.vertical_plate .main_layer h4{
			margin: 0px 0px 10px 0px;
		}
	
		div.vertical_plate .main_layer  p{
			color: #5e5e5e;
			font-size: 9pt;
		}	
	
	
#block_body {
	width: 960px;
	padding: 0px;
	margin: auto;
}
 /* ----------------------------------------- HEADER --------------------------------------*/
#block_header {
	height: 367px;
	position: relative;
}
	#layout {
		position: absolute;
		width: 960px;
		height: 60px;
		background: #8A9AEC;
	}

	#logo {
		position: absolute;
		left: 0px;
		top: 20px;
	}
	
	#online_order {
		position: absolute;
		right: 0px;
		top: -5px;
		z-index: 10;
	}
	
		#online_order a {
			color: white;
			font-weight: bold;
			font-size: 8.5pt;		
		}

	#phone_number {
		position: relative;
		top:5px;
		float: right;
		color: white;
		font-weight: bold;
		font-size: 17pt;
	}
	
	#phone_number #code {
		color: #C7D2FF;
		font-size: 12pt;
		position: relative;
		top: -4px;
		font-weight: normal;
	}
	
	#working_time {
		position: absolute;
		top: 100px;
		right: 35px;
	}
	
		#working_time  b{
			font-weight: 800;
		}
	#top_menu{
		position:relative;
		top: 10px;
		left: 280px;
		width: 680px;
	}
	

		#top_menu a {
			margin: 0px;
			display: inline-block;
			height: 56px;
			border-radius: 28px;
			border: 1px solid transparent;
			color: white;
			font-size: 11pt;			
			text-decoration: none;
		}
		
			#top_menu a div{
				height: 33px;
				margin: 4px;
				padding-top: 15px;
				padding-left: 15px;
				padding-right: 15px;
				border-radius: 24px;
			}
			
			
			#top_menu a:hover {
				border: 1px solid #7D74D7;
			}
			
				#top_menu a div:hover {
					background-color: #7D74D7;
				}			
	
	#links {
		position: absolute;
		bottom: 0px;
		left: 10px;
	}
	
	#links a {
		font-size: 9pt;
	}

	
	#links a img{
		border: none;
		margin-right: 5px;
		margin-left: 20px;
	}
	
	#warranty {
		position: absolute;
		left: 30px;
		top: 100px;
	}
/* ----------------------------------------- /HEADER --------------------------------------*/	
#block_left {
	float:left;
	width: 242px;
	position: relative;
}

#block_right {
	float:left;
	width: 680px;
	padding-top: 0px; 
	padding-left: 38px;
}

	#advantages {
		width: 338px;
		float: left;
		margin-top: 40px;
	}

	#orders {
		margin-top: 0px;
		width: 287px;
		float: right;
		padding-left: 38px;
		position: relative;
	}
	
		#orders #all_orders {
			position: absolute;
			top: 11px;
			right: 0px;
		}
		#orders .order_item{
			border-radius: 29px;
			padding: 25px;
			background-color: white;
			overflow: hidden;
			margin-top: 23px;
		}
		.order_item img{
			float: left;
			border-radius: 19px;
			margin: 0px;
			margin-right: 10px;
			overflow: hidden;
		}
		
		.order_item a{
			font-size: 12pt;
		}
		
		.year {
			background: url('../images/label_clock.jpg') left top no-repeat;	
			padding-left: 25px;
			padding-bottom: 1px;
		}
		
		.price {
			background: url('../images/label_price.jpg') left top no-repeat;	
			padding-left: 25px;
			padding-bottom: 1px;
		}
	
	
/* ----------------------------------- LOGIN FORM --------------------------------*/
form.login_form  {
	margin: 42px 0px 0px 0px;
}

	.login_form h2 {
		margin: 0px 0px 24px 0px;
	}
	
	.login_form div.h3 {
		font-weight: bold;
		font-size: 19pt;
		margin-top: 0px;
		font-family: 'Conv_MyriadPro';
		margin-bottom: 15px;
	}
	
	
	.login_form input {
		width: 180px;
	}

	
/* ----------------------------------- LOGIN FORM --------------------------------*/
#menu_with_slider {
	position: relative;
	width: 960px;
	padding: 0px;
	margin: auto;
	float:left;
}	

#slider {
	width: 718px;
	height: 230px;
	margin-left: 242px;
	background: white;
	border-radius: 0px 26px 26px 0px;
	overflow: hidden;
	font-size: 12pt;
	padding-top: 15px;
}
	#slider div.slider_title {
		font-weight: 400;
		margin-left: auto;
		margin-right: auto;
		font-size:  17pt;
		margin-bottom: 20px;
	}
	
	#slider span.slider_title {
		font-weight: normal;
		font-size: 19pt;
		margin-top: 0px;
		font-family: 'Conv_MyriadPro';
		font-weight: 400;
		margin-left: auto;
		margin-right: auto;
		font-size:  17pt;
		display: block;
	}
	
	
	#slider div.slider_title_h2 {
		font-weight: 400;
		font-weight: normal;
		font-size: 15pt;
		margin-top: 10px;
		font-family: 'Conv_MyriadPro';	
	}
	
	#slider .slider_title_h3 {
		display: inline;
		font-size: 14pt;
		font-weight: 600;
		font-family: 'Conv_MyriadPro';
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#slider_1 {
		display: none;
		margin-left: 40px;
		font-size: 11pt;
		height: 245px;
	}
	
		#slider_1 table td {
			vertical-align: top;
			padding: 0px 30px 0px 0px;
		}
		
		#slider_1  .num{
			color: #34419C;
		}
	#slider_2 {
		display: none;
		margin-left: 40px;
		height: 245px;
	}
	
		#slider_2 img {
			margin-top: 50px;
			margin-left: 40px;
		}
		
		#slider_2 ul {
			margin-top: 10px;
		}
		
	
		#slider_2 div {
			float: right;
			margin-top: 15px;
			margin-right: 90px;
		}
	
			#slider_2 li {
				margin-left: 0px;
				margin-bottom: 10px;
			}	
			
	#slider_3 {
		display: none;
		margin-left: 40px;
		height: 245px;
	}
	
		#slider_3 img {
			margin-top: 50px;
			margin-left: 20px;
		}
	
		#slider_3 div {
			float: right;
			margin-top: 15px;
			margin-right: 110px;
		}
		
		#slider_3 p.line_2 {
			margin-top: 10px;
			margin-left: 50px;
		}

		#slider_3 p.line_3 {
			margin-top: -15px;
			margin-left: 130px;
		}

	#slider_4 {
		margin-left: 40px;
		display: none;
		height: 245px;
	}
		#slider_4 img {
			margin-top: 10px;
			margin-left: 50px;
		}
	
		#slider_4 div {
			float: right;
			margin-top: 15px;
			margin-right: 120px;
		}
		
		#slider_4 span.line_2 {
			position:relative;
			top: 5px;
			margin-left: 50px;
		}
		
		
#main_menu{
	margin: 0px;
	padding:0px;
	background: #35419A;
	border-radius:26px 26px 26px 26px;
	color: white;
	overflow:hidden;
}

#main_menu.main_page {
	float:left;
	width: 242px;
	border-radius:26px 0px 0px 26px;
}


	#main_menu a {
		color: white;
		text-decoration: none;
		font-size: 13pt;
	}

	.line_inner {
		border: none;
		margin: 4px 0px 4px 0px;
		background-color: #3E49A9;
		height: 1px;
	}
	
	.line_top {
		visibility: hidden;
		border: none;
		height: 1px;
		background-color: #6D6BE6;
		margin: 0px 0px 4px 0px;
	}
	
	.line_bottom {
		visibility: hidden;
		border: none;
		height: 1px;
		background-color: #6D6BE6;
		margin: 4px 0px 0px 0px;
	}
	
	.menu_item  {
		margin:auto;
		padding:18px 20px 22px 60px;
		height: 12px;
	}
	
	.transparent  {
		margin:0;
		left: -60px;
		top: -20px;
		padding: 18px 20px 22px 60px;
		height: 12px;
		width:180px;
		position:relative;
		z-index: 11;
	}
	
	.menu_item:hover{
		background: url('../images/menu_item_hover.jpg') top repeat-x;
	}
	.active{
		background: url('../images/menu_item_hover.jpg') top repeat-x;
	}
	
	
	#tail {
		position:absolute;
		left: 220px;
		top: 0px;
		z-index:10;
		display:none;
	}
	
		#tail .round {
			position:absolute;
			left: 0px;
			top: 5px;
			border-radius:0px 26px 26px 0px;
			background: url('../images/menu_item_hover.jpg') top repeat-x;
			width: 46px;
			height:52px;
	}
	
		#tail .circle {
			position:absolute;
			left: 0px;
			top: 0px;
			border-radius:0px 30px 30px 0px;
			border: 1px solid #6D6BE6;
			border-left: none;
			width: 50px;
			height:60px;
		}
/*---------------------------------------- FOOTER -----------------------------------*/	
#block_about {
	clear: both;
	padding-top: 30px;
}

#block_footer {
	position: relative;
	padding-top: 40px;
	clear: both;
	height: 190px;
	width: 960px;
	background: url('../images/footer_image.jpg') no-repeat;
	background-position: 358px bottom;
}

#counters {
	position: absolute;
	bottom: 10px;
}
	
/*  -----------------------------------отчет  --------------------------------------   */
.description {
	top: 16px;
	left: 16px;
	position: absolute;
	display: none;
	background-color: #E9E8E3;
	color: grey;
	padding: 10px;
	border-radius: 13px;
	z-index: 10;
}

.ok {
	/*background: url('../images/ok.png') no-repeat;*/
	width: 16px;
	height: 16px;
}

.x {
	/*background: url('../images/x.png') no-repeat;*/
	border: 2px solid red;
	border-radius: 10px;
	width: 17px;
	height: 17px;
	color: red;
	cursor: pointer;
}

.x .circle {
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 10px;
	width: 13px;
	height: 13px;
	color: red;
	background-color: red;
	display: none;
	
}
/*
.description:hover {
	visibility: visible;
}

.x:hover .circle {
	background-color: red;
}*/
/*
.x:hover .description {
	display:block;
}*/


#left_side {
	background: url('../images/car_left_side.png') no-repeat;	
	width: 480px;
	height: 150px;
	position: relative;
	
	
}
	#left_side .front_wing {
		position: absolute;
		left: 105px;
		top: 60px;
		
	}

	#left_side .front_door {
		color: #467A88;
		position: absolute;
		left: 200px;
		top: 70px;
	}	
	#left_side .rear_door {
		color: #467A88;	
		position: absolute;
		left: 290px;
		top: 70px;
	}
		
	#left_side .rear_wing {
		color: #467A88;	
		position: absolute;
		left: 390px;
		top: 55px;
	}	

	#left_side .front_wheel {
		color: #467A88;	
		position: absolute;
		left: 70px;
		top: 103px;
	}
		
	#left_side .rear_wheel {
		color: #467A88;	
		position: absolute;
		left: 357px;
		top: 103px;
	}		
	
	#left_side .doorstep {
		color: #467A88;	
		position: absolute;
		left: 150px;
		top: 110px;
	}		
		
	
#right_side {
	margin-top: 20px; 
	background: url('../images/car_right_side.png') no-repeat;	
	width: 480px;
	height: 150px;
	position: relative;
	
	
}
	#right_side .rear_wing {
		color: #467A88;
		position: absolute;
		left: 70px;
		top: 50px;
		
	}

	#right_side .rear_door {
		color: #467A88;
		position: absolute;
		left: 180px;
		top: 70px;
	}	
	#right_side .front_door {
		color: #467A88;	
		position: absolute;
		left: 270px;
		top: 70px;
	}
		
	#right_side .front_wing {
		color: #467A88;	
		position: absolute;
		left: 350px;
		top: 60px;
	}	
	
	#right_side .rear_wheel {
		color: #467A88;	
		position: absolute;
		left: 96px;
		top: 103px;
	}
		
	#right_side .front_wheel {
		color: #467A88;	
		position: absolute;
		left: 384px;
		top: 103px;
	}	
	
	#right_side .doorstep {
		color: #467A88;	
		position: absolute;
		left: 300px;
		top: 110px;
	}		
	
#roof_side {
	margin-top: 20px; 
	background: url('../images/car_roof.png') no-repeat;	
	width: 480px;
	height: 210px;
	position: relative;
	
	
}
	#roof_side .bonnet {
		color: #467A88;
		position: absolute;
		left: 60px;
		top: 90px;
	}

	#roof_side .roof {
		color: #467A88;
		position: absolute;
		left: 280px;
		top: 90px;
	}	
	#roof_side .luggage {
		color: #467A88;	
		position: absolute;
		left: 435px;
		top: 90px;
	}
#front_side {
	float: left;
	margin-top: 20px; 
	margin-right: 40px;
	background: url('../images/car_front.png') no-repeat;	
	width: 210px;
	height: 150px;
	position: relative;
	
	
}
	#front_side .left_light {
		color: #467A88;
		position: absolute;
		left: 150px;
		top: 72px;
	}

	#front_side .right_light {
		color: #467A88;
		position: absolute;
		left: 40px;
		top: 72px;
	}	
	#front_side .dempfer {
		color: #467A88;	
		position: absolute;
		left: 100px;
		top: 100px;
	}	
	
#rear_side {
	float: left;
	margin-top: 20px; 
	background: url('../images/car_rear.png') no-repeat;	
	width: 210px;
	height: 150px;
	position: relative;
	
	
}
	#rear_side .right_light {
		color: #467A88;
		position: absolute;
		left: 160px;
		top: 57px;
	}

	#rear_side .left_light {
		color: #467A88;
		position: absolute;
		left: 30px;
		top: 57px;
	}	
	#rear_side .dempfer {
		color: #467A88;	
		position: absolute;
		left: 100px;
		top: 90px;
	}	
	
	

/**************************************** список готовых заказов ***********/

.header {
	border-radius: 29px;
	padding: 25px;
	overflow: hidden;
	background-color: white;
	margin-bottom: 23px;
	font-size: 11pt;
	position: relative;	
}

.header img{
	margin: 0px;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 19px;
	float: left;
}

.header h2{
	display: inline-block;
	margin: 0px 10px 0px 0px;
	}
	

	.header .price{
		position: absolute;
		right: 15px;
		top: 15px;
	}		
	
	.header  .discount{	
		position: absolute;
		right: 25px;
		top: 40px;
		font-size: 9pt;
		color: grey;
	}
		
	.header .discount img{	
		margin: 0px 0px 0px 5px;
		float: none;
	}

	.header .discount .img_question .q_description {
		position: absolute;
		top: 16px;
		left: 16px;
		width: 100px;
		display: none;
		background-color: blue;
	}
	
	.header .discount .img_question:hover .description {
		display: block;
	}

	
.header a{
	font-size: 11pt;
}

.header h2 a{
	font-size: 14pt;
}

.header table{
	width: 490px;
	height: 84px;
	margin: 0px;
	}

.describtion {
	display: none;
}

/***  заголовок отчета */

.big {
	font-size: 10pt;
}
.big table{
	width: 420px;
}


/* плашки рейтинга дилеров
*/

span.percentage_desc {
	border-bottom: 1px dashed grey;
	position: relative;
}

	.percentage_desc .description {
		position: absolute;
		left: -210px;
		top: 18px;
		width: 240px;
	}
	

	.percentage_desc:hover .description {
		display: block;
	}


.details {
	display: none;
	margin: 0px 0px 0px 0px;
	font-size: 9pt;
	color: #5e5e5e;
	position: relative;
}

	.details .img_question{	
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	.details .img_question .description {
		left: -200px;
		width: 240px;
	}
	

	.details .img_question:hover .description {
		display: block;
	}
	

table.border {
	
	border-style: double;
	border-radius: 19px;
	border-color:  #E5F1F0;/*#ecf5f7;/*#C4DADA;*/
	border-width: 1px;
	padding: 20px;
	width: 100%;
	margin-bottom: 20px;
	background: #E5F1F0;
}

	table.border hr{
		margin-bottom: 15px;
		margin-top: 0px;
		height: 1px; 
		border:none;
		background-color: #BEBEBE;
	}
	
	table.border span.visit_date{
		float:right;
	}
	
	
div.auto_dealer {
border-style: double;
	border-color: #ecf5f7;/*#e6f1f3;*/
	border-width: 1px;
	border-radius: 19px;
	background-color: #f3f9fa;/*#35419a;#83a0a0;*/
	display: inline-block;
	width: 680px;
	height: 80px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	cursor: pointer;
}

	div.auto_dealer .main_layer {
		background-color: white;
		position: absolute;
		width: 680px;
		height: 80px;
		border-radius: 19px;
	}
	
	div.auto_dealer .icon_layer {
		float: right;
		background-color: #4AE18C;/*#35419a;/*#35419a;#83a0a0;*/
		border-radius: 0px 19px 19px 0px;
		top: 0px;
		height: 68px;
		width: 80px;
		padding: 12px 0px 0px 0px;
		color: white;
		text-align: center;
		font-size: 20pt;
		font-weight: normal;
		text-shadow: 1px 1px 1px grey; /* Параметры тени */
	}
	
	div.auto_dealer .icon_layer div.place{
	 	font-size: 10pt;
		font-weight: normal;
		text-shadow: 1px 1px 1px grey; /* Параметры тени */
	}
	
	div.auto_dealer .red {
		background-color: #FE2E2E;
	}
	
	div.auto_dealer .yellow {
		background-color: #F4FA58;/*#F7FE2E;*/
	}
	
	
	div.auto_dealer:hover  .icon_layer {
		background-color: #A4A4A4;
	}



	div.auto_dealer .info_layer {
		padding: 145px 0px 0px 20px;
		position: absolute;
		top: -130px;
		left: 0px;
		height: 200px;
		width: 585px;
		border-radius: 1200px;
		background-color: white;
	}
	
		div.auto_dealer .info_layer h2 {
			display: inline;
		}
		
		div.auto_dealer .info_layer a {
			display: inline;
			font-size: 9pt;
		}
	
		div.auto_dealer .main_layer  p{
			margin: 5px 0px 0px 0px;
			color: #5e5e5e;
			font-size: 9pt;
		}

/* графики */
div.bar {
	margin-top: 0px; 
	margin-bottom: 15px;
	width: 180px;

}

.wide_bar {
	width: 210px !important;
}

.wide_bar .bar_background {
	width: 200px !important;
}

	div.bar .bar_title {
		color: #5e5e5e;
		font-size: 9pt;
		font-weight: bold;
	}
	
	
	div.bar .bar_background { 
		margin-top: 10px;
		width: 170px;
		height: 20px;
		position: relative;
		background-color: white;
		border-radius: 10px;
	}


	
		div.bar .bar_background .graph{
			height: 20px;
			background-color: #C4DADA;
			position: relative;
			top: 0px;
			left: 0px;
			border-radius: 10px 0px 0px 10px;
		}
		
		div.bar .bar_background .digital{
			position: absolute;
			top: 2px;
			width: 50px;
			left: 20px;
			color: #5e5e5e;
			font-size: 9pt;
		}
		
table.dealer_minor_stat {
	margin-top: 0px;
	margin-left: 10px;
}	

table.short_tat {
	position: absolute; 
	margin: 0px; 
	color: #5e5e5e; 
	width: 400px; 
	padding-right: 0px;
}


	table.dealer_minor_stat td{
		padding-bottom: 5px;
	}
	
	table.dealer_minor_stat td:nth-child(even) {
		text-align: right;
		padding-left: 10px;
		/*width: 20px;*/
	}
	
	
	/*table.dealer_minor_stat td:nth-child(odd) {
		width: 160px;
	}*/
	
/* нумерация страниц */

span.current_page {
	font-size: 12pt;
	font-weight: bold;
	color: #5e5e5e;
}

a.other_page {
	font-weight: normal;
}

/* форма поиска */
form.search {
	float:right;
	width: 300px;
	margin-top: -10px;
	margin-bottom: 10px;
	/*padding: 5px;
	background: #E5F1F0;*/
}	

form.search input{
	margin: 0px;
	width: 200px;
	border-style: solid;
	border-color: #ecf5f7;
	border-width: 1px;
}

span.order_select {
	margin-top: 13px;
	font-size: 10pt;

}

a.selector {
	display: inline-block;
	height: 22px;
	background: #344199;
	border-radius: 16px;
	border: none;
	color: white;
	cursor: pointer;
	padding: 6px 15px 4px 15px;
	font-size: 10pt;
	text-decoration: none;
	margin-top: 10px;
	
}

a.selected {
	background: grey;
	cursor: default;
}


div.grey_text {
	font-size: 9pt; 
	color: grey; 
	margin-left: 45px;	
	margin-bottom: 15px;
}


/*   подбор авто */

#stages_ring {
	top: 195px;
	left: 283px;
	border-style: double;
	border-color: #dadffc;/*#e6f1f3;*/
	border-width: 1px;
	border: none;
	border-radius: 300px;
	
	background-color: #f3f9fa;/*#35419a;#83a0a0;*/
	width: 110px;
	height: 110px;
	position: absolute;
	z-index: 10;

}

.ring {
	top: 9px;
	left: 9px;
	border-style: solid;
	border-color: #bbc4fb;/*#e6f1f3;*/
	border-width: 1px;
	border-radius: 300px;
	background-color: #f3f9fa;/*#35419a;#83a0a0;*/
	width: 90px;
	height: 90px;
	position: absolute;
	z-index: 10;

}

.disk {
	border-radius: 2750px;
	background-color: #bbc4fb;
	left: 5px;
	top: 5px;
	width: 80px;
	height: 55px;
	position: absolute;
	/*z-index: 10;*/
	padding: 25px 0px 0px 0px;
	color: white;
	font-size: 13pt;
	font-family: 'Conv_MyriadPro-BoldCond';
	line-height: 0.90;
	text-align: center;

}
	.disk b {
		font-weight: bold;
		font-size: 15pt;
		font-family: 'Conv_MyriadPro-BoldCond';
	}

.stage_layer2 {
	border-radius: 19px;
	display: inline-block;
	height: 190px;
	overflow: hidden;
	padding: 20px;
	width: 290px;
	z-index: 5;
	font-size: 10pt;
	background-color: rgba(255, 255, 255, 0.0); /*rgba(243, 249, 250, 0.5); rgba(255, 255, 255, 0.5);*/
	z-index: -5;
	margin-bottom: 10px;
	font-size: 10pt;
}


	.stage_layer2:nth-child(even) {
		margin-right: 10px;
	}

	.stage_layer2 p{
		color:grey; 
		font-size: 9pt;
	}
	
	
.stage_selected {
	background-color: rgba(236, 238, 253, 1);
} /*rgba(236, 238, 253, 1); */



/* плашка с гарантией */

#warranty_plate {
	background-color:white; 
	border-radius: 19px; 
	padding: 20px; 
	margin:20px 0px 30px 0px;  
}
	#warranty_plate #shield {
		float: left;
		margin: 0px 20px 0px 0px;
		display: inline-block;
		background-color: #e00037;
		height: 130px;
		position: relative;
	}

		#warranty_plate	#shield  div{
			color: white;
			position: absolute;
			top: 20px;
			left: 17px;
			text-align: center;
			font-size: 11pt;
		}
		
	#warranty_plate	p{
		color:grey;
	}

	

.item {
	border-style: double;
	border-color: white;/*#e6f1f3;*/
	border-width: 0px;
	border-radius: 2750px;
	background-color: #bbc4fb;
	left: 1px;
	top: 1px;
	width: 12px;
	height: 12px;
	margin: auto;
}

/* новые горизонтальные плашки с кругом */

.new_horizont_plate {
	position: relative;
	}
	
	.new_horizont_plate  div.disk_space{
		border: none;
		border-radius: 300px;
		background-color: #f3f9fa;
		width: 110px;
		height: 110px;
		position: absolute; 
		top: -15px; 
		left: -8px; 
		z-index: 10;
	}
	
		.new_horizont_plate  .disk_space .circle{
			top: 9px;
			left: 9px;
			border-style: solid;
			border-color: #bbc4fb;
			border-width: 1px;
			border-radius: 300px;
			background-color: #f3f9fa;
			width: 90px;
			height: 90px;
			position: absolute;
			z-index: 10;
		}
		
			.new_horizont_plate  .disk_space .circle .disk{
				border-radius: 2750px;
				left: 5px;
				top: 5px;
				width: 80px;
				height: 55px;
				position: absolute;
				padding: 25px 0px 0px 0px;
				color: white;
				font-size: 13pt;
				font-family: 'Conv_MyriadPro-BoldCond';
				line-height: 0.90;
				text-align: center;
				background-color: #e5e8fc; 
				border-color: #e5e8fc; 
				overflow:hidden;
			}
			
			.dark_disk {
				background-color: #bbc4fb !important;
			}
		
				.new_horizont_plate  .disk_space .circle .disk .sector1{
					position: absolute; 
					top: 0px; 
					left: 40px; 
					width: 40px; 
					height: 40px; 
					background-color: #bbc4fb;
					z-index: 10;
				}
	
				.new_horizont_plate  .disk_space .circle .disk .sector2{
					position: absolute; 
					top: 0px; 
					left: 40px; 
					width: 40px; 
					height: 40px; 
					background-color: #bbc4fb; 
					-webkit-transform-origin: 0 100%;
					-moz-transform-origin: 0 100%;
					-o-transform-origin: 0 100%;
					-ms-transform-origin: 0 100%;
					transform-origin: 0 100%;
					/* Поворачиваем на 20 градусов против часовой стрелки */
					-webkit-transform: rotate(30deg);
					-moz-transform: rotate(30deg);
					-o-transform: rotate(30deg);
					-ms-transform: rotate(30deg);
					transform: rotate(30deg);
				}
				
				
				.new_horizont_plate  .disk_space .circle .disk .sector3{
					position: absolute; 
					top: 0px; 
					left: 40px; 
					width: 40px; 
					height: 80px; 
					background-color: #bbc4fb;
				}
				
				.new_horizont_plate  .disk_space .circle .disk .sector4{
					position: absolute; 
					top: 0px; 
					left: 40px; 
					width: 40px; 
					height: 40px; 
					background-color: #bbc4fb; 
					-webkit-transform-origin: 0 100%;
					-moz-transform-origin: 0 100%;
					-o-transform-origin: 0 100%;
					-ms-transform-origin: 0 100%;
					transform-origin: 0 100%;
					-webkit-transform: rotate(130deg);
					-moz-transform: rotate(130deg);
					-o-transform: rotate(130deg);
					-ms-transform: rotate(130deg);
					transform: rotate(130deg);				
				}
				
	.new_horizont_plate  .plate{
		border-style: solid;
		border-color: #ecf5f7;/*#e6f1f3;*/
		border-width: 1px;
		border-radius: 19px;
		background-color: #f3f9fa;/*#35419a;#83a0a0;*/
		display: inline-block;
		width: 680px;
		height: 80px;
		position: relative;
		margin-bottom: 20px;
		overflow: hidden; 
		z-index: 1;
		cursor: pointer;
	}
	
	
		.new_horizont_plate  .plate .main_layer {
			background-color: white;
			position: absolute;
			width: 680px;
			height: 80px;
			border-radius: 19px;
		}
		
			.new_horizont_plate  .plate .main_layer  .info_layer {
				padding: 145px 0px 0px 120px;
				position: absolute;
				top: -130px;
				left: 0px;
				height: 200px;
				width: 585px;
				border-radius: 1200px;
				background-color: white;
				position: relative;
			}
			
			
				.new_horizont_plate  .plate .main_layer  .info_layer  .descr{
					margin-top: 9px;
					font-size: 9pt;
					line-height: 0.90;
					color: grey;
				}
				
#maphre_calc {
	width: 280px;
	position: relative;
	margin-top: 20px;
}
#maphre_calc  input{			
	width: 140px;
	float: right;
}

#maphre_calc label{
	height: 32px;
	/*color: grey;*/
	/*font-weight: bold;*/
	
}

#maphre_calc div.label{
	float: left;
	height: 32px;
	margin-top: 50px;
	margin-left:-60px;
	font-weight: normal;
}

#maphre_calc #radioset {
	margin-top: 0px;
	float: right
	
}

/*  плашки с вопросами посетителей */

.question_plate {
	position: relative;
	background:white; 
	border-radius: 29px; 
	width: 640px; 
	padding: 20px; 
	margin-bottom: 25px;
	}
/*  плашки с вопросами для главной страницы */
.lite_plate  {
	width: 280px;
}
	
.question_plate:hover {
	background-color: rgba(236, 238, 253, 1);
}

.no_hover:hover {
	background:white !important; 
}

	.no_hover div.h3 {
		margin-top: 0px;
	}

	.question_plate div.author {
		margin-bottom: 10px; 
		padding-left: 40px;
	}
	
	.question_plate  div.disk_space{
		border: none;
		border-radius: 300px;
		background-color: #f3f9fa;
		width: 60px;
		height: 60px;
		position: absolute; 
		top: -15px; 
		left: -15px; 
		z-index: 10;
	}
	
		.question_plate  .disk_space .circle{
			top: 4px;
			left: 4px;
			border-style: solid;
			border-color: #bbc4fb;
			border-width: 1px;
			border-radius: 300px;
			background-color: #f3f9fa;
			width: 50px;
			height: 50px;
			position: absolute;
			z-index: 10;
		}
		
			.question_plate  .disk_space .circle .disk{
				border-radius: 2750px;
				left: 4px;
				top: 4px;
				width: 42px;
				height: 29px;
				position: absolute;
				padding: 13px 0px 0px 0px;
				color: white;
				font-size: 19pt;
				font-family: 'Conv_MyriadPro-BoldCond';
				line-height: 0.90;
				text-align: center;
				background-color: #bbc4fb; 
				border-color: #bbc4fb; 
				overflow:hidden;
			}
			
		.question_plate .disk_space  .red {
			border-color: #f24841;
		}
		
		.question_plate .disk_space  .red .disk {
			background-color: #f24841;
			border-color: #f24841;
		}
		
/*  плашки с видео */

.video_plate {
	padding:20px; 
	background:white; 
	border-radius: 19px; 
	width: 650px; 
	margin-bottom: 20px; 
	color: #777777;			
}

	.video_plate .date {
		color:black; 
		float:right;
	}
		
/* плашки с публикациями 680*/
.publication {
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: white;
	padding: 25px;
	width: 160px;
	border-radius: 29px;
	margin-left: 0px;
	margin-right:20px;
	font-size: 10pt;
	margin-bottom: 20px;
}

.publication:nth-child(3n+1) {
	margin-right: 0px;
}

	.publication img {
		width: 160px;
		margin: 0px;
	}

	.publication .pub_date {
		position: absolute; 
		bottom: 10px; 
		right:20px; 
		color: grey; 
		font-size: 9pt
	}

	
	
/* иконки в кружках на главной странице */

.economy {
	display:inline-block;
	width: 32%;
	margin-top: 20px;
	margin-bottom: 20px;
}

	.economy .text{
		padding-top: 10px;
		margin: 0px 0px 0px 0px;
		font-size: 9pt;
		color: grey;
		/*font-weight: ld;*/
	}

.economy  .circle{
	margin: auto;
	border-style: solid;
	border-color: #35419a;
	border-width: 1px;
	border-radius: 300px;
	background-color: #f3f9fa;
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 10;
}

	.economy  .circle:hover  {
		border-color: #8a9aec;
	}
		.economy  .circle:hover .disk {
			background-color: #8a9aec; 
			border-color: #8a9aec; 
		}
		
	.economy  .circle .disk{
		border-radius: 2750px;
		left: 5px;
		top: 5px;
		width: 90px;
		height: 80px;
		position: absolute;
		padding: 10px 0px 0px 0px;
		color: white;
		font-size: 13pt;
		font-family: 'Conv_MyriadPro-BoldCond';
		line-height: 0.90;
		text-align: center;
		background-color: #35419a; 
		border-color: #35419a; 
		overflow:hidden;
	}

		.economy  .circle .disk img{	
		}

#dealer_block {
	background-color: #e5f1f0; 
	border-radius: 29px; 
	width: 200px; 
	padding: 20px; 
	margin: 20px 0px 20px 0px; 
	overflow-x:hidden;
	font-size: 9pt;
}	

#dealer_block p {
	margin-top: 10px;
	margin-bottom: 0px;
}	
	#dealer_block div.hr{
		height: 1px; 
		width: 100%;
		border:none;
		background-color: silver;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#dealer_block hr{
		border: none;
		background-color: #BEBEBE;
		width: 100%;
		height: 1px;
	}
	
.warning_ring {
	display: inline-block; 
	width: 20px; 
	height: 20px; 
	border-radius: 50px; 
	text-align: center; 
	color: white; 
	font-size: 12pt; 
	font-weight: bold; 
	margin-left: 5px;
}

.red_ring {
	background-color: #f24841; 
}

.yellow_ring {
	background-color: #F4FA58;
	
}