File Name : /home/z/zoomsite/lik-msk.ru/public_html/css/style.css
html { height: 100%; min-height: 100%; } body { height: 100%; min-height: 100%; margin: 0; padding: 0; background: URL(../img/bg.png) repeat-x top; } img { border: 0; } .clear { width: 100%; clear: both; } form { padding: 0; margin: 0; } .container { width: 100%; height: auto; min-height: 100%; } @media screen and (max-width: 1000px) { .abspost { display: none; } .header .absmenu { width: 100px; height: 95px; background: URL(../img/menu.png) no-repeat; position: absolute; right: 30px; top: 30px; } .header .memupl { width: 100%; height: 100%; overflow-y: auto; position: fixed; z-index: 100000; background: URL(../img/addpl.png); display: none; } .header .memupl .closemenu { width: 100px; height: 100px; background: URL(../img/closemenu.png) no-repeat; position: absolute; z-index: 100001; top: 30px; right: 30px; } .header .memupl p { font: 90px Myriad Pro, Arial; color: #010101; margin: 0; padding: 13px 0 13px 100px; } .header .memupl p.submenu { font: 65px Myriad Pro, Arial; color: #010101; margin: 0; padding: 10px 0 10px 150px; } .header .memupl p a { color: #010101; } .header { width: 100%; height: 150px; border-top: 3px #009cda solid; background: #fff; } .header .headerbody { width: 960px; height: 300px; margin: 0 auto; } .header .headerbody .logodiv { width: 960px; height: 170px; } .header .headerbody .logodiv .logo { width: 700px; height: 130px; margin: 20px 0 20px 50px; } .header .headerbody .educdiv { width: 310px; height: 130px; float: left; } .header .headerbody .educdiv h3.title, .header .headerbody .workdiv h3.title { font: 25px Myriad Pro, Arial; color: #010101; text-transform: uppercase; margin: 0; padding: 5px 0 2px 0; } .header .headerbody .educdiv p, .header .headerbody .workdiv p { font: 28px Myriad Pro, Arial; color: #009cda; margin: 0; padding: 0; } .header .headerbody .workdiv { width: 310px; height: 130px; float: left; } .header .headerbody .backcalldiv { width: 320px; height: 130px; float: left; } .header .headerbody .backcalldiv div { width: 300px; height: 82px; background: URL(../img/backcallsm.png) no-repeat; margin: 23px 0 0 0; } .mainmenublock { width: 100%; height: 120px; } .mainmenu { width: 100%; height: 120px; background: URL(../img/mainmenu.png) bottom; position: absolute; z-index: 100; } .mainmenu .mainmenubody { width: 960px; height: 100px; margin: 0 auto; } .mainmenu .mainmenubody .menudiv { width: 900px; height: 64px; float: left; display: none; } .mainmenu .mainmenubody .menudiv p { font: bold 16px Myriad Pro, Arial; color: #000; position: relative !important; z-index: 500 !important; margin: 0; padding: 19px 0 0 70px; text-transform: uppercase; } .mainmenu .mainmenubody .menudiv p a { float: left; display: inline; margin: 0 6px; padding: 3px 16px; color: #010101; text-decoration: none; } .mainmenu .mainmenubody .menudiv p a.act, .mainmenu .mainmenubody .menudiv p a:hover { background: #f5f5f5; border-radius: 12px; } .mainmenu .mainmenubody .submenu { width: 260px; height: auto; background: #019cdc; display: none; position: absolute; z-index: 100 !important; margin: 10px 0 0 170px; padding: 50px 2px 2px 2px; } .mainmenu .mainmenubody #submenu54 { margin-left: 164px; } .mainmenu .mainmenubody #submenu3 { margin-left: 288px; } .mainmenu .mainmenubody #submenu1 { margin-left: 76px; } .mainmenu .mainmenubody .submenu a { text-decoration: none; } .mainmenu .mainmenubody .submenu div { width: 230px; padding: 5px 15px; margin: 0; border-radius: 10px; } .mainmenu .mainmenubody .submenu div:hover { background: #e1edfb; } .mainmenu .mainmenubody .submenu div p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-transform: uppercase; } .mainmenu .mainmenubody .searchdiv { width: 960px; height: 80px; float: left; } .mainmenu .mainmenubody .searchdiv div.search { width: 920px; height: 80px; background: #e1edfa; border-radius: 4px; margin: 15px 10px; } .mainmenu .mainmenubody .searchdiv div.search .searchbtn { width: 100px; height: 80px; float: left; } .mainmenu .mainmenubody .searchdiv div.search .searchbtn input[type=button] { width: 100px; height: 80px; background: URL(../img/searchsm.png) no-repeat; border: 0; margin: 10px 0; } .mainmenu .mainmenubody .searchdiv div.search .searchtext { width: 820px; height: 80px; float: left; } .mainmenu .mainmenubody .searchdiv div.search .searchtext input[type=text] { background: transparent; border: 0; width: 780px; padding: 7px 20px 5px 20px; font: italic 50px Myriad Pro; color: #009cda; outline: none; } .blocktitle { width: 100%; height: 210px; } .blocktitle .titlemar { width: 100%; height: 62px; } .blocktitle .titlebg { width: 100%; height: 85px; background: URL(../img/titlebg.png); } .blocktitle .titlebg h1 { font: bold 50px/80px Myriad Pro, Arial; color: #010101; margin: 0; padding: 0; text-transform: uppercase; text-align: center; } .seotext { width: 100%; height: auto; } .seotext .seotextbody { width: 1170px; height: auto; margin: 0 auto; } .seotext .seotextbody p { font: 16px Myriad Pro, Arial; color: #000; margin: 0; padding: 15px 30px; } .seotext2 { width: 100%; height: auto; padding: 50px 0; } .seotext2 .seotext2body { width: 960px; height: auto; margin: 0 auto; } .seotext2 .seotext2body p { font: 33px Myriad Pro, Arial; color: #2a292d; margin: 0; padding: 10px 20px; text-align: center; text-transform: uppercase; } .mainslider { width: 100%; height: 590px; } .mainslider .mainsliderbody { width: 960px; height: 590px; margin: 0 auto; } .mainslider .mainsliderbody .description { width: 730px; height: 393px; position: absolute; z-index: 10000; margin: 85px 115px 0 115px; background: URL(../img/slidebg.png); } .mainslider .mainsliderbody .description h3 { font: bold 66px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 5px 0; text-align: center; text-transform: uppercase; } .mainslider .mainsliderbody .description p { font: 40px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .mainslider .mainsliderbody .description .order { width: 530px; height: 111px; background: URL(../img/ordersm.png) no-repeat; margin: 30px 100px; } .contacts-filial { width: 100%; height: auto; padding-bottom: 42px; } .contacts-filial .filialbody { width: 960px; height: auto; margin: 0 auto; } .contacts-filial .filialbody .filpart { width: 900px; height: auto; float: left; } .contacts-filial .filialbody .filpart .fil-left { margin: 18px 12px 0 24px; } .contacts-filial .filialbody .filpart .fil-right { margin: 18px 24px 0 12px; } .contacts-filial .filialbody .filpart .man1 { background: URL(../img/man1.png) 25px 50% no-repeat; } .contacts-filial .filialbody .filpart .man2 { background: URL(../img/man2.png) 25px 50% no-repeat; } .contacts-filial .filialbody .filpart h3 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 0 0; text-align: center; text-transform: uppercase; } .contacts-filial .filialbody .filpart .onefilial { width: 748px; min-height: 168px; height: auto; padding: 0 0 20px 150px; border: 1px #cacaca solid; border-radius: 1px; } .contacts-filial .filialbody .filpart .onefilial h4 { font: 40px Myriad Pro, Arial; color: #010101; text-transform: uppercase; margin: 0; padding: 17px 0 0 30px; } .contacts-filial .filialbody .filpart .onefilial p { font: 40px Myriad Pro, Arial; color: #009cda; margin: 15px 0 0 0; padding: 0 0 2px 30px; } .contacts-filial .filialbody .filpart .onefilial .bmail { background: URL(../img/message-blue.png) 0 50% no-repeat; } .contacts-filial .filialbody .filpart .onefilial .bphone { background: URL(../img/phone-blue.png) 0 50% no-repeat; } .blueline { width: 100%; min-height: 190px; height: auto; background: #009cda; } .blueline .bluelinebody { width: 960px; min-height: 190px; height: auto; margin: 0 auto; padding: 20px 0; } .blueline .bluelinebody .text1 { font: 46px Myriad Pro, Arial; color: #000; margin: 0; padding: 7px 0 0 0; text-align: center; text-transform: uppercase; } .blueline .bluelinebody .text2 { font: bold 75px/90px Myriad Pro, Arial; color: #000; margin: 0; padding: 8px 0 0 0; text-align: center; text-transform: uppercase; } .blueline .bluelinebody .text3 { font: 40px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; } .bigblueline { width: 100%; min-height: 420px; height: auto; background: #009cda; } .bigblueline .bigbluelinebody { width: 960px; min-height: 420px; height: auto; margin: 0 auto; padding-bottom: 20px; } .bigblueline .bigbluelinebody .bbb-top { width: 960px; min-height: 185px; height: auto; padding-bottom: 50px; } .bigblueline .bigbluelinebody .bbb-top h3, .bigblueline .bigbluelinebody h3 { font: bold 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 35px 0 0 0; text-align: center; text-transform: uppercase; } .bigblueline .bigbluelinebody .bbb-top p, .bigblueline .bigbluelinebody p { font: 30px Myriad Pro, Arial; color: #000; margin: 0; padding: 25px 40px 0 40px; text-align: center; text-transform: uppercase; } .bigblueline .bigbluelinebody .bbb-bot { width: 960px; min-height: 235px; height: auto; } .bigblueline .bigbluelinebody .bbb-bot .circlesdiv { width: 900px; min-height: 235px; height: auto; margin: 0 auto; } .bigblueline .bigbluelinebody .bbb-bot .onecircles { width: 400px; min-height: 530px; height: auto; float: left; margin: 0 25px; padding-bottom: 50px; } .bigblueline .bigbluelinebody .bbb-bot .onecircles .circle { width: 300px; height: 300px; margin: 0 auto; } .bigblueline .bigbluelinebody .bbb-bot .onecircles .circle img { width: 300px; margin: 0; } .bigblueline .bigbluelinebody .bbb-bot .onecircles h4 { font: bold 35px Myriad Pro, Arial; color: #000; margin: 0; padding: 15px 0 0 0; text-align: center; text-transform: uppercase; } .bigblueline .bigbluelinebody .bbb-bot .onecircles p { font: 30px Myriad Pro, Arial; color: #000; margin: 0; padding: 20px 0 0 0; text-align: center; } .bigblueline2 { width: 100%; height: auto; background: #009cda; } .bigblueline2 .bigblueline2body { width: 960px; height: auto; margin: 0 auto; } .bigblueline2 .bigblueline2body h3 { font: bold 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 35px 0 0 0; text-align: center; text-transform: uppercase; } .bigblueline2 .bigblueline2body .bbb-bot { width: 960px; height: auto; margin-top: 40px; padding-bottom: 30px; } .bigblueline2 .bigblueline2body .bbb-bot .circlesdiv { width: 960px; min-height: 235px; height: auto; margin: 0 auto; } .bigblueline2 .bigblueline2body .bbb-bot .circlesdiv .clear1 { width: 100%; clear: both; } .bigblueline2 .bigblueline2body .bbb-bot .onecircles { width: 380px; min-height: 235px; height: auto; float: left; margin: 0 50px; } .bigblueline2 .bigblueline2body .bbb-bot .onecircles .circle { width: 103px; height: 103px; margin: 0 auto; } .bigblueline2 .bigblueline2body .bbb-bot .onecircles h4 { font: bold 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 15px 0 0 0; text-align: center; text-transform: uppercase; } .bigblueline2 .bigblueline2body .bbb-bot .onecircles p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 20px 0 0 0; text-align: center; } .bigblueline2 .bigblueline2body .bbb-bot .onecir { width: 380px; min-height: 350px; height: auto; float: left; margin: 0 50px; padding-bottom: 20px; } .bigblueline2 .bigblueline2body .bbb-bot .onecir .circle { width: 300px; height: 300px; margin: 0 auto; } .bigblueline2 .bigblueline2body .bbb-bot .onecir .circle img { width: 300px; max-height: 300px; } .bigblueline2 .bigblueline2body .bbb-bot .onecir p { font: 35px Myriad Pro, Arial; color: #000; margin: 0; padding: 20px 0 0 0; text-align: center; text-transform: uppercase; } .descdiv { width: 100%; height: auto; } .descdiv table { width: 860px !important; } .descdiv table .hidtd { display: none; } .descdiv .descdivbody { width: 840px; height: auto; margin: 0 auto; padding: 10px 50px 60px 50px; } .descdiv .descdivbody h2 { font: bold 50px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 30px 0; text-align: center; text-transform: uppercase; } .descdiv .descdivbody p { font: 28px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 20px 10px 20px; text-align: left; } .descdiv .descdivbody .desctext p { font: 28px/35px Myriad Pro, Arial; color: #000; text-transform: uppercase; margin: 0; padding: 10px 20px 10px 20px; text-align: center; } .universedescdiv { width: 100%; height: auto; } .universedescdiv .universedescdivbody { width: 960px; height: auto; margin: 0 auto; padding: 10px 0; display: none; } .universedescdiv .universedescdivbody table { width: 960px; border-bottom: 3px #1f3b51 solid; } .universedescdiv .universedescdivbody p { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 100px 10px 100px; text-align: left; } .universedescdiv .universedescdivbody table th { background: #019cdc; border-right: 2px #019cdc solid; border-left: 2px #019cdc solid; height: 43px; font: 22px Myriad Pro, Arial; color: #111; text-transform: uppercase; } .universedescdiv .universedescdivbody table th p { font: 22px Myriad Pro, Arial; color: #111; text-transform: uppercase; margin: 0; padding: 0; } .universedescdiv .universedescdivbody table td { border-right: 3px #1f3b51 solid; padding: 0 7px; height: 21px; font: 14px Myriad Pro, Arial; color: #333; text-transform: uppercase; } .universedescdiv .universedescdivbody table td:first-of-type { border-left: 3px #1f3b51 solid; } .universedescdiv .universedescdivbody table td p { font: 14px Myriad Pro, Arial; color: #333; text-transform: uppercase; margin: 0; padding: 0; } .universedescdiv .universedescdivbody table td p a, .universedescdiv .universedescdivbody table td a { color: #333; } .universedescdiv .universedescdivbody table td p a:hover, .universedescdiv .universedescdivbody table td a:hover { text-decoration: none; } .universedescdiv .universedescdivbody table .even { background: #99d1e8; } .universedescdiv .universedescdivbody table .sel { background: #019cdc; } .universedescdiv .universedescdivbody .gallery { width: 984px; height: auto; margin: 20px auto 0 auto; } .universedescdiv .universedescdivbody .gallery div { width: 294px; height: 208px; margin: 9px 17px; float: left; } .universedescdiv .universedescdivbodymobile { width: 960px; height: auto; margin: 0 auto; padding: 10px 0; } .universedescdiv .universedescdivbodymobile p { font: 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 100px 10px 100px; text-align: left; } .universedescdiv .universedescdivbodymobile .gallery { width: 940px; height: auto; margin: 20px auto 0 auto; } .universedescdiv .universedescdivbodymobile .gallery div { width: 410px; height: 290px; margin: 9px 30px; float: left; } .vacancy { width: 100%; height: auto; } .vacancy .vacancybody { width: 920px; height: auto; margin: 0 auto; } .vacancy .vacancybody .onevac { width: 848px; height: auto; margin: 10px 0; padding: 25px 35px; border: 1px #cacaca solid; border-radius: 1px; } .vacancy .vacancybody .onevac p.more { font: 30px/35px Myriad Pro, Arial; color: #009cda; margin: 0; padding: 15px 0 0 0; text-transform: uppercase; } .vacancy .vacancybody .onevac p.more a { color: #009cda; } .vacancy .vacancybody .onevac p.more a:hover { text-decoration: none; } .vacancy .vacancybody .onevac .vac-top { width: 848px; height: auto; } .vacancy .vacancybody .onevac .vac-top .vt-left { width: 670px; height: auto; float: left; } .vacancy .vacancybody .onevac .vac-top .vt-left h3 { font: 40px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-transform: uppercase; } .vacancy .vacancybody .onevac .vac-top .vt-right { width: 178px; height: auto; float: left; } .vacancy .vacancybody .onevac .vac-top .vt-right p { font: 40px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: right; text-transform: uppercase; } .vacancy .vacancybody .onevac .vac-top p.date { font: 28px Myriad Pro, Arial; color: #bfbfbf; margin: 0; padding: 0; } .vacancy .vacancybody .onevac .vac-bot { width: 848px; height: auto; display: none; } .vacancy .vacancybody .onevac .vac-bot p { font: 30px/35px Myriad Pro, Arial; color: #010101; margin: 0; padding: 15px 0 0 0; } .vectors { width: 100%; height: auto; padding-bottom: 40px; } .vectors .vectorsbody { width: 900px; height: auto; margin: 0 auto; } .vectors .vectorsbody h2 { font: bold 50px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 30px 0; text-align: center; text-transform: uppercase; } .vectors .vectorsbody div.oneeduc { width: 700px; height: 919px; background: URL(../img/educsm.png) no-repeat; margin: 11px 100px 33px 100px; float: left; } .vectors .vectorsbody div.oneeduc .educ1 { background: URL(../img/educ1sm.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .educ2 { background: URL(../img/educ2sm.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .educ3 { background: URL(../img/educ3sm.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .educ4 { background: URL(../img/educ4sm.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .educ5 { background: URL(../img/educ5sm.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .skin { width: 700px; height: 919px; background-position: 50% 25px; background-repeat: no-repeat; } .vectors .vectorsbody div.oneeduc .skin .skin-upper { width: 700px; height: 260px; display: table; vertical-align: middle; } .vectors .vectorsbody div.oneeduc .skin .skin-upper .su-div { text-align: center; width: 700px; height: 260px; display: table-cell; vertical-align: middle; } .vectors .vectorsbody div.oneeduc .skin .skin-upper .su-div img { max-width: 500px; max-height: 230px; } .vectors .vectorsbody div.oneeduc .skin .skin-top { width: 700px; height: 490px; } .vectors .vectorsbody div.oneeduc .skin .skin-top h3 { font: bold 45px Myriad Pro, Arial; color: #313131; margin: 0; padding: 0 0 30px 0; text-align: center; text-transform: uppercase; } .vectors .vectorsbody div.oneeduc .skin .skin-top p { font: 40px Myriad Pro, Arial; color: #313131; margin: 0; padding: 0 25px; text-align: center; } .vectors .vectorsbody div.oneeduc .skin .skin-bot { width: 700px; height: 169px; } .vectors .vectorsbody div.oneeduc .skin .skin-bot .more { width: 500px; height: 107px; margin: 0 100px; background: URL(../img/moresm.png) no-repeat; } .orders { width: 100%; height: auto; background: #f3f3f3; margin: 40px 0 0 0; } .orders .ordersbody { width: 960px; height: auto; margin: 0 auto; padding: 40px 0 65px 0; } .orders .ordersbody h2 { font: bold 50px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; } .regdiv { width: 766px; height: auto; border-radius: 5px; padding: 0 36px; margin: 10px auto; background: #fff; text-align: left; } .regdiv .tabs { width: 383px; height: 76px; float: left; background: #eee URL(../img/man.png) no-repeat 35px 50%; } .regdiv .tabs p { font: 28px Myriad Pro; color: #7d7d7d; margin: 0; padding: 19px 0 0 65px; text-transform: uppercase; } .regdiv .act { background: #fff URL(../img/manact.png) no-repeat 35px 50%; } .regdiv .act p { font: 28px Myriad Pro; color: #0287cc; margin: 0; padding: 19px 0 0 65px; text-transform: uppercase; } .regdiv .regbody { width: 766px; height: auto; padding-top: 33px; display: none; } .regdiv .regbody .emptybtn { width: 212px; height: 44px; margin: 3px 0 0 277px; background: #f6f853; position: absolute; display: none; } .regdiv .regbody .emptybtn div { width: 212px; height: 44px; background: URL(../img/ajax-loader.gif) no-repeat 50% 50%; } .regdiv .regbody input[type=button].regbtn, .regdiv .regbody .regbtn { cursor: pointer; width: 212px; height: 45px; margin: 3px 0 0 277px; background: URL(../img/order2.png) no-repeat; border: 0; } .regdiv .regbody input[type=text], .regdiv .regbody input[type=password] { font: 24px Myriad Pro; color: #ababab; width: 344px; height: 30px; margin: 11px 0; padding: 10px; border: 2px #dde0e2 solid; border-radius: 3px; } .regdiv .regbody input[type=text]:focus, .regdiv .regbody input[type=password]:focus { border: 2px #1895d6 solid; color: #0287cc; } .regdiv .regbody input[type=text].error, .regdiv .regbody input[type=password].error { border: 2px #c00 solid; } .regdiv .regbody p.error { color: #c00; font: 13px Myriad Pro; margin: 0; padding: 0 17px; } .regdiv .regbody p.rules { color: #ababab; font: 14px Myriad Pro; margin: 0; padding: 0 17px; text-align: center; } .regdiv .regbody p.rules input[type=checkbox] { vertical-align: -2px; } .regdiv .regbody p.regauth { text-align: center; width: 766px; font: 18px Myriad Pro; color: #000; margin: 10px 0 0 0; padding: 0; } .regdiv .regbody p.regauth a { color: #000; } .regdiv .regbody p.regauth a:hover { text-decoration: none; } .regdiv .regbody p.success { font: 25px Myriad Pro; color: #000; margin: 0; padding: 20px 70px; text-align: center; } .regdiv .regbody .regtab { width: 762px; height: 40px; border: 2px #dde0e2 solid; border-top: 0; border-radius: 3px; } .regdiv .regbody .regtab p { font: 14px Myriad Pro; color: #ababab; margin: 0; padding: 10px 0 0 15px; } .regdiv .regbody .head { border: 2px #1895d6 solid; } .regdiv .regbody .head p { font: 14px Myriad Pro; color: #0287cc; margin: 0; padding: 10px 0 0 15px; } .regdiv .regbody .regtab .rt-left { width: 535px; height: 40px; float: left; border-right: 2px #dde0e2 solid; } .regdiv .regbody .head .rt-left { border-right: 2px #1895d6 solid; } .regdiv .regbody .regtab .rt-right { width: 225px; height: 40px; float: left; } .regdiv .regbody .regtab .rt-right input[type=text] { margin: 0; border: 0; width: 185px; } .regdiv .regbody .regtab .rt-both { width: 760px; height: 40px; } .regdiv .regbody .regtab .rt-both p { font-size: 16px; color: #999; } .regdiv .regbody .regbottom { width: 766px; height: 70px; margin: 20px 0 0 0; } .regdiv .regbody .regtop { width: 766px; height: auto; padding: 0 15px; margin: 11px 0 0 -15px; } .regdiv .regbody .regmid { width: 766px; height: 30px; margin: 180px 0 0 0; } .regdiv .regbody .selectbox .dropdown { width: 500px; } .hidtab { display: none; } .footercontacts { width: 100%; min-height: 254px; height: auto; background: URL(../img/contacts.jpg) 50% 50% no-repeat; background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; -khtml-background-size: auto 100%; margin-top: 50px; } .footercontacts .fotercontbody { width: 960px; min-height: 254px; height: auto; margin: 0 auto; } .footercontacts .fotercontbody .fc-top { width: 960px; height: 65px; } .footercontacts .fotercontbody .fc-top h4 { font: bold 40px Myriad Pro, Arial; color: #fffefe; text-shadow: 3px 3px 2px #333; margin: 0; padding: 10px 0 10px 0; text-align: center; text-transform: uppercase; } .footercontacts .fotercontbody .onecont { width: 960px; height: auto; float: left; padding: 15px 0; } .footercontacts .fotercontbody .onecont h5 { font: bold 30px Myriad Pro, Arial; color: #fffefe; margin: 0; padding: 10px 0 10px 62px; text-transform: uppercase; } .footercontacts .fotercontbody .onecont p { font: 30px Myriad Pro, Arial; color: #fffefe; margin: 0; padding: 5px 0 5px 62px; } .footercontacts .fotercontbody .onecont .addr { background: URL(../img/wh_addr.png) 30px 50% no-repeat; } .footercontacts .fotercontbody .onecont .mess { background: URL(../img/wh_mess.png) 30px 50% no-repeat; } .footercontacts .fotercontbody .onecont .phone { background: URL(../img/wh_phone.png) 30px 50% no-repeat; } .anketa { width: 100%; height: auto; background: #f3f3f3; margin: 40px 0 0 0; } .anketa .anketabody { width: 960px; height: auto; margin: 0 auto; padding: 40px 0 65px 0; } .anketa .anketabody h3 { font: bold 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; } .anketa .anketabody .anketform { width: 800px; height: auto; margin: 0 auto; padding: 35px 20px; box-shadow: 0 0 4px 0 #999; border-radius: 5px; background: #fff; } .anketa .anketabody .anketform input[type=text] { font-size: 35px; width: 736px; padding: 15px 15px; margin: 9px 15px; border: 2px #dde0e2 solid; border-radius: 3px; } .anketa .anketabody .anketform input[type=text].otherf { margin: 9px 15px; } .anketa .anketabody .anketform input[type=text]:focus { border: 2px #1895d6 solid; } .anketa .anketabody .anketform input[type=button] { width: 350px; height: 74px; cursor: pointer; background: URL(../img/order2sm.png) no-repeat; margin: 9px 225px; border: 0; } .anketa .anketabody .anketform .psevdoBtn { width: 212px; height: 45px; border-radius: 2px; display: none; position: absolute; z-index: 100; background: #f6f853 URL(../img/ajax-loader.gif) 50% 50% no-repeat; margin: 9px 294px; } .anketa .anketabody .anketaconfirm { width: 800px; height: 410px; padding: 0; background: #fff; } .anketa .anketabody .anketaconfirm h4 { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 150px 0 20px 0; text-align: center; text-transform: uppercase; } .anketa .anketabody .anketaconfirm p { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 20px 0; text-align: center; } .window { width: 800px; height: auto; padding: 10px 0; position: absolute; z-index: 1500; display: none; } .window .windowinner { width: 800px; height: auto; margin: 0 auto; } .window h3 { font: bold 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; } .window .windowform { width: 800px; height: auto; margin: 0 auto; padding: 35px 0; box-shadow: 0 0 4px 0 #999; border-radius: 5px; background: #fff; } .window .windowform input[type=text] { font-size: 35px; width: 734px; padding: 13px 15px; margin: 12px 15px; border: 2px #dde0e2 solid; border-radius: 3px; } .window .windowform input[type=text]:focus { border: 2px #1895d6 solid; } .window .windowform input[type=button] { width: 430px; height: 91px; cursor: pointer; background: URL(../img/sendbtnsm.png) no-repeat; margin: 15px 185px; border: 0; } .window .windowform .psevdoBtn { width: 430px; height: 91px; border-radius: 2px; display: none; position: absolute; z-index: 100; background: #f6f853 URL(../img/ajax-loader.gif) 50% 50% no-repeat; margin: 15px 185px; } .window .windowform p { font: 34px Myriad Pro, Arial; color: #090; margin: 0; padding: 0; text-align: center; } .marketingdiv { width: 100%; height: auto; background: #f3f3f3; } .marketingdiv .marketingdivbody { width: 960px; height: auto; margin: 0 auto; padding: 30px 0 40px 0; } .marketingdiv .marketingdivbody .onestep { width: 900px; min-height: 175px; height: auto; margin: 26px 20px; } .marketingdiv .marketingdivbody .step1 { background: #fff URL(../img/1.png) 25px 50% no-repeat; } .marketingdiv .marketingdivbody .step1 div { width: 770px; height: 175px; margin: 0 0 0 130px; } .marketingdiv .marketingdivbody .step2 { background: #fff URL(../img/2.png) 25px 50% no-repeat; } .marketingdiv .marketingdivbody .step2 div { width: 770px; height: 175px; margin: 0 0 0 130px; } .marketingdiv .marketingdivbody .step3 { background: #fff URL(../img/3.png) 25px 50% no-repeat; } .marketingdiv .marketingdivbody .step3 div { width: 770px; height: 175px; margin: 0 0 0 130px; } .marketingdiv .marketingdivbody h4 { font: bold 40px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .marketingdiv .marketingdivbody p { font: 32px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; } .marketingdiv .marketingdivbody p b { font-weight: bold; color: #009cda; text-transform: uppercase; } .marketingdiv .marketingdivbody .step1 div p, .marketingdiv .marketingdivbody .step2 div p { padding-top: 35px; } .marketingdiv .marketingdivbody .step3 div p { padding-top: 15px; } .distance { width: 100%; min-height: 483px; height: auto; background: URL(../img/distance.jpg) 50% 50% no-repeat; background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; -khtml-background-size: auto 100%; } .distance .distancebody { width: 960px; min-height: 483px; height: auto; margin: 0 auto; } .distance .distancebody h4 { font: bold 45px Myriad Pro, Arial; color: #fff; margin: 0; padding: 30px 0 10px 0; text-align: center; text-transform: uppercase; } .distance .distancebody p { font: 28px Myriad Pro, Arial; color: #fff; margin: 0; padding: 20px 0 0 0; text-align: center; } .distance .distancebody .order { width: 350px; height: 74px; background: URL(../img/order2sm.png) no-repeat; margin: 35px 295px 10px 295px; } .distance .distancebody .distimg { width: 900px; height: 820px; background: URL(../img/distimgsm.png) 50% no-repeat; margin: 50px auto 50px auto; } .distance .distancebody .onetext { width: 198px; height: 80px; float: left; } .distance .distancebody .onetext p { font: bold 15px Myriad Pro, Arial; color: #fff; margin: 0; padding: 20px 0 0 0; text-align: center; text-transform: uppercase; } .clientsdiv { width: 100%; height: 410px; background: #fff; margin-bottom: 40px; } .clientsdiv .clientsdivbody { width: 940px; height: 370px; margin: 0 auto; padding: 40px 0 0 0; } .clientsdiv .clientsdivbody h4 { font: bold 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .reviewsdiv { width: 100%; height: 540px; background: #fff; } .reviewsdiv .reviewsdivbody { width: 940px; min-height: 400px; height: auto; margin: 0 auto; padding: 40px 0 0 0; } .reviewsdiv .reviewsdivbody .prev { width: 60px; height: 96px; background: URL(../img/prev_blacksm.png) no-repeat; position: absolute; margin: 135px 0 0 0; cursor: pointer; } .reviewsdiv .reviewsdivbody .next { width: 60px; height: 96px; background: URL(../img/next_blacksm.png) no-repeat; position: absolute; margin: 135px 0 0 880px; cursor: pointer; } .reviewsdiv .reviewsdivbody #scroller_container_reviews { width: 820px !important; height: 385px; overflow: hidden; margin: 20px auto 0 auto; } .reviewsdiv .reviewsdivbody #scroller_container_reviews ul { list-style: none; width: auto; margin: 0; } .reviewsdiv .reviewsdivbody #scroller_container_reviews ul li { float: left; width: 320px !important; height: 385px; margin: 0 45px; text-align: center; } .reviewsdiv .reviewsdivbody #scroller_container_reviews ul li img { max-width: 320px; min-width: 280px; width: auto; max-height: 385px; height: auto; } .clientsdiv .clientsdivbody .prev_cl { width: 60px; height: 96px; background: URL(../img/prev_blacksm.png) no-repeat; position: absolute; margin: 100px 0 0 0; cursor: pointer; } .clientsdiv .clientsdivbody .next_cl { width: 60px; height: 96px; background: URL(../img/next_blacksm.png) no-repeat; position: absolute; margin: 100px 0 0 880px; cursor: pointer; } .clientsdiv .clientsdivbody #scroller_container_clients { width: 820px !important; height: 330px; overflow: hidden; margin: 20px auto 0 auto; } .clientsdiv .clientsdivbody #scroller_container_clients ul { list-style: none; width: auto; margin: 0; } .clientsdiv .clientsdivbody #scroller_container_clients ul li { float: left; width: 800px !important; height: 330px; margin: 0 10px; text-align: center; } .clientsdiv .clientsdivbody #scroller_container_clients ul li img { width: auto; max-width: 740px; min-width: 600px; max-height: 330px; height: auto; } .reviewsdiv .reviewsdivbody .revfield { width: 700px; height: auto; margin: 0 auto; } .reviewsdiv .reviewsdivbody .revfield .onepic { width: 700px; height: auto; min-height: 200px; float: left; text-align: center; margin: 10px auto; display: table-cell; vertical-align: middle; } .reviewsdiv .reviewsdivbody .revfield .onepic img { min-width: 500px; max-width: 700px; max-height: 200px; vertical-align: middle; } .reviewsdiv .reviewsdivbody .blagofield { width: 885px; height: auto; margin: 0 auto; } .reviewsdiv .reviewsdivbody .blagofield .onepic { width: 205px; height: auto; min-height: 285px; float: left; margin: 30px 45px 10px 45px; display: table-cell; vertical-align: middle; } .reviewsdiv .reviewsdivbody .blagofield .onepic img { max-width: 205px; max-height: 285px; vertical-align: middle; } .reviewsdiv .reviewsdivbody h4 { font: bold 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .mapdiv { width: 100%; min-height: 498px; height: auto; } .mapdivbody { width: 900px; height: auto; margin: 0 auto; padding: 10px 0; } .mapdivbody .onecolumn { width: 900px; height: auto; margin: 0 auto; } .mapdivbody .oneaddr { width: 900px; height: auto; min-height: 400px; background: URL(../img/addpl.png); float: left; padding: 0 0 20px 0; margin: 20px auto 20px auto; } .mapdivbody .mobile { display: block; } .mapdivbody .pc { display: none; } .mapdivbody .oneaddrpic { width: 900px; height: auto; margin: 20px auto; } .mapdivbody .oneaddrpic img { width: 900px; } .mapdivbody .oneaddr p { font: 39px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; } .mapdivbody .oneaddr p.boldd { font: bold 39px Myriad Pro, Arial; color: #000; margin: 40px 0 0 0; padding: 0; text-transform: uppercase; text-align: center; } .rekvizit { width: 100%; height: auto; padding: 40px 0 30px 0; } .rekvizit .rekvizitbody { width: 960px; height: auto; margin: 0 auto; } .rekvizit .rekvizitbody h3 { font: 50px Myriad Pro, Arial; color: #010101; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .rekvizit .rekvizitbody p { font: 36px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 70px; } .rekvizit .rekvizitdown { width: 960px; height: 10px; } .rekvizit .rekvizitdown .download { display: none; } .license { width: 100%; min-height: 1000px; height: auto; background: #009cda; border-bottom: 3px #fff solid; } .license .licensebody { width: 900px; min-height: 1000px; height: auto; margin: 0 auto; } .license .licensebody .licenseleft { width: 900px; min-height: 847px; height: auto; margin: 0 auto; float: left; } .license .licensebody .licenseleft .licramka { width: 700px; height: 847px; background: URL(../img/licensesm.png) no-repeat; margin: 33px auto 0 auto; } .license .licensebody .licenseleft .licramka img { margin: 30px 0 0 100px; width: 500px; } .license .licensebody .licenseright { width: 900px; min-height: 524px; height: auto; float: left; } .license .licensebody .licenseright .lr-top { width: 900px; min-height: 126px; height: auto; } .license .licensebody .licenseright .lr-top div { width: 215px; height: 126px; border-bottom: 1px #000 solid; margin: 0 auto; } .license .licensebody .licenseright .lr-mid { width: 900px; min-height: 272px; height: auto; text-align: center; } .license .licensebody .licenseright .lr-mid h4 { font: bold 50px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 0 0; text-align: center; text-transform: uppercase; } .license .licensebody .licenseright .lr-mid p { font: 40px Myriad Pro, Arial; color: #000; margin: 0; padding: 15px 115px 10px 115px; text-align: center; } .license .licensebody .licenseright .lr-bot { width: 680px; height: 126px; display: none; } .license .licensebody .licenseright .lr-bot .download { border: 0; position: absolute; margin: 63px 0 0 420px; width: 169px; height: 40px; background: URL(../img/download.png) no-repeat; } .license .licensebody .licenseright .lr-bot div { width: 215px; height: 126px; border-top: 1px #000 solid; margin: 0 232px; } .newsdiv { width: 100%; height: auto; } .newsdiv .newsdivbody { width: 960px; height: auto; margin: 0 auto; } .newsdiv .newsdivbody .newsleft { width: 960px; height: auto; float: right; padding-bottom: 30px; } .newsdiv .newsdivbody .newsleft h2 { font: bold 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 20px; text-align: left; text-transform: uppercase; } .newsdiv .newsdivbody .newsleft p { font: 40px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 20px 10px 20px; text-align: left; } .newsdiv .newsdivbody .newsleft .onenews { width: 858px; height: auto; padding: 20px 30px; margin: 20px 0 20px 20px; border: 1px #cacaca solid; border-radius: 1px; } .newsdiv .newsdivbody .newsleft .onenews .dopsec { width: 858px; height: auto; } .newsdiv .newsdivbody .newsleft .onenews .dopsec .ds-left { width: 270px; height: auto; float: left; } .newsdiv .newsdivbody .newsleft .onenews .dopsec p { font: 33px Myriad Pro, Arial; color: #bfbfbf; margin: 0; padding: 10px 0 5px 0; } .newsdiv .newsdivbody .newsleft .onenews .dopsec p img { margin-right: 2px; } .newsdiv .newsdivbody .newsleft .onenews .dopsec .ds-right { width: 528px; height: auto; float: left; } .newsdiv .newsdivbody .newsleft .onenews h2 { font: 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-transform: uppercase; } .newsdiv .newsdivbody .newsleft .onenews h2 a { color: #000; } .newsdiv .newsdivbody .newsleft .onenews h2 a:hover { text-decoration: none; } .newsdiv .newsdivbody .newsleft .onenews p { font: 35px Myriad Pro, Arial; color: #000; margin: 0; padding: 5px 0; } .newsdiv .newsdivbody .newsright { width: 960px; height: auto; float: right; padding-bottom: 30px; } .newsdiv .newsdivbody .newsright .oneblock { width: 898px; height: auto; padding: 15px 10px; margin: 20px 0 0 20px; border: 1px #cacaca solid; border-radius: 1px; } .newsdiv .newsdivbody .newsright .oneblock h4 { font: 45px Myriad Pro, Arial; color: #000; margin: 0 0 5px 0; padding: 0; text-align: center; text-transform: uppercase; } .newsdiv .newsdivbody .newsright .lastnews p { font: 45px Myriad Pro, Arial; color: #000; margin: 0 0 10px 0; padding: 0; } .newsdiv .newsdivbody .newsright .lastnews p.date { font-size: 43px; color: #bfbfbf; margin: 5px 0 0 0; } .newsdiv .newsdivbody .newsright .lastnews p a { color: #009cda; } .newsdiv .newsdivbody .newsright .lastnews p a:hover { text-decoration: none; } .newsdiv .newsdivbody .newsright .tags p { font: 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; } .newsdiv .newsdivbody .newsright .tags p a { color: #009cda; } .newsdiv .newsdivbody .newsright .tags p a:hover { text-decoration: none; } .newsdiv .newsdivbody .newsright .archive .mar { width: 898px; height: 25px; } .newsdiv .newsdivbody .newsright .archive p { font: 44px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 5px 0; } .newsdiv .newsdivbody .newsright .archive p span { color: #bfbfbf; display: block; width: 269px; height: 60px; float: left; } .newsdiv .newsdivbody .newsright .archive p a { color: #bfbfbf; display: block; width: 269px; height: 60px; float: left; } .newsdiv .newsdivbody .newsright .archive p a.act { color: #009cda; } .newsdiv .newsdivbody .newsright .archive p a:hover { text-decoration: none; } .searchdiv { width: 100%; height: auto; } .searchdiv .searchdivbody { width: 960px; height: auto; margin: 0 auto; } .searchdiv .searchdivbody .searchleft { width: 910px; height: auto; float: left; padding-bottom: 30px; } .searchdiv .searchdivbody .searchleft .onesearch { width: 808px; height: auto; padding: 25px 30px; margin: 20px 0 20px 40px; border: 1px #cacaca solid; border-radius: 1px; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec { width: 808px; height: auto; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec .ds-left { width: 170px; height: auto; float: left; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec p { font: 33px Myriad Pro, Arial; color: #bfbfbf; margin: 0; padding: 10px 0 5px 0; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec p img { margin-right: 2px; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec .ds-right { width: 638px; height: auto; float: left; } .searchdiv .searchdivbody .searchleft .onesearch h2 { font: 45px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-transform: uppercase; } .searchdiv .searchdivbody .searchleft .onesearch h2 a { color: #000; } .searchdiv .searchdivbody .searchleft .onesearch h2 a:hover { text-decoration: none; } .searchdiv .searchdivbody .searchleft .onesearch p { font: 35px Myriad Pro, Arial; color: #000; margin: 0; padding: 5px 0; } ul.page, .mtTd ul.page { font: 44px/160% Arial; color: #2655a0; margin: 20px 0 0 40px; padding: 0; list-style: none; clear: both; } ul.page li, .mtTd ul.page li { float: left; text-align: center; margin: 10px 20px; padding-top: 7px; } ul.page li.act, .mtTd ul.page li.act { width: 70px; height: 70px; float: left; text-align: center; background: URL(../img/pageactsm.png) no-repeat 50% 50%; margin: 10px 10px; color: #fff; } ul.page li a, .mtTd ul.page li a { color: #2655a0; } ul.page li a:hover, .mtTd ul.page li a:hover { text-decoration: none; } /*.psevdofooter { width: 100%; height: 450px; }*/ .psevdofooter { width: 100%; height: 0px; clear: both; } .footer { width: 100%; min-height: 150px; height: auto; } .beforefooter { width: 100%; min-height: 395px; height: auto; background: #373737; } .beforefooter .beforefooterbody { width: 960px; min-height: 365px; height: auto; margin: 0 auto; } .beforefooter h6 { font: bold 45px Myriad Pro, Arial; color: #fff; margin: 0 0 0 10px; padding: 10px 0 0 10px; text-transform: uppercase; } .beforefooter h6.marr { padding: 15px 0 9px 10px; } .beforefooter h6.marr2 { padding: 8px 0 0 10px; } .beforefooter h6 a { color: #fff; } .beforefooter h6 a:hover { text-decoration: none; } .beforefooter p { font: 40px/45px Myriad Pro, Arial; color: #cacaca; margin: 0 0 0 10px; padding: 10px 0 5px 10px; } .beforefooter p.marr { padding-top: 12px; } .beforefooter p.marr2 { padding-top: 8px; } .beforefooter p a { color: #cacaca; } .beforefooter p a:hover { text-decoration: none; } .beforefooter .beforefooterbody .onefoot { width: 940px; min-height: 360px; height: auto; margin: 0 auto; } .beforefooter .beforefooterbody .mobilefooter { width: 940px; height: auto; padding: 20px 0; } .beforefooter .beforefooterbody .hidtab { display: none; } .afterfooter { width: 100%; min-height: 450px; height: auto; background: #009cda; } .afterfooter .afterfooterbody { width: 940px; height: 450px; margin: 0 auto; } .afterfooter p.copyright { font: 27px Myriad Pro, Arial; color: #313131; margin: 0 0 0 10px; padding: 15px 0 0 0; } .afterfooter p { font: 25px Myriad Pro, Arial; color: #313131; margin: 0 0 0 10px; padding: 10px 0 9px 0; } .afterfooter .address { background: none; } .afterfooter .phone { background: none; } .afterfooter .message { background: none; } .afterfooter .footleft { width: 460px; height: 350px; float: left; } .afterfooter .footright { width: 20px; height: 85px; padding-right: 0; float: left; text-align: right; display: none; } } @media screen and (min-width: 1001px) { .header { width: 100%; height: 91px; border-top: 3px #009cda solid; background: #fff; } .header .abspost { width: 122px; height: 100px; position: absolute; margin: 0 0 0 470px; } .header .absmenu { display: none; } .header .memupl { display: none; } .header .headerbody { width: 1170px; height: 91px; margin: 0 auto; } .header .headerbody .logodiv { width: 600px; height: 91px; float: left; } .header .headerbody .logodiv .logo { width: 388px; height: 72px; margin: 10px 0 0 72px; } .header .headerbody .educdiv { width: 200px; height: 91px; float: left; } .header .headerbody .educdiv h3.title, .header .headerbody .workdiv h3.title { font: 15px Myriad Pro, Arial; color: #010101; text-transform: uppercase; margin: 0; padding: 5px 0 2px 0; } .header .headerbody .educdiv p, .header .headerbody .workdiv p { font: 18px Myriad Pro, Arial; color: #009cda; margin: 0; padding: 0; } .header .headerbody .workdiv { width: 200px; height: 91px; float: left; } .header .headerbody .backcalldiv { width: 170px; height: 91px; float: left; } .header .headerbody .backcalldiv div { width: 153px; height: 42px; background: URL(../img/backcall.png) no-repeat; margin: 23px 0 0 0; } .mainmenublock { width: 100%; height: 64px; } .mainmenu { width: 100%; height: 72px; background: URL(../img/mainmenu.png) bottom; position: absolute; z-index: 100; } .mainmenu .mainmenubody { width: 1170px; height: 64px; margin: 0 auto; } .mainmenu .mainmenubody .menudiv { width: 900px; height: 64px; float: left; } .mainmenu .mainmenubody .menudiv p { font: bold 16px Myriad Pro, Arial; color: #000; position: relative !important; z-index: 500 !important; margin: 0; padding: 19px 0 0 70px; text-transform: uppercase; } .mainmenu .mainmenubody .menudiv p a { float: left; display: inline; margin: 0 6px; padding: 3px 16px; color: #010101; text-decoration: none; } .mainmenu .mainmenubody .menudiv p a.act, .mainmenu .mainmenubody .menudiv p a:hover { background: #f5f5f5; border-radius: 12px; } .mainmenu .mainmenubody .submenu { width: 260px; height: auto; background: #019cdc; display: none; position: absolute; z-index: 100 !important; margin: 10px 0 0 170px; padding: 50px 2px 2px 2px; } .mainmenu .mainmenubody #submenu54 { margin-left: 164px; } .mainmenu .mainmenubody #submenu3 { margin-left: 288px; } .mainmenu .mainmenubody #submenu1 { margin-left: 76px; } .mainmenu .mainmenubody .submenu a { text-decoration: none; } .mainmenu .mainmenubody .submenu div { width: 230px; padding: 5px 15px; margin: 0; border-radius: 10px; } .mainmenu .mainmenubody .submenu div:hover { background: #e1edfb; } .mainmenu .mainmenubody .submenu div p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-transform: uppercase; } .mainmenu .mainmenubody .searchdiv { width: 270px; height: 64px; float: left; } .mainmenu .mainmenubody .searchdiv div.search { width: 248px; height: 34px; background: #e1edfa; border-radius: 4px; margin-top: 15px; } .mainmenu .mainmenubody .searchdiv div.search .searchbtn { width: 27px; height: 34px; float: left; } .mainmenu .mainmenubody .searchdiv div.search .searchbtn input[type=button] { width: 13px; height: 13px; background: URL(../img/search.png) no-repeat; border: 0; margin: 10px 0; } .mainmenu .mainmenubody .searchdiv div.search .searchtext { width: 221px; height: 34px; float: left; } .mainmenu .mainmenubody .searchdiv div.search .searchtext input[type=text] { background: transparent; border: 0; width: 200px; padding: 7px 10px 5px 10px; font: italic 15px Myriad Pro; color: #009cda; outline: none; } .blocktitle { width: 100%; height: 210px; } .blocktitle .titlemar { width: 100%; height: 62px; } .blocktitle .titlebg { width: 100%; height: 85px; background: URL(../img/titlebg.png); } .blocktitle .titlebg h1 { font: bold 50px/80px Myriad Pro, Arial; color: #010101; margin: 0; padding: 0; text-transform: uppercase; text-align: center; } .seotext { width: 100%; height: auto; } .seotext .seotextbody { width: 1170px; height: auto; margin: 0 auto; } .seotext .seotextbody p { font: 16px Myriad Pro, Arial; color: #000; margin: 0; padding: 15px 30px; } .seotext2 { width: 100%; height: auto; padding: 50px 0; } .seotext2 .seotext2body { width: 1170px; height: auto; margin: 0 auto; } .seotext2 .seotext2body p { font: 23px Myriad Pro, Arial; color: #2a292d; margin: 0; padding: 10px 20px; text-align: center; text-transform: uppercase; } .mainslider { width: 100%; height: 590px; } .mainslider .mainsliderbody { width: 1170px; height: 590px; margin: 0 auto; } .mainslider .mainsliderbody .description { width: 630px; height: 293px; position: absolute; z-index: 10000; margin: 185px 270px 0 270px; background: URL(../img/slidebg.png); } .mainslider .mainsliderbody .description h3 { font: bold 56px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 5px 0; text-align: center; text-transform: uppercase; } .mainslider .mainsliderbody .description p { font: 28px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .mainslider .mainsliderbody .description .order { width: 330px; height: 69px; background: URL(../img/order.png) no-repeat; margin: 50px 150px; } .contacts-filial { width: 100%; height: auto; padding-bottom: 42px; } .contacts-filial .filialbody { width: 1170px; height: auto; margin: 0 auto; } .contacts-filial .filialbody .filpart { width: 585px; height: auto; float: left; } .contacts-filial .filialbody .filpart .fil-left { margin: 18px 12px 0 24px; } .contacts-filial .filialbody .filpart .fil-right { margin: 18px 24px 0 12px; } .contacts-filial .filialbody .filpart .man1 { background: URL(../img/man1.png) 25px 50% no-repeat; } .contacts-filial .filialbody .filpart .man2 { background: URL(../img/man2.png) 25px 50% no-repeat; } .contacts-filial .filialbody .filpart h3 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 0 0; text-align: center; text-transform: uppercase; } .contacts-filial .filialbody .filpart .onefilial { width: 399px; height: 168px; padding-left: 150px; border: 1px #cacaca solid; border-radius: 1px; } .contacts-filial .filialbody .filpart .onefilial h4 { font: 20px Myriad Pro, Arial; color: #010101; text-transform: uppercase; margin: 0; padding: 17px 0 0 30px; } .contacts-filial .filialbody .filpart .onefilial p { font: 20px Myriad Pro, Arial; color: #009cda; margin: 15px 0 0 0; padding: 0 0 2px 30px; } .contacts-filial .filialbody .filpart .onefilial .bmail { background: URL(../img/message-blue.png) 0 50% no-repeat; } .contacts-filial .filialbody .filpart .onefilial .bphone { background: URL(../img/phone-blue.png) 0 50% no-repeat; } .blueline { width: 100%; height: 190px; background: #009cda; } .blueline .bluelinebody { width: 1170px; height: 190px; margin: 0 auto; } .blueline .bluelinebody .text1 { font: 36px Myriad Pro, Arial; color: #000; margin: 0; padding: 7px 0 0 0; text-align: center; text-transform: uppercase; } .blueline .bluelinebody .text2 { font: bold 65px/80px Myriad Pro, Arial; color: #000; margin: 0; padding: 8px 0 0 0; text-align: center; text-transform: uppercase; } .blueline .bluelinebody .text3 { font: 30px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; } .bigblueline { width: 100%; min-height: 420px; height: auto; background: #009cda; } .bigblueline .bigbluelinebody { width: 1170px; min-height: 420px; height: auto; margin: 0 auto; padding-bottom: 20px; } .bigblueline .bigbluelinebody .bbb-top { width: 1170px; height: 185px; } .bigblueline .bigbluelinebody .bbb-top h3, .bigblueline .bigbluelinebody h3 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 35px 0 0 0; text-align: center; text-transform: uppercase; } .bigblueline .bigbluelinebody .bbb-top p, .bigblueline .bigbluelinebody p { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 25px 160px 0 160px; text-align: center; text-transform: uppercase; } .bigblueline .bigbluelinebody .bbb-bot { width: 1170px; height: 235px; } .bigblueline .bigbluelinebody .bbb-bot .circlesdiv { width: 1032px; height: 235px; margin: 0 auto; } .bigblueline .bigbluelinebody .bbb-bot .onecircles { width: 216px; height: 235px; float: left; margin: 0 21px; } .bigblueline .bigbluelinebody .bbb-bot .onecircles .circle { width: 103px; height: 103px; margin: 0 auto; } .bigblueline .bigbluelinebody .bbb-bot .onecircles h4 { font: bold 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 15px 0 0 0; text-align: center; text-transform: uppercase; } .bigblueline .bigbluelinebody .bbb-bot .onecircles p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 20px 0 0 0; text-align: center; } .bigblueline2 { width: 100%; height: auto; background: #009cda; } .bigblueline2 .bigblueline2body { width: 1170px; height: auto; margin: 0 auto; } .bigblueline2 .bigblueline2body h3 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 35px 0 0 0; text-align: center; text-transform: uppercase; } .bigblueline2 .bigblueline2body .bbb-bot { width: 1170px; height: auto; margin-top: 40px; padding-bottom: 30px; } .bigblueline2 .bigblueline2body .bbb-bot .circlesdiv { width: 1170px; height: 235px; margin: 0 auto; } .bigblueline2 .bigblueline2body .bbb-bot .onecircles { width: 216px; height: 235px; float: left; margin: 0 21px; } .bigblueline2 .bigblueline2body .bbb-bot .onecircles .circle { width: 103px; height: 103px; margin: 0 auto; } .bigblueline2 .bigblueline2body .bbb-bot .onecircles h4 { font: bold 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 15px 0 0 0; text-align: center; text-transform: uppercase; } .bigblueline2 .bigblueline2body .bbb-bot .onecircles p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 20px 0 0 0; text-align: center; } .bigblueline2 .bigblueline2body .bbb-bot .onecir { width: 152px; height: 235px; float: left; margin: 0 21px; } .bigblueline2 .bigblueline2body .bbb-bot .onecir .circle { width: 112px; height: 112px; margin: 0 auto; } .bigblueline2 .bigblueline2body .bbb-bot .onecir p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 20px 0 0 0; text-align: center; text-transform: uppercase; } .descdiv { width: 100%; height: auto; } .descdiv .descdivbody { width: 1028px; height: auto; margin: 0 auto; padding: 10px 71px 60px 71px; } .descdiv .descdivbody h2 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 30px 0; text-align: center; text-transform: uppercase; } .descdiv .descdivbody p { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 20px 10px 20px; text-align: left; } .descdiv .descdivbody .desctext p { font: 14px/22px Myriad Pro, Arial; color: #000; text-transform: uppercase; margin: 0; padding: 10px 20px 10px 20px; text-align: center; } .universedescdiv { width: 100%; height: auto; } .universedescdiv .universedescdivbody { width: 1170px; height: auto; margin: 0 auto; padding: 10px 0; } .universedescdiv .universedescdivbody table { width: 1170px; border-bottom: 3px #1f3b51 solid; } .universedescdiv .universedescdivbody p { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 100px 10px 100px; text-align: left; } .universedescdiv .universedescdivbody table th { background: #019cdc; border-right: 2px #019cdc solid; border-left: 2px #019cdc solid; height: 43px; font: 22px Myriad Pro, Arial; color: #111; text-transform: uppercase; } .universedescdiv .universedescdivbody table th p { font: 22px Myriad Pro, Arial; color: #111; text-transform: uppercase; margin: 0; padding: 0; } .universedescdiv .universedescdivbody table td { border-right: 3px #1f3b51 solid; padding: 0 7px; height: 21px; font: 14px Myriad Pro, Arial; color: #333; text-transform: uppercase; } .universedescdiv .universedescdivbody table td:first-of-type { border-left: 3px #1f3b51 solid; } .universedescdiv .universedescdivbody table td p { font: 14px Myriad Pro, Arial; color: #333; text-transform: uppercase; margin: 0; padding: 0; } .universedescdiv .universedescdivbody table td p a, .universedescdiv .universedescdivbody table td a { color: #333; } .universedescdiv .universedescdivbody table td p a:hover, .universedescdiv .universedescdivbody table td a:hover { text-decoration: none; } .universedescdiv .universedescdivbody table .even { background: #99d1e8; } .universedescdiv .universedescdivbody table .sel { background: #019cdc; } .universedescdiv .universedescdivbody .gallery { width: 984px; height: auto; margin: 20px auto 0 auto; } .universedescdiv .universedescdivbody .gallery div { width: 294px; height: 208px; margin: 9px 17px; float: left; } .universedescdiv .universedescdivbodymobile { display: none; } .vacancy { width: 100%; height: auto; } .vacancy .vacancybody { width: 1002px; height: auto; margin: 0 auto; } .vacancy .vacancybody .onevac { width: 930px; height: auto; margin: 10px 0; padding: 25px 35px; border: 1px #cacaca solid; border-radius: 1px; } .vacancy .vacancybody .onevac p.more { font: 15px/25px Myriad Pro, Arial; color: #009cda; margin: 0; padding: 15px 0 0 0; text-transform: uppercase; } .vacancy .vacancybody .onevac p.more a { color: #009cda; } .vacancy .vacancybody .onevac p.more a:hover { text-decoration: none; } .vacancy .vacancybody .onevac .vac-top { width: 930px; height: auto; } .vacancy .vacancybody .onevac .vac-top .vt-left { width: 740px; height: auto; float: left; } .vacancy .vacancybody .onevac .vac-top .vt-left h3 { font: 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-transform: uppercase; } .vacancy .vacancybody .onevac .vac-top .vt-right { width: 190px; height: auto; float: left; } .vacancy .vacancybody .onevac .vac-top .vt-right p { font: 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: right; text-transform: uppercase; } .vacancy .vacancybody .onevac .vac-top p.date { font: 13px Myriad Pro, Arial; color: #bfbfbf; margin: 0; padding: 0; } .vacancy .vacancybody .onevac .vac-bot { width: 930px; height: auto; display: none; } .vacancy .vacancybody .onevac .vac-bot p { font: 15px/25px Myriad Pro, Arial; color: #010101; margin: 0; padding: 15px 0 0 0; } .vectors { width: 100%; height: auto; padding-bottom: 40px; } .vectors .vectorsbody { width: 1090px; height: auto; margin: 0 auto; } .vectors .vectorsbody h2 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 30px 0; text-align: center; text-transform: uppercase; } .vectors .vectorsbody div.oneeduc { width: 272px; height: 357px; background: URL(../img/educ.png) no-repeat; margin: 11px 45px 33px 45px; float: left; } .vectors .vectorsbody div.oneeduc .educ1 { background: URL(../img/educ1.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .educ2 { background: URL(../img/educ2.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .educ3 { background: URL(../img/educ3.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .educ4 { background: URL(../img/educ4.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .educ5 { background: URL(../img/educ5.png) 50% 25px no-repeat; } .vectors .vectorsbody div.oneeduc .skin { width: 272px; height: 357px; background-position: 50% 25px; background-repeat: no-repeat; } .vectors .vectorsbody div.oneeduc .skin .skin-upper { width: 272px; height: 115px; display: table; vertical-align: middle; } .vectors .vectorsbody div.oneeduc .skin .skin-upper .su-div { text-align: center; width: 272px; height: 115px; display: table-cell; vertical-align: middle; } .vectors .vectorsbody div.oneeduc .skin .skin-upper .su-div img { max-width: 150px; max-height: 100px; } .vectors .vectorsbody div.oneeduc .skin .skin-top { width: 272px; height: 180px; } .vectors .vectorsbody div.oneeduc .skin .skin-top h3 { font: bold 15px Myriad Pro, Arial; color: #313131; margin: 0; padding: 0 0 30px 0; text-align: center; text-transform: uppercase; } .vectors .vectorsbody div.oneeduc .skin .skin-top p { font: 15px Myriad Pro, Arial; color: #313131; margin: 0; padding: 0 15px; text-align: center; } .vectors .vectorsbody div.oneeduc .skin .skin-bot { width: 272px; height: 62px; } .vectors .vectorsbody div.oneeduc .skin .skin-bot .more { width: 212px; height: 45px; margin: 0 30px; background: URL(../img/more.png) no-repeat; } .orders { width: 100%; height: auto; background: #f3f3f3; margin: 40px 0 0 0; } .orders .ordersbody { width: 1170px; height: auto; margin: 0 auto; padding: 40px 0 65px 0; } .orders .ordersbody h2 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; } .regdiv { width: 766px; height: auto; border-radius: 5px; padding: 0 36px; margin: 10px auto; background: #fff; text-align: left; } .regdiv .tabs { width: 383px; height: 56px; float: left; background: #eee URL(../img/man.png) no-repeat 105px 50%; } .regdiv .tabs p { font: 14px Myriad Pro; color: #7d7d7d; margin: 0; padding: 20px 0 0 135px; text-transform: uppercase; } .regdiv .act { background: #fff URL(../img/manact.png) no-repeat 105px 50%; } .regdiv .act p { font: 14px Myriad Pro; color: #0287cc; margin: 0; padding: 20px 0 0 135px; text-transform: uppercase; } .regdiv .regbody { width: 766px; height: auto; padding-top: 33px; display: none; } .regdiv .regbody .emptybtn { width: 212px; height: 44px; margin: 3px 0 0 277px; background: #f6f853; position: absolute; display: none; } .regdiv .regbody .emptybtn div { width: 212px; height: 44px; background: URL(../img/ajax-loader.gif) no-repeat 50% 50%; } .regdiv .regbody input[type=button].regbtn, .regdiv .regbody .regbtn { cursor: pointer; width: 212px; height: 45px; margin: 3px 0 0 277px; background: URL(../img/order2.png) no-repeat; border: 0; } .regdiv .regbody input[type=text], .regdiv .regbody input[type=password] { font: 14px Myriad Pro; color: #ababab; width: 344px; height: 20px; margin: 11px 0; padding: 10px; border: 2px #dde0e2 solid; border-radius: 3px; } .regdiv .regbody input[type=text]:focus, .regdiv .regbody input[type=password]:focus { border: 2px #1895d6 solid; color: #0287cc; } .regdiv .regbody input[type=text].error, .regdiv .regbody input[type=password].error { border: 2px #c00 solid; } .regdiv .regbody p.error { color: #c00; font: 13px Myriad Pro; margin: 0; padding: 0 17px; } .regdiv .regbody p.rules { color: #ababab; font: 14px Myriad Pro; margin: 0; padding: 0 17px; text-align: center; } .regdiv .regbody p.rules input[type=checkbox] { vertical-align: -2px; } .regdiv .regbody p.regauth { text-align: center; width: 766px; font: 18px Myriad Pro; color: #000; margin: 10px 0 0 0; padding: 0; } .regdiv .regbody p.regauth a { color: #000; } .regdiv .regbody p.regauth a:hover { text-decoration: none; } .regdiv .regbody p.success { font: 25px Myriad Pro; color: #000; margin: 0; padding: 20px 70px; text-align: center; } .regdiv .regbody .regtab { width: 762px; height: 40px; border: 2px #dde0e2 solid; border-top: 0; border-radius: 3px; } .regdiv .regbody .regtab p { font: 14px Myriad Pro; color: #ababab; margin: 0; padding: 10px 0 0 15px; } .regdiv .regbody .head { border: 2px #1895d6 solid; } .regdiv .regbody .head p { font: 14px Myriad Pro; color: #0287cc; margin: 0; padding: 10px 0 0 15px; } .regdiv .regbody .regtab .rt-left { width: 535px; height: 40px; float: left; border-right: 2px #dde0e2 solid; } .regdiv .regbody .head .rt-left { border-right: 2px #1895d6 solid; } .regdiv .regbody .regtab .rt-right { width: 225px; height: 40px; float: left; } .regdiv .regbody .regtab .rt-right input[type=text] { margin: 0; border: 0; width: 185px; } .regdiv .regbody .regtab .rt-both { width: 760px; height: 40px; } .regdiv .regbody .regtab .rt-both p { font-size: 16px; color: #999; } .regdiv .regbody .regbottom { width: 766px; height: 70px; margin: 20px 0 0 0; } .regdiv .regbody .regtop { width: 766px; height: auto; padding: 0 15px; margin: 11px 0 0 -15px; } .regdiv .regbody .regmid { width: 766px; height: 30px; margin: 180px 0 0 0; } .regdiv .regbody .selectbox .dropdown { width: 500px; } .footercontacts { width: 100%; height: 254px; background: URL(../img/contacts.jpg) 50% 50% no-repeat; background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; -khtml-background-size: auto 100%; margin-top: 50px; padding-bottom: 20px; } .footercontacts .fotercontbody { width: 1000px; height: 254px; margin: 0 auto; } .footercontacts .fotercontbody .fc-top { width: 1000px; height: 65px; } .footercontacts .fotercontbody .fc-top h4 { font: bold 25px Myriad Pro, Arial; color: #fffefe; text-shadow: 3px 3px 2px #333; margin: 0; padding: 10px 0 10px 0; text-align: center; text-transform: uppercase; } .footercontacts .fotercontbody .onecont { width: 500px; height: auto; float: left; } .footercontacts .fotercontbody .onecont h5 { font: bold 20px Myriad Pro, Arial; color: #fffefe; margin: 0; padding: 10px 0 10px 32px; text-transform: uppercase; } .footercontacts .fotercontbody .onecont p { font: 20px Myriad Pro, Arial; color: #fffefe; margin: 0; padding: 5px 0 5px 32px; } .footercontacts .fotercontbody .onecont .addr { background: URL(../img/wh_addr.png) 0 50% no-repeat; } .footercontacts .fotercontbody .onecont .mess { background: URL(../img/wh_mess.png) 0 50% no-repeat; } .footercontacts .fotercontbody .onecont .phone { background: URL(../img/wh_phone.png) 0 50% no-repeat; } .anketa { width: 100%; height: auto; background: #f3f3f3; margin: 40px 0 0 0; } .anketa .anketabody { width: 1170px; height: auto; margin: 0 auto; padding: 40px 0 65px 0; } .anketa .anketabody h3 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; } .anketa .anketabody .anketform { width: 800px; height: auto; margin: 0 auto; padding: 35px 20px; box-shadow: 0 0 4px 0 #999; border-radius: 5px; background: #fff; } .anketa .anketabody .anketform input[type=text] { width: 334px; padding: 10px 15px; margin: 9px 15px; border: 2px #dde0e2 solid; border-radius: 3px; } .anketa .anketabody .anketform input[type=text]:focus { border: 2px #1895d6 solid; } .anketa .anketabody .anketform input[type=text].otherf { margin: 9px 216px; } .anketa .anketabody .anketform input[type=button] { width: 212px; height: 45px; cursor: pointer; background: URL(../img/order2.png) no-repeat; margin: 9px 294px; border: 0; } .anketa .anketabody .anketform .psevdoBtn { width: 212px; height: 45px; border-radius: 2px; display: none; position: absolute; z-index: 100; background: #f6f853 URL(../img/ajax-loader.gif) 50% 50% no-repeat; margin: 9px 294px; } .anketa .anketabody .anketaconfirm { width: 800px; height: 410px; padding: 0; background: #fff; } .anketa .anketabody .anketaconfirm h4 { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 150px 0 20px 0; text-align: center; text-transform: uppercase; } .anketa .anketabody .anketaconfirm p { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 20px 0; text-align: center; } .window { width: 800px; height: auto; padding: 10px 0; position: absolute; z-index: 1500; display: none; } .window .windowinner { width: 400px; height: auto; margin: 0 auto; } .window h3 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; } .window .windowform { width: 400px; height: auto; margin: 0 auto; padding: 35px 0; box-shadow: 0 0 4px 0 #999; border-radius: 5px; background: #fff; } .window .windowform input[type=text] { width: 334px; padding: 10px 15px; margin: 9px 15px; border: 2px #dde0e2 solid; border-radius: 3px; } .window .windowform input[type=text]:focus { border: 2px #1895d6 solid; } .window .windowform input[type=button] { width: 212px; height: 45px; cursor: pointer; background: URL(../img/sendbtn.png) no-repeat; margin: 9px 94px; border: 0; } .window .windowform .psevdoBtn { width: 212px; height: 45px; border-radius: 2px; display: none; position: absolute; z-index: 100; background: #f6f853 URL(../img/ajax-loader.gif) 50% 50% no-repeat; margin: 9px 94px; } .window .windowform p { font: 14px Myriad Pro, Arial; color: #090; margin: 0; padding: 0; text-align: center; } .marketingdiv { width: 100%; height: auto; background: #f3f3f3; } .marketingdiv .marketingdivbody { width: 1170px; height: auto; margin: 0 auto; padding: 30px 0 40px 0; } .marketingdiv .marketingdivbody .onestep { width: 1029px; height: 156px; margin: 26px 70px; } .marketingdiv .marketingdivbody .step1 { background: URL(../img/step1.png) no-repeat; } .marketingdiv .marketingdivbody .step1 div { width: 630px; height: 156px; margin: 0 0 0 393px; } .marketingdiv .marketingdivbody .step2 { background: URL(../img/step2.png) no-repeat; } .marketingdiv .marketingdivbody .step2 div { width: 630px; height: 156px; margin: 0 0 0 0; } .marketingdiv .marketingdivbody .step3 { background: URL(../img/step3.png) no-repeat; } .marketingdiv .marketingdivbody .step3 div { width: 630px; height: 156px; margin: 0 0 0 393px; } .marketingdiv .marketingdivbody h4 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .marketingdiv .marketingdivbody p { font: 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; } .marketingdiv .marketingdivbody p b { font-weight: bold; color: #009cda; text-transform: uppercase; } .marketingdiv .marketingdivbody .step1 div p, .marketingdiv .marketingdivbody .step2 div p { padding-top: 40px; } .marketingdiv .marketingdivbody .step3 div p { padding-top: 25px; } .distance { width: 100%; height: 483px; background: URL(../img/distance.jpg) 50% 50% no-repeat; } .distance .distancebody { width: 1170px; height: 483px; margin: 0 auto; } .distance .distancebody h4 { font: bold 25px Myriad Pro, Arial; color: #fff; margin: 0; padding: 30px 0 10px 0; text-align: center; text-transform: uppercase; } .distance .distancebody p { font: 20px Myriad Pro, Arial; color: #fff; margin: 0; padding: 30px 0 0 0; text-align: center; } .distance .distancebody .order { width: 212px; height: 45px; background: URL(../img/order2.png) no-repeat; margin: 25px 479px 0 479px; } .distance .distancebody .distimg { width: 1090px; height: 150px; background: URL(../img/distimg1.png) no-repeat; margin: 20px 50px 0 50px; } .distance .distancebody .onetext { width: 198px; height: 80px; float: left; } .distance .distancebody .onetext p { font: bold 15px Myriad Pro, Arial; color: #fff; margin: 0; padding: 20px 0 0 0; text-align: center; text-transform: uppercase; } .clientsdiv { width: 100%; height: 210px; background: #fff; margin-bottom: 40px; } .clientsdiv .clientsdivbody { width: 1170px; height: 170px; margin: 0 auto; padding: 40px 0 0 0; } .clientsdiv .clientsdivbody h4 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .reviewsdiv { width: 100%; height: 405px; background: #fff; } .reviewsdiv .reviewsdivbody { width: 1170px; min-height: 375px; height: auto; margin: 0 auto; padding: 40px 0 0 0; } .reviewsdiv .reviewsdivbody .prev { width: 30px; height: 48px; background: URL(../img/prev_black.png) no-repeat; position: absolute; margin: 128px 0 0 50px; cursor: pointer; } .reviewsdiv .reviewsdivbody .next { width: 30px; height: 48px; background: URL(../img/next_black.png) no-repeat; position: absolute; margin: 128px 0 0 1090px; cursor: pointer; } .reviewsdiv .reviewsdivbody #scroller_container_reviews { width: 885px !important; height: 285px; overflow: hidden; margin: 20px auto 0 auto; } .reviewsdiv .reviewsdivbody #scroller_container_reviews ul { list-style: none; width: auto; margin: 0; } .reviewsdiv .reviewsdivbody #scroller_container_reviews ul li { float: left; width: 205px !important; height: 285px; margin: 0 45px; } .reviewsdiv .reviewsdivbody #scroller_container_reviews ul li img { max-width: 205px; width: auto; max-height: 285px; height: auto; } .clientsdiv .clientsdivbody .prev_cl { width: 30px; height: 48px; background: URL(../img/prev_black.png) no-repeat; position: absolute; margin: 52px 0 0 50px; cursor: pointer; } .clientsdiv .clientsdivbody .next_cl { width: 30px; height: 48px; background: URL(../img/next_black.png) no-repeat; position: absolute; margin: 52px 0 0 1090px; cursor: pointer; } .clientsdiv .clientsdivbody #scroller_container_clients { width: 975px !important; height: 130px; overflow: hidden; margin: 20px auto 0 auto; } .clientsdiv .clientsdivbody #scroller_container_clients ul { list-style: none; width: auto; margin: 0; } .clientsdiv .clientsdivbody #scroller_container_clients ul li { float: left; width: 305px !important; height: 130px; margin: 0 10px; } .clientsdiv .clientsdivbody #scroller_container_clients ul li img { max-width: 305px; width: auto; max-height: 130px; height: auto; } .reviewsdiv .reviewsdivbody .revfield { width: 1095px; height: auto; margin: 0 auto; } .reviewsdiv .reviewsdivbody .revfield .onepic { width: 345px; height: auto; min-height: 200px; float: left; margin: 10px; display: table-cell; vertical-align: middle; } .reviewsdiv .reviewsdivbody .revfield .onepic img { max-width: 345px; max-height: 200px; vertical-align: middle; } .reviewsdiv .reviewsdivbody .blagofield { width: 885px; height: auto; margin: 0 auto; } .reviewsdiv .reviewsdivbody .blagofield .onepic { width: 205px; height: auto; min-height: 285px; float: left; margin: 30px 45px 10px 45px; display: table-cell; vertical-align: middle; } .reviewsdiv .reviewsdivbody .blagofield .onepic img { max-width: 205px; max-height: 285px; vertical-align: middle; } .reviewsdiv .reviewsdivbody h4 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .mapdiv { width: 100%; min-height: 498px; height: auto; } .mapdivbody { width: 1170px; height: auto; margin: 0 auto; } .mapdivbody .onecolumn { width: 585px; height: auto; float: left; } .mapdivbody .oneaddr { width: 432px; height: auto; min-height: 400px; background: URL(../img/addpl.png); float: left; margin: 40px 76px 0 76px; } .mapdivbody .mobile { display: none; } .mapdivbody .oneaddrpic { width: 100%; height: auto; margin: 20px 0; float: left; } .mapdivbody .oneaddrpic .oap-inner { width: 432px; height: auto; margin: 0 auto 0 auto; } .mapdivbody .oneaddrpic img { width: 432px; } .mapdivbody .oneaddr p { font: 29px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-align: center; } .mapdivbody .oneaddr p.boldd { font: bold 29px Myriad Pro, Arial; color: #000; margin: 40px 0 0 0; padding: 0; text-transform: uppercase; text-align: center; } .rekvizit { width: 100%; height: auto; padding: 40px 0 30px 0; } .rekvizit .rekvizitbody { width: 1170px; height: auto; margin: 0 auto; } .rekvizit .rekvizitbody h3 { font: 40px Myriad Pro, Arial; color: #010101; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .rekvizit .rekvizitbody p { font: 26px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 70px; } .rekvizit .rekvizitdown { width: 1170px; height: 10px; } .rekvizit .rekvizitdown .download { position: absolute; margin: -50px 0 0 1000px; width: 169px; height: 40px; background: URL(../img/download.png) no-repeat; } .license { width: 100%; height: 524px; background: #009cda; } .license .licensebody { width: 1170px; height: 524px; margin: 0 auto; } .license .licensebody .licenseleft { width: 490px; height: 524px; float: left; } .license .licensebody .licenseleft .licramka { width: 406px; height: 491px; background: URL(../img/license.png) no-repeat; margin: 33px 0 0 85px; } .license .licensebody .licenseleft .licramka img { margin: 20px 0 0 51px; } .license .licensebody .licenseright { width: 680px; height: 524px; float: left; } .license .licensebody .licenseright .lr-top { width: 680px; height: 126px; } .license .licensebody .licenseright .lr-top div { width: 215px; height: 126px; border-bottom: 1px #000 solid; margin: 0 232px; } .license .licensebody .licenseright .lr-mid { width: 680px; height: 272px; } .license .licensebody .licenseright .lr-mid h4 { font: bold 40px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 0 0 0; text-align: center; text-transform: uppercase; } .license .licensebody .licenseright .lr-mid p { font: 30px Myriad Pro, Arial; color: #000; margin: 0; padding: 15px 115px 10px 115px; text-align: center; } .license .licensebody .licenseright .lr-bot { width: 680px; height: 126px; } .license .licensebody .licenseright .lr-bot .download { border: 0; position: absolute; margin: 63px 0 0 420px; width: 169px; height: 40px; background: URL(../img/download.png) no-repeat; } .license .licensebody .licenseright .lr-bot div { width: 215px; height: 126px; border-top: 1px #000 solid; margin: 0 232px; } .newsdiv { width: 100%; height: auto; } .newsdiv .newsdivbody { width: 1170px; height: auto; margin: 0 auto; } .newsdiv .newsdivbody .newsleft { width: 800px; height: auto; float: right; padding-bottom: 30px; } .newsdiv .newsdivbody .newsleft h2 { font: bold 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 30px 20px; text-align: left; text-transform: uppercase; } .newsdiv .newsdivbody .newsleft p { font: 20px Myriad Pro, Arial; color: #000; margin: 0; padding: 10px 20px 10px 20px; text-align: left; } .newsdiv .newsdivbody .newsleft .onenews { width: 698px; height: auto; padding: 20px 30px; margin: 20px 0 20px 40px; border: 1px #cacaca solid; border-radius: 1px; } .newsdiv .newsdivbody .newsleft .onenews .dopsec { width: 698px; height: auto; } .newsdiv .newsdivbody .newsleft .onenews .dopsec .ds-left { width: 170px; height: auto; float: left; } .newsdiv .newsdivbody .newsleft .onenews .dopsec p { font: 13px Myriad Pro, Arial; color: #bfbfbf; margin: 0; padding: 10px 0 5px 0; } .newsdiv .newsdivbody .newsleft .onenews .dopsec p img { margin-right: 2px; } .newsdiv .newsdivbody .newsleft .onenews .dopsec .ds-right { width: 528px; height: auto; float: left; } .newsdiv .newsdivbody .newsleft .onenews h2 { font: 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-transform: uppercase; } .newsdiv .newsdivbody .newsleft .onenews h2 a { color: #000; } .newsdiv .newsdivbody .newsleft .onenews h2 a:hover { text-decoration: none; } .newsdiv .newsdivbody .newsleft .onenews p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 5px 0; } .newsdiv .newsdivbody .newsright { width: 370px; height: auto; float: right; padding-bottom: 30px; } .newsdiv .newsdivbody .newsright .oneblock { width: 278px; height: auto; padding: 15px 10px; margin: 20px 0 0 30px; border: 1px #cacaca solid; border-radius: 1px; } .newsdiv .newsdivbody .newsright .oneblock h4 { font: 15px Myriad Pro, Arial; color: #000; margin: 0 0 5px 0; padding: 0; text-align: center; text-transform: uppercase; } .newsdiv .newsdivbody .newsright .lastnews p { font: 15px Myriad Pro, Arial; color: #000; margin: 0 0 10px 0; padding: 0; } .newsdiv .newsdivbody .newsright .lastnews p.date { font-size: 13px; color: #bfbfbf; margin: 5px 0 0 0; } .newsdiv .newsdivbody .newsright .lastnews p a { color: #009cda; } .newsdiv .newsdivbody .newsright .lastnews p a:hover { text-decoration: none; } .newsdiv .newsdivbody .newsright .tags p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; } .newsdiv .newsdivbody .newsright .tags p a { color: #009cda; } .newsdiv .newsdivbody .newsright .tags p a:hover { text-decoration: none; } .newsdiv .newsdivbody .newsright .archive .mar { width: 278px; height: 15px; } .newsdiv .newsdivbody .newsright .archive p { font: 14px Myriad Pro, Arial; color: #000; margin: 0; padding: 0 0 3px 0; } .newsdiv .newsdivbody .newsright .archive p span { color: #bfbfbf; display: block; width: 69px; height: 20px; float: left; } .newsdiv .newsdivbody .newsright .archive p a { color: #bfbfbf; display: block; width: 69px; height: 20px; float: left; } .newsdiv .newsdivbody .newsright .archive p a.act { color: #009cda; } .newsdiv .newsdivbody .newsright .archive p a:hover { text-decoration: none; } .searchdiv { width: 100%; height: auto; } .searchdiv .searchdivbody { width: 1170px; height: auto; margin: 0 auto; } .searchdiv .searchdivbody .searchleft { width: 1170px; height: auto; float: left; padding-bottom: 30px; } .searchdiv .searchdivbody .searchleft .onesearch { width: 1028px; height: auto; padding: 20px 30px; margin: 20px 0 20px 40px; border: 1px #cacaca solid; border-radius: 1px; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec { width: 1028px; height: auto; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec .ds-left { width: 170px; height: auto; float: left; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec p { font: 13px Myriad Pro, Arial; color: #bfbfbf; margin: 0; padding: 10px 0 5px 0; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec p img { margin-right: 2px; } .searchdiv .searchdivbody .searchleft .onesearch .dopsec .ds-right { width: 528px; height: auto; float: left; } .searchdiv .searchdivbody .searchleft .onesearch h2 { font: 25px Myriad Pro, Arial; color: #000; margin: 0; padding: 0; text-transform: uppercase; } .searchdiv .searchdivbody .searchleft .onesearch h2 a { color: #000; } .searchdiv .searchdivbody .searchleft .onesearch h2 a:hover { text-decoration: none; } .searchdiv .searchdivbody .searchleft .onesearch p { font: 15px Myriad Pro, Arial; color: #000; margin: 0; padding: 5px 0; } ul.page, .mtTd ul.page { font: 14px/160% Arial; color: #2655a0; margin: 20px 0 0 40px; padding: 0; list-style: none; clear: both; } ul.page li, .mtTd ul.page li { float: left; text-align: center; margin: 10px 7px; padding-top: 7px; } ul.page li.act, .mtTd ul.page li.act { width: 28px; height: 28px; float: left; text-align: center; background: URL(../img/pageact.png) no-repeat 50% 50%; margin: 10px 3px; color: #fff; } ul.page li a, .mtTd ul.page li a { color: #2655a0; } ul.page li a:hover, .mtTd ul.page li a:hover { text-decoration: none; } .psevdofooter { width: 100%; height: 470px; } .footer { width: 100%; height: 110px; position: absolute; position: absolute; margin-top: -470px; } .beforefooter { width: 100%; height: 395px; background: #373737; } .beforefooter .beforefooterbody { width: 1170px; height: 365px; margin: 0 auto; } .beforefooter h6 { font: bold 15px Myriad Pro, Arial; color: #fff; margin: 0 0 0 10px; padding: 10px 0 0 0; text-transform: uppercase; } .beforefooter h6.marr { padding: 10px 0 4px 0; } .beforefooter h6.marr2 { padding: 3px 0 0 0; } .beforefooter h6 a { color: #fff; } .beforefooter h6 a:hover { text-decoration: none; } .beforefooter p { font: 15px/17px Myriad Pro, Arial; color: #cacaca; margin: 0 0 0 10px; padding: 1px 0 0 0; } .beforefooter p.marr { padding-top: 12px; } .beforefooter p.marr2 { padding-top: 8px; } .beforefooter p a { color: #cacaca; } .beforefooter p a:hover { text-decoration: none; } .beforefooter .beforefooterbody .onefoot { width: 295px; height: 360px; float: left; } .beforefooter .beforefooterbody .mobilefooter { display: none; } .afterfooter { width: 100%; height: 150px; background: #009cda; } .afterfooter .afterfooterbody { width: 1170px; height: 150px; margin: 0 auto; } .afterfooter p.copyright { font: 12px Myriad Pro, Arial; color: #313131; margin: 0 0 0 10px; padding: 10px 0 0 0; } .afterfooter p { font: 10px Myriad Pro, Arial; color: #313131; margin: 0 0 0 10px; padding: 2px 0 1px 20px; } .afterfooter .address { background: URL(../img/address.png) 0 50% no-repeat; } .afterfooter .phone { background: URL(../img/phone.png) 0 50% no-repeat; } .afterfooter .message { background: URL(../img/message.png) 0 50% no-repeat; } .afterfooter .footleft { width: 290px; height: 85px; float: left; } .afterfooter .footright { width: 520px; height: 85px; padding-right: 70px; float: left; text-align: right; } } #overlay {position:absolute;left:0px;top:0px;display:none;background:#000;z-index:999;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60))} #preloader {position:absolute;left:0px;top:-10000px;} .toupsite { display: block; width: 95px; height: 95px; position: fixed; z-index: 1000; bottom: 60px; right: 60px; background: URL(../img/toup.png) 0 0 no-repeat; cursor: pointer; }