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






    
© TrueDev.org