@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form  {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%; }
body {font: normal 12px tahoma, Verdana,Arial,Helvetica,sans-serif; color: #000; background: #fff; min-width: 1000px; height: 100%; }
img {border: none;}
a {cursor: pointer; text-decoration: underline;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px tahoma, Verdana,Arial,Helvetica,sans-serif; color: #000000; padding-bottom: 15px;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul, ol { padding-left: 30px; }
ul li {list-style: disc outside;}
.set {height: 0; overflow: hidden; clear: both;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.cont-1 { max-width: 1200px; margin: 0 auto; }
.wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; z-index: 50; /*background: url(../images/header-BG.png) bottom center repeat-x;*/ }
	.header { background: #c9e4f1 url(../images/header-2.jpg) bottom center repeat-x; }
	.header .cont-2 { position: relative; height: 233px; position: relative; z-index: 30; }
		.table-1 { border-collapse: collapse; border: none; width: 100%; }
			.table-1 td { vertical-align: top; }
			.td-3 { width: 8%; }
		.logo { width: 269px; height: 192px; position: relative; background: url(../images/logo.png) no-repeat; left: 0; position: absolute; top: 0; margin-left: -20px; }
		.logo a { display: block; position: absolute; width: 218px; height: 115px; left: 24px; top: 47px; background: url(about:blank); }
		.w8 { width: 8%; position: absolute; left: 3.5%; top: 0; height: 1%; z-index: 60; }
		
		.m-1 { padding: 100px 0 0 215px; margin-right: 3%; position: relative; z-index: 50; }
			.m-1 ul { padding: 0; margin: 0; width: 100%; }
			.m-1 li { display: block; list-style: none; float: left; width: 18%; padding: 0; margin: 0 2% 0 0; *clear: right; }
				.m-1 li a { display: block; position: relative; height: 52px; padding: 17px 0 0; text-align: center; background: none; border: solid 3px #c7e7f5; }
				.m-1 li a.current { background: #9ac8db !important; border-color: #fff; }
				.m-1 li a:hover { background: none; border-color: #fff; }
				.m-1 a u { display: block; width: 26px; background: url(../images/m-1.png) no-repeat; position: absolute; left: 50%; top: -18px; margin-left: -13px; height: 22px; }
				.m-1 a:hover u, .m-1 a.current u { background-position: 0 -26px; } 
				
				.m-1 li span { display: block; margin: 0 auto; background: url(../images/m-1-sprite.png) no-repeat; height: 35px; }
				.m-1 li.m-1-1 a span { width: 95px; background-position: 0 0; }
				.m-1 li.m-1-2 a span { width: 65px; background-position: 0 -43px; }
				.m-1 li.m-1-3 a span { width: 111px; background-position: 0 -91px; }
				.m-1 li.m-1-4 a span { width: 64px; background-position: 0 -143px; }
				.m-1 li.m-1-5 a span { width: 85px; background-position: 0 -195px; }
				.m-1 li.m-1-1 a.current span { background-position: 0 -246px; }
				.m-1 li.m-1-2 a.current span { background-position: 0 -301px; }
				.m-1 li.m-1-3 a.current span { background-position: 0 -354px; }
				.m-1 li.m-1-4 a.current span { background-position: 0 -412px; }
				.m-1 li.m-1-5 a.current span { background-position: 0 -464px; }
				
		.top { position: relative; padding: 0 0 0 215px; margin-right: 3%; height: 1%; z-index: 60; }
				
		.region { position: absolute; left: 215px; top: 30px; color: #646464; width: 290px; }
			.region a { font-size: 14px; color: #298bb7; background: url(../images/bl-4.png) right 6px no-repeat; text-decoration: none; margin-left: 9px; }
			.region a span { background: url(../images/bg-5.png) left bottom repeat-x; margin-right: 19px; }
			.region a:hover { color: #298bb6; }
			.region a:hover span { background: none; }
			#select_area { white-space: nowrap; }
			
		.form-1 { position: absolute; right: 2%; top: 29px; color: #656565; margin-right: -3px; }
			.form-1 label { padding-right: 9px; }
			.form-1 span { background: url(../images/search.png) no-repeat; display: inline-block; *display: inline; zoom:1; width: 180px; height: 19px; padding: 0 22px 0 8px; position: relative; }
			.form-1 span input { background: none; border: none; margin: 0; padding: 0; }
			#i-1 { width: 100%; height: 19px; line-height: 18px; color: #656565; }
			#i-2 { width: 12px; height: 12px; position: absolute; right: 9px; top: 4px; cursor: pointer; }
			
		.vhod_dlya_ekspertov { position: absolute; right: 27%; top: 29px; background: url(../images/c-1-BG.png) repeat-x; }
		.vhod_dlya_ekspertov div { background: url(../images/c-1-L.png) no-repeat; display: inline-block; *display: inline; zoom:1; }
		.vhod_dlya_ekspertov div div { background: url(../images/c-1-R.png) right no-repeat; padding: 0 14px; font-size: 12px; line-height: 17px; height: 19px; }
		.vhod_dlya_ekspertov a { color: #298bb7; }
		
	.popup { position: absolute; width: 536px; left: 48px; top: 17px; visibility: hidden; }
	iframe.popup { width: 520px; left: 56px; top: 32px; background: #fff; }
		.c-2-T { background: url(../images/c-2-T.png) no-repeat; padding-top: 22px; _background-image: url(../images/c-2-T_ie6.png); }
		.c-2-BG { background: url(../images/c-2-BG.png) repeat-y; height: 1%; padding: 16px 30px 16px; _background-image: url(../images/c-2-BG_ie6.png); }
		.c-2-B { background: url(../images/c-2-B.png) no-repeat; height: 17px; overflow: hidden; _background-image: url(../images/c-2-B_ie6.png); }
		.popup table { border-collapse: collapse; border: none; width: 100%; }
		.popup td { vertical-align: top; padding: 0 3px; }
		.popup ul { padding: 0; }
		.popup li { list-style: none; padding: 0 0 6px; }
		.popup a { background: none; color: #298bb7; font-size: 12px; text-decoration: underline; }
		.popup a:hover { text-decoration: none; }
			
			
.footer-space { height: 260px; padding-top: 15px;}
.footer { background: #a3bcc7 url(../images/footer-BG.jpg) center top repeat-x; margin: -260px 0 0; position: relative; zoom:1; z-index: 60;  }
	.footer .cont-2 { padding: 87px 20px 0 114px; height: 173px; color: #202020; position: relative; }
	.f-1 { float: left; width: 52%; }
		.f-1 p { text-indent: -15px; }
		.f-1 a { color: #1e576f; }
	.f-2 { float: right; width: 45%; padding-top: 30px; }
		.f-2 ul { padding: 0; }
		.f-2 ul li { display: block; list-style: none; }
		.rekl, .polz, .sitemap { display: inline-block; *display: inline; zoom:1; padding-left: 24px; margin-bottom: 12px; color: #2d3e44; padding-bottom: 3px; }
		.rekl { background: url(../images/bl-1.jpg) 0 2px no-repeat; }
		.polz { background: url(../images/bl-2.jpg) 1px 0 no-repeat; }
		.sitemap { background: url(../images/bl-5.png) no-repeat; }
		
	.logo-small { display: block; width: 47px; height: 60px; position: absolute; left: 36px; top: 64px; background: url(../images/logo-small.png) no-repeat; }
	
.page { background: url(../images/page-BG-2.png) repeat-x; }
	.page .cont-2 { min-height: 244px; _height: 244px; padding: 33px 2% 0; z-index: 20; }
	.calc { padding: 0 0 30px 1.5%; height: 1%; }
	.calc table, .shag1-2 table, .shag-3 table, .driver table { width: 100%; border-collapse: collapse; border: none; }
		.calc-1 { width: 194px; /*padding: 0 5px 0 7.6%; background: url(../images/calk.jpg) left center no-repeat;*/ height: 61px; font-size: 24px; color: #545454; }
		.calc-2, .calc-3 { width: 310px;/* background: url(../images/bg-4.png) left center no-repeat;*/ color: #565656; /*padding:  0 0px 0 3.5%;*/ }
		.calc-2 big { font-size: 18px; }
		.calc-3 { }
			.calc-3 ul { padding: 0; }
			.calc-3 li { list-style: none; padding: 0 0 4px; }
			
		.t-a-c { text-align: center; }
		.td-1 { width: 8%; }
			
			
	.shagi { position: relative; height: 1%; margin-bottom: 24px; z-index: 20; }
		.shag1-2 { width: 71%; float: left; border: solid 3px #d2d2d2; height: 94px; }
		.shag-3 { border: solid 3px #d2d2d2; height: 94px; float: right; width: 26%; position: relative; }
		.shag-3-1 { padding: 0 10px 0 0;  color: #535353; width: 164px; }
			.shag-3-1 big, .shag-1 big, .shag-2 big { font-size: 18px; }
			.shag-3-1 a { color: #3c8faa; }
			.shag-3-1 big span { color: #a8b7be; }
		
		.shag1-2 table, .shag-3 table { height: 94px; }
			.shag1-2 .t-a-c { width: 9%; text-align: left; }
		
		.shag-1, .shag-2 { width: 250px; padding: 0 5px 0 0;  height: 60px; color: #565656; }
			.shag-1 big { color: #373737; }
			
		.shag-2 { color: #a7b7be; width: 260px; }
			.shag-2 a { color: #a7b7be; }
			
		.td-2 { width: ; }
			
		.my_calculations { width: 100%; border: solid 3px #d2d2d2; border-top: 0; position: absolute; left: -3px; top: 86px; background: #fff; display: none; }
		iframe.my_calculations { border: none; padding: 3px; }
		.my_calculations ol { padding: 0 27px 12px 30px; color: #929292; margin-left: 8px; background: #fff; }
			.my_calculations li { padding-bottom: 4px; color: #6f6f6f; }
			.my_calculations li a { font-size: 14px; color: #3693bc; }
		
		.ugolok { position: absolute; left: 1.5%; top: -24px; width: 8%; height: 27px; }	
		.ugolok div { width: 48px; height: 27px;  background: url(../images/bg-2.png) no-repeat; margin: 0 0 0 5px; }
		
		.td-4 { width: 2.2%; }
		.td-5 { width: 12%; }
		.td-6 { width: 5%; }
		.td-7 { width: 23%; text-align: left; }
		.td-8 { width: .5%; }
		.td-9 { width: 2%; }
		
		
	.calculator { width: 930px; padding: 0 15px 20px 15px; margin: 0 auto; position: relative; z-index: 15; }
		.breadcrumb { color: #afafaf; padding: 0 0 25px; }
			.breadcrumb a { color: #afafaf; }
		.calculator-L { width: 450px; float: left; }
		.calculator-R { width: 450px; float: right; height: 1%; }
		.dl-1 { width: 240px; float: left; color: #3693bc; padding-bottom: 28px; }
			.dl-1 dt { padding-bottom: 3px; }
			.dl-1 select { width: 207px; height: 21px; color: #323232; font-size: 12px; }
			
		.slider { position: relative; height: 1%; padding: 0 23px 0 21px; margin-bottom: 23px; z-index: 20; }
			.slider label { float: left; color: #3693bc; margin-left: -21px; }
			.i-3 { float: right; text-align: right; width: 	78px; height: 16px; padding: 0 4px; font-size: 12px; color: #888888; line-height: 16px; margin-bottom: 0px; margin-right: -23px; }
			.slider-cont { position: relative; padding: 0 10px; background: url(../images/slider-BG-1.png) 0 12px repeat-x; z-index: 10; }
			.slider-cont .ui-slider-horizontal { height: 35px; border: none; background: url(../images/slider-BG-1.png) 0 12px repeat-x; }
			.slider-cont .ui-slider-handle { width: 10px; height: 16px; background: url(../images/bl-3.png) no-repeat; margin: 0 0 0 -5px; border: none; top: 5px; }
			.sp-1 { float: right; display: block; color: #888888; margin-bottom: 1px; margin-right: -23px; _margin-right: -11px; }
			.slider-cont ins { display: block; position: absolute; top: 16px; padding-top: 7px; background: url(../images/slider-BG-2.png) 4px 0 no-repeat; color: #606060; text-decoration: none; margin-left: -5px; white-space: nowrap; padding-left: 2px; }
			.slider-cont ins img { margin-left: -2px; }
				.ins-1 { left: 0; }
				.ins-2 { left: 50%; }
				.ins-3 { left: 100%; }
				.ins-4 { left: 25%; }
				.ins-5 { left: 75%; }
				.ins-15 { left: 10%; }
				.ins-7 { left: 20%; }
				.ins-8 { left: 30%; }
				.ins-9 { left: 40%; }
				.ins-10 { left: 50%; }
				.ins-11 { left: 60%; }
				.ins-12 { left: 70%; }
				.ins-13 { left: 80%; }
				.ins-14 { left: 90%; }
				.ins-17 { left: 33%; }
				.ins-16 { left: 66%; }
				
				.slider-cont .ins-6 { margin-left: -10px; background-position: 9px 0; }
				.ins-1, .ins-3 { color: #000000 !important; }
				
		.driver { padding: 18px 0 18px 14px; width: 429px; border: solid 3px #a1d2e6; position: relative;/* display: none;*/ }
			.ugolok2 { position: absolute; width: 30px; height: 18px; top: -18px; right: 13px; background: url(../images/bg-1.png) no-repeat; }
			.unlimited_drivers { width: 133px; float: left; text-transform: uppercase; color: #85a8b7; padding-top: 8px; }
			.driver .dl-1 { width: 127px; padding: 0 13px 0 7px; }
			.driver .dl-1  select { width: 125px; }
			.driver td { vertical-align: bottom; }
			
			.driver-sex { color: #85a8b7; text-transform: uppercase; padding-bottom: 5px; float: none; }
				.driver-sex label { color: #000000; text-transform: none; padding: 0 14px 0 2px; }
				.driver-sex span { padding-right: 25px; }
				.driver-sex span em { font-style: normal; }
				
			.driver .dl-2 { width: 126px; padding: 0; }
				.driver .dl-2 select { width: 112px; }
			.driver .dl-3 { width: 161px; padding: 0; }
				.driver .dl-3 select { width: 159px; }
				
			.h18 { height: 18px; overflow: hidden; }
			.driverss { display: none; }
				
			#driverss_1 .ugolok2 { right: auto; left: 14px; }
			#driverss_2 .ugolok2 { right: auto; left: 90px; }
			#driverss_3 .ugolok2 { right: auto; left: 167px }
			#driverss_4 .ugolok2 { right: auto; left: 245px; }
			#driverss_5 .ugolok2 { right: auto; left: 322px; }
			
			#driverss_1 #drivers_6 { display: none; }
			#driverss_1 #drivers_1 { display: block; }
			#driverss_1 #drivers_2 { display: none; }
			#driverss_1 #drivers_3 { display: none; }
			#driverss_1 #drivers_4 { display: none; }
			#driverss_1 #drivers_5 { display: none; }
			
			#driverss_2 #drivers_6 { display: none; }
			#driverss_2 #drivers_1 { display: block; }
			#driverss_2 #drivers_2 { display: block; }
			#driverss_2 #drivers_3 { display: none; }
			#driverss_2 #drivers_4 { display: none; }
			#driverss_2 #drivers_5 { display: none; }
			
			#driverss_3 #drivers_6 { display: none; }
			#driverss_3 #drivers_1 { display: block; }
			#driverss_3 #drivers_2 { display: block; }
			#driverss_3 #drivers_3 { display: block; }
			#driverss_3 #drivers_4 { display: none; }
			#driverss_3 #drivers_5 { display: none; }
			
			#driverss_4 #drivers_6 { display: none; }
			#driverss_4 #drivers_1 { display: block; }
			#driverss_4 #drivers_2 { display: block; }
			#driverss_4 #drivers_3 { display: block; }
			#driverss_4 #drivers_4 { display: block; }
			#driverss_4 #drivers_5 { display: none; }
			
			#driverss_5 #drivers_6 { display: none; }
			#driverss_5 #drivers_1 { display: block; }
			#driverss_5 #drivers_2 { display: block; }
			#driverss_5 #drivers_3 { display: block; }
			#driverss_5 #drivers_4 { display: block; }
			#driverss_5 #drivers_5 { display: block; }
			
			#driverss_6 #drivers_6 { display: block; }
			#driverss_6 #drivers_1 { display: none; }
			#driverss_6 #drivers_2 { display: none; }
			#driverss_6 #drivers_3 { display: none; }
			#driverss_6 #drivers_4 { display: none; }
			#driverss_6 #drivers_5 { display: none; }
			
			
		.dl-4 { width: 210px; }
		
		.table-3 { border-collapse: collapse; border: none; margin-bottom: 20px; }
			.table-3 td { vertical-align: bottom; }
			
		.table-3 .dl-1 { padding: 0; }
			
		.table-2 { border-collapse: collapse; border: none; margin-top: 8px; margin-bottom: 4px; }
			.table-2 td { vertical-align: middle; }
		
			.table-2 input { margin-left: 0; *margin-left: -4px; }
			.table-2 label { color: #000; position: relative; left: 2px; *left: -2px; }
			
			#select_immobilizer { color: #3693bc; text-decoration: none !important; background: url(../images/bg-3.png) left bottom repeat-x; display: inline-block; *display: inline; zoom: 1; padding-bottom: 3px; position: relative; *left: -4px; }	
			#select_immobilizer:hover { background: none; }	
			
			.dl-5, .table-3 .dl-5 { padding-left: 10px; padding-top: 6px; margin-left: 10px; _margin-left: 5px; border-left: solid 3px #a1d2e6; width: 187px; position: relative; top: -4px; display: none; overflow: hidden; }
				.dl-5 select { width: 185px; }
				.dl-5 label { color: #9c9c9c; white-space: nowrap;/* font-size: 95%;*/ }
			.dl-6, .driver .dl-6 { width: 168px; padding: 0 11px 0 0; }
				.dl-6 select, .driver .dl-6 select { width: 166px; }
				
			.dl-7, .driver .dl-7 { width: 114px; padding: 0 11px 0 0; }
				.dl-7 select, .driver .dl-7 select { width: 112px; }
		
		#immobilizer { display: none; }
		#immobilizer .ugolok2 { left: 2px; }
		.ustroystvo { padding-bottom: 10px; }
		.add_del a { text-decoration: none !important; }
			.add_del a span { text-decoration: underline; }
			.add_del a:hover { background: url(about:blank); }
			.add_del a:hover span { text-decoration: none; }
		.add { color: #3693bc; margin-right: 18px; }
		.del { color: #cf4f7f; }
		
	.table-4 { width: 100%; margin-bottom: 34px; }
		.td-10, .td-11, .td-12 { width: 240px; }
		.td-13 { width: 210px; }
		.table-4 .dl-5 { margin-left: 6px; padding-left: 10px;  _margin-left: 3px; }
		
		
	.h301 { font-size: 12px; color: #85a8b7; text-transform: uppercase; padding-bottom: 10px; font-weight: normal; padding-top: 13px; }	
	
	.help { width: 15px; height: 15px; display: inline-block; *display: inline; zoom:1; position: relative; margin-left: 7px; background: url(../images/help.png) no-repeat; bottom: -3px; z-index: 15; }
	.slider .help { bottom: -1px; }
		.help_popup { position: absolute; width: 137px; padding: 8px; background: #fff; border: solid 3px #d1d1d1; left: 50%; margin-left: -80px; top: 35px; font-size: 10px; font-style: italic; color: #3c3c3c; display: none; }
		iframe.help_popup { border: none; padding: 11px; }
		.help_popup p { padding: 0; }
		.help_popup strong { font-style: normal; }
		.ugolok3 { position: absolute; width: 153px; height: 37px; background: url(../images/ugolok3.png) bottom center no-repeat; left: 0; top: -37px; }
		
	.z10 { position: relative; z-index: 10; }
	
	.i-4 { border: none; background: url(../images/calculate_insurance.jpg) no-repeat; width: 435px; height: 45px; display: block; margin: 0 auto ; }













































				
		    
© TrueDev.org