@charset "utf-8"; /* CSS Document */ @font-face {font-family: 'PT Serif'; src: url('PTF75F_W.eot'); font-style: normal; font-weight: bold; src: local('PT Serif Bold'), url('PTF75F_W.woff') format('woff'),url('PTF75F_W.ttf') format('truetype'), url('PTF75F_W.svg#PTSerif-Bold') format('svg');} 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 13px/1.46em "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #000000; text-shadow: -1px -1px 0 #fff; background: #e4e4e4; min-width: 1000px; position: relative; height: 100%; } img { border: none; } a { cursor: pointer; text-decoration: underline; color: #343434; } a:hover { text-decoration: none; } p { margin-bottom: 1.7em; } p small { font-size: 0.8em; } h1, h2, h3, h4, h5, h6 { font: bold 21px/normal 'PT Serif'; color: #343434; margin-bottom: .5em; } h1 { font-size: 35px; } h3 { font-size: 17px; } 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; margin-bottom: 15px;} ul li { list-style: disc outside; } .set, .t:after, .t2:after, .slider:after, .front:after, .front_r:after, .front_l:after, .footer_b:after, .popup_autoris:after, .article:after, .article_img a span:before {display: block; content: ''; height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .fl { float: left; } .fr { float: right; } .rel { position: relative; } .wrap {position: relative; height: auto !important; height: 100%; min-height: 100%;} .wrap:after {height: 228px; display: block; content: "";} .t_w {background: #30A1D3; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#30A1D3), to(#018bc9)); background: -webkit-linear-gradient(#30A1D3, #018bc9); background: -moz-linear-gradient(#30A1D3, #018bc9); background: -ms-linear-gradient(#30A1D3, #018bc9); background: -o-linear-gradient(#30A1D3, #018bc9); background: linear-gradient(#30A1D3, #018bc9); -pie-background: linear-gradient(#30A1D3, #018bc9); position: relative; width: 100%; border-bottom: solid 1px #ffffff; padding: 12px 0;} .t {width: 984px; margin: 0 auto;} .m1 {float: left;} .m1 ul {padding: 0; margin: 0;} .m1 li {float: left; list-style: none; display: block; padding: 0 16px 0 15px; border-left: solid 1px #aacede; height: 25px; line-height: 22px;} .m1 li:first-child {border: none; padding-left: 13px;} .m1 li a {color: #fff; text-shadow: none; text-decoration: none;} .m1 li a:hover {text-decoration: underline;} .search {float: right;} .search input[type="text"] {display: inline-block; width: 184px; height: 24px; padding: 0 5px; line-height: 24px; border: none; background: url(../img/sprite.png) -219px -57px no-repeat; margin: 0 8px;} .search input[type="submit"] {width: 85px; margin: 0; height: 22px; font-size: 13px; /*line-height: 22px;*/ vertical-align: middle;} .t2 {width: 984px; margin: 0 auto; padding: 34px 0 40px;} .logo {float: left;} .logo a {width: 219px; height: 64px; display: block; background: url(../img/sprite.png) 0 -57px no-repeat;} .tel {float: right; margin-right: -2px; padding-top: 17px; font: bold 35px/35px 'PT Serif'; color: #000000;} .tel small {font-size: 20px;} .header {background: #5b677a url(../img/head.png); position: relative; border: solid 1px #fff; border-width: 1px 0;} .header:after, .header:before {display: block; position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 30px; background: url(../img/sprite.png) 0 -121px repeat-x; z-index: 100;} .header:after {top: auto; bottom: 0; background-position: 0 -151px;} .slider {position: relative; width: 986px; margin: 0 auto;} .slide {} .slide_text, .slide_img {display: inline-block; vertical-align: middle;} .slide_text {width: 360px; padding: 0 20px 0 2px; font-size: 14px; line-height: 19px; color: #fff; text-shadow: 1px 1px 0 #212f47;} .slide_text h2 {color: #212f47; font-size: 25px; text-shadow: 1px 1px 0 #a3a8b2; margin-bottom: 11px;} .slide_text p {margin-bottom: 18px; padding-left: 2px;} .b1 {width: 402px; height: 57px; display: block; text-align: center; text-decoration: none !important; background: url(../img/sprite.png) no-repeat !important; padding: 0 25px 0 0;font: bold 19px/57px 'PT Serif'; color: #fff; text-shadow: -1px -1px 0 #50182a; position: relative;} .b1:active {background-position: 0 0;} .slide_img {width: 601px; border-right: solid 1px #8f9bb0; border-left: solid 1px #8f9bb0; font-size: 0; line-height: 0;} .front {width: 984px; margin: 0 auto; padding: 40px 0 66px;} .h101 {text-align: center; text-shadow: -1px -1px 0 #fff; color: #343434; margin-bottom: 25px;} .front_l {float: left; width: 380px;} .front_r {float: right; width: 566px; padding-top: 5px;} .cat {width: 255px; height: 313px; float: left; border: solid 1px #fff; background: #fff; margin: 0 0 22px 26px; text-shadow: none;} .cat h2 {height: 61px; color: #fff; font-size: 25px; line-height: 61px; text-shadow: none; position: relative; margin: 0; padding-left: 24px; z-index: 20;} .cat h2:after {width: 100%; overflow: hidden; display: block; position: absolute; left: 0; bottom: -7px; height: 7px; content: ''; background: url(../img/sprite.png) 0 -223px repeat-x;} .cat h2 a {text-decoration: none; color: #fff;} .cat h2 a:hover {text-decoration: underline; } .cat_img {overflow: hidden; width: 100%; position: relative; z-index: 10; font-size: 0; line-height: 0;} .cat_text {padding: 14px 15px 0 22px; font-size: 12px; line-height: 19px; color: #434343;} .cat1 h2 {background: #933AB8; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#933AB8), to(#780aa7)); background: -webkit-linear-gradient(#933AB8, #780aa7); background: -moz-linear-gradient(#933AB8, #780aa7); background: -ms-linear-gradient(#933AB8, #780aa7); background: -o-linear-gradient(#933AB8, #780aa7); background: linear-gradient(#933AB8, #780aa7); -pie-background: linear-gradient(#933AB8, #780aa7);} .cat2 h2 {background: #3AA5D5; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3AA5D5), to(#0a90cb)); background: -webkit-linear-gradient(#3AA5D5, #0a90cb); background: -moz-linear-gradient(#3AA5D5, #0a90cb); background: -ms-linear-gradient(#3AA5D5, #0a90cb); background: -o-linear-gradient(#3AA5D5, #0a90cb); background: linear-gradient(#3AA5D5, #0a90cb); -pie-background: linear-gradient(#3AA5D5, #0a90cb);} .cat3 h2 {background: #41BE7B; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#41BE7B), to(#0bac56)); background: -webkit-linear-gradient(#41BE7B, #0bac56); background: -moz-linear-gradient(#41BE7B, #0bac56); background: -ms-linear-gradient(#41BE7B, #0bac56); background: -o-linear-gradient(#41BE7B, #0bac56); background: linear-gradient(#41BE7B, #0bac56); -pie-background: linear-gradient(#41BE7B, #0bac56);} .cat4 h2 {background: #E99B4F; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E99B4F), to(#e38324)); background: -webkit-linear-gradient(#E99B4F, #e38324); background: -moz-linear-gradient(#E99B4F, #e38324); background: -ms-linear-gradient(#E99B4F, #e38324); background: -o-linear-gradient(#E99B4F, #e38324); background: linear-gradient(#E99B4F, #e38324); -pie-background: linear-gradient(#E99B4F, #e38324); font-size: 20px; line-height: 22px; padding-top: 9px; height: 52px;} .footer_w {width: 100%; background: url(../img/foot_1.png); position: relative; padding-top: 44px; overflow: hidden; color: #fff; text-shadow: none; margin-top: -228px;} .footer_w:before, .footer_b:before {position: absolute; width: 100%; left: 0; top: 0; content: ''; height: 27px; background: url(../img/sprite.png) 0 -193px repeat-x;} .footer {position: relative; overflow: hidden; width: 984px; margin: 0 auto 25px; height: 95px;} .cat_list {float: left; width: 790px;} .cat_list > ul {padding: 0; margin: 0;} .cat_list > ul > li {list-style: none; display: block; float: left; padding: 0 40px 0 0;} .cat_list li ul {padding: 0 0 0 15px; margin: 0;} .cat_list li li {list-style: none; display: block; padding: 0;} .cat_list a, .m2 a, .vh a, .copy a {color: #fff; text-shadow: 1px 1px 0 #212f47; text-decoration: none;} .cat_list a:hover, .m2 a:hover {text-decoration: underline;} .m2 {float: right; width: 180px;} .m2 ul, .m2 li {padding: 0; margin: 0; list-style: none; display: block; font-weight: bold;} .m2 a {color: #fff;} .footer_b {width: 984px; margin: 0 auto; position: relative; z-index: 20; padding: 21px 0; height: 22px;} .footer_b:before {position: absolute; width: 10000px; left: 50%; margin-left: -5000px; top: 0; bottom: 0; content: ''; height: 100%; background: url(../img/foot_2.png); z-index: 10;} .footer_b:after {} .vh, .copy {float: left; width: 49%; position: relative; z-index: 20; padding-left: 1px;} .copy {float: right; text-align: right; padding-top: 3px;} .vh a {text-decoration: underline;} .vh a:hover {text-decoration: none;} .page {padding: 35px 0 20px; background: #fff; position: relative; overflow: hidden; border: solid 1px #fff; border-width: 1px 0;} .page_after, .page_before {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 8px; font-size: 0; line-height: 0; background: url(../img/sprite.png) 0 -180px repeat-x; z-index: 1000;} .page_after {top: auto; bottom: 0; background-position: 0 -232px;} .page_c {width: 984px; margin: 0 auto;} .cont {float: right; width: 674px; position: relative; color: #343434; text-shadow: none;} .cont h2 {margin-bottom: 2px;} .nav {float: left; width: 272px; position: relative; z-index: 1;} .bgl {position: absolute; width: 50%; height: 100%; right: 50%; top: 0; bottom: 0; background: url(../img/l-column.png); margin-right: 219px; z-index:0; border-right: solid 1px #e4e4e4;} .bgl:before {display: block; position: absolute; content: ''; right: 0; top: 0; bottom: 0; width: 23px; background: url(../img/l_shad.png) 100% 50% no-repeat; z-index: 10;} .m3 {margin-bottom: 20px; color: #fff;} .m3 li { list-style: none; display: block; position: relative;} .m3 > ul {padding: 0; margin: 0;} .m3 > ul > li {padding: 20px 24px; font: bold 19px/23px 'PT Serif';} .m3 > ul > li:before {width: 100%; height: 2px; left: 0; top: 0; content: ''; position: absolute; display: block; left: 0; background: url(../img/sprite.png) 0 -230px no-repeat;} .m3 a {text-decoration: none; color: #fff; text-shadow: 1px 1px #212f47;} .m3 a:hover {text-decoration: underline;} .m3 > ul > li:first-child {background: none; padding-top: 10px;} .m3 > ul > li:first-child:before {display: none;} .m3 li ul {padding: 14px 0 8px 22px; margin: 0; position: relative; font: normal 13px/1.46em "Trebuchet MS", Helvetica, Jamrul, sans-serif;} .m3 li li { padding: 0 0 10px;} .m3 li li a { text-decoration: underline;} .m3 li li a:hover {color: #a5e3ff;} .m3 li li:before {display: block; position: absolute; content: "•"; left: -16px; font-size: 20px; text-shadow: 1px 1px #212f47;} .m3 li li.active a, .m3 li li.active {color: #a5e3ff; text-decoration: none;} .t1 {font-size: 15px; margin-bottom: 30px;} .price {position: relative; margin-bottom: 40px; width: 353px;} .price h3 {font-size: 17px; margin-bottom: 0;} .price table {width: 100%; border-collapse: collapse; border: none; margin-left: -10px;} .price td {padding: 5px 10px;} .price tr td:last-child {padding-right: 22px; text-align: right;} .price tr:nth-child(even) {background: #f4f4f4;} .price tr.even {background: #f4f4f4;} .price .more {margin: 5px 10px;} .includ {position: relative; padding: 40px; text-align: center;} .h201 {font-size: 35px; color: #343434; margin: 0;} .h102 {margin: 0 0 23px -4px;} .sery {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .9; filter: alpha(opacity=90); z-index: 2000; display: none;} .popup_autoris, .popup_map {position: fixed; left: 50%; top: 50%; width: 562px; height: 250px; padding: 25px 20px 30px 62px; background: #e4e4e4; z-index: 3000; margin: -152px 0 0 -321px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #2c2c2c; text-shadow: none; display: none;} .close {position: absolute; right: -16px; top: -19px; width: 47px; height: 47px; text-indent: -9999px; overflow: hidden; background: url(../img/sprite.png) 0 -240px no-repeat; cursor: pointer;} .h203 {font-size: 21px; text-shadow: none; color: #2c2c2c; margin-bottom: 19px;} .form1 {width: 389px; float: left;} .form1 dl {margin-bottom: 20px;} .form1 dt {padding: 0 0 0 5px; margin-bottom: 3px;} .form1 dd { margin-bottom: 20px;} .form1 dd input[type="text"], .form1 dd input[type="password"] {width: 367px; padding: 0 10px; background: #fff; border: solid 1px #848484; font-size: 20px; line-height: 36px; height: 36px;} .s1 {margin: 39px 0 7px; text-align: right;} .s1 input[type='submit'] {width: 85px; height: 22px; font-size: 13px; padding: 0;} .form1_mess {float: right; width: 144px; padding: 70px 0 0; font-style: italic; color: #666666; font-size: 13px; line-height: normal;} .article { margin-bottom: 40px;} .article_img {float: right; margin: 24px 0 20px 10px; text-align: right;} .article_img a {text-decoration: none;} .article_img a span {border-bottom: dotted 1px #0d7aaa; text-align: right; color: #0d7aaa; position: relative; top: 3px;} .article_img a:hover span {border: none;} .article_text {overflow: hidden; color: #000;} .article_text h2 {font-size: 21px; margin-bottom: 0; color: #343434;} .article_text h2 a {text-decoration: none; color: #343434;} .article_text h2 a:hover {text-decoration: underline;} .metro {padding: 0 0 4px 80px; position: relative; font-style: italic; line-height: 29px; margin-top: -12px; margin-left: 2px; color: #343434;} .metro:before {position: absolute; width: 63px; height: 29px; left: 0; top: 0; content: ''; background: url(../img/sprite.png) -47px -240px no-repeat;} .metro2:before {background-position: -110px -240px;} .metro3:before {background-position: -173px -240px;} .dil_adr {display: block; color: #343434;} .dilers {margin-bottom: 30px;} .dilers .article_img {margin-top: 5px;} .page_nav {margin: 16px; text-align: center; font: bold 21px "PT Serif"; color: #343434;} .page_nav ul {padding: 0; margin: 0;} .page_nav li {list-style: none; display: inline; padding: 0 4px;} .page_nav li a {color: #343434; text-decoration: none;} .page_nav li a:hover {text-decoration: underline;} .page_nav li.cur a {color: #adadad;} .popup_map {width: 717px; height: 491px; padding: 23px 55px 20px 55px; margin: -267px 0 0 -413px;} .h204 {text-align: center; font-size: 21px; margin-bottom: 20px;} .map, .map_descr {display: inline-block; vertical-align: middle;} .map {width: 529px; padding: 0 22px 0 0;} .map_descr {width: 166px; color: #666; font-style: italic; line-height: 16px;} .t3 {overflow: hidden; color: #000;} .t3 p {margin-bottom: 16px;} .kak {padding: 10px 7px;} .map2 {margin: 5px 0 20px;} .img_in_text {float: right; margin: 0 -2px 45px 35px;} .img_in_text img {display: block;} .img_in_text span {display: block; padding-top: 12px; font-style: italic; color: #605e5e;} .images_w {position: relative;} .images {width: 680px; background: #e4e4e4; padding: 14px 0 13px 18px; overflow: hidden; margin: 0 -18px 20px; position: relative;} .grad1 {position: absolute; right: 21px; top: 0; bottom: 0; width: 88px; height: 100%; background: url(../img/grag1.png) repeat-y;} .images ul {padding: 0; margin: 0;} .images li {float: left; list-style: none; display: block; margin: 0; padding: 0 21px 0 0;} .images li img {width: 68px; height: 68px; padding: 3px; background: #fff; border: solid 1px #9d9d9d; float: left;} .more {text-align: right;} .more2 {margin: 30px 10px !important;} .more2 a {color: #0d7aaa;} .images_w2 {margin-bottom: 80px;} .f_h_f {width: 756px; padding: 70px 0 180px 228px; margin: 0 auto; color: #343434;} .f_h_f h1 {font-size: 70px; color: #343434;} .f_h_f h1 strong {font-size: 90px;} .f_h_f p {font-size: 17px; line-height: 42px; text-shadow: none;} .f_h_f p input[type="text"], .form2 input[type="text"] {width: 172px; height: 22px; font-size: 13px; line-height: 22px; padding: 0 10px; background: #fff; border: solid 1px #bfbfbf; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; vertical-align: middle; margin-right: 9px;} .f_h_f p input[type="submit"], .form2 input[type="submit"] {width: 85px; height: 21px; vertical-align: middle; font-size: 13px;} .form2 {margin-bottom: 30px;} .form2 input[type="text"] {} .form2 input[type="submit"] {} .result {margin-bottom: 55px; color: #000;} .result dt {margin-bottom: 10px;} .result dt a {color: #0d7aaa;} .result dt span {font-size: 17px;} .result dd {} .result dd u {text-decoration: none; background: #e4e4e4; padding: 0 2px;}