@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 ; }