/* Динамические шняжки */ #gallery { display: none; position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; background: url(/DESIGN/SITE/images/block.png); padding: 0px; margin: 0px; } #gallery span { position: absolute; margin: -17px 0px 0px 725px; font: 11px Arial; color:#248AD8; text-decoration: underline; z-index: 999999; cursor: pointer; } #gallery img { margin: 0px; border: none; } #gallery span img { border: none; cursor: pointer; } #gallery .alls { position: absolute; z-index: 2; width: 755px; height: auto; padding: 20px 25px 0px 25px; background: #ffffff; } #gallery .alls div { width: 100%; height: auto; position: relative; overflow: hidden; } #gallery .alls div div { width: auto; height: auto; position: relative; white-space: nowrap; left: 0px; display: inline-table; } #gallery .alls div div img { width: 755px; height: 500px; } #gallery p { width: 100%; margin: 0px; padding: 0px; height: 60px; text-align: center; } #gallery p span { position: static; font: 14px Arial, Helvetica, sans-serif; text-decoration: none; line-height: 55px; margin: 0px; color:#248AD8; cursor: default; } #gallery p .txt { color: #565656; } #gallery p .prev { float: left; margin: 0px 0px 0px 10px; display: inline; } #gallery p .next { float: right; margin: 0px 10px 0px 0px; display: inline; } /* Общее оформление */ body { width: 100%; height: 100%; margin: 0px; padding: 0px; background: #e5e5e5; } body, td { font-family: Tahoma; font-size: 14px; line-height: 20px; color: #565656; } form { padding: 0px; margin: 0px; } a { color: #006fae; } a:hover { text-decoration: none; } .main_table{ background: #006fae; } .head_line { background: #ffffff; height: 100%; font-size: 0px; } .bottom_line { background: #FFFFFF; height: 5px; } .head { background: #ffffff; font-size: 0px; /*border: 1px solid red; width: 260px !important;*/ } .head .logo { margin: 20px 0px; } .main_table .head_center{ color: #ffffff; font: 18px Tahoma; } .main_table .head_center a{ color: #cce2ef; } .main_table .head_center div.s{ margin-left: 40px; } .main_table .head_center h1{ font: normal 36px Tahoma; margin: 0px; } .main_table .head_center span{ font: 24px Tahoma; } .left_menu{ background: #ffffff; } .left_menu .menu .yellow_line{ width: 20px; background: #ffcb08; } .left_menu .menu ul{ list-style: none; padding: 20px 5px 20px 0px; margin: 0px 0px 0px 20px; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; } .left_menu .menu ul li{ background: url(/DESIGN/SITE/images/ugra/li_menu.png) 0px 13px no-repeat; padding: 5px 0px 5px 15px; } .left_menu .menu a{ color: #006fae; font: bold 14px Tahoma; /*line-height: 30px;*/ } .left_menu .hot_line{ padding-left: 50px; } .left_menu .hot_line p{ color: #6e7c84; font: 12px Tahoma; margin: 6px 0px; } .left_menu .hot_line div{ color: #667780; font: 22px Tahoma; } .top_menu { /*border: 1px solid red;*/ margin: 20px 40px; } .top_menu .title{ } /* .head .slogan { display: none; margin: 15px 30px; float: left; font-size: 18px; color: #ffffff; } .head .text_box { margin-top: 10px; float:right; padding: 27px 40px 27px 20px; background: url(/DESIGN/SITE/images/top_c_fon.png); text-align: left; } .head .contacts { margin: 10px 0px 0px 0px; font-family: Arial; font-size: 12px; color: #646464; } .head .contacts a { font-size: 12px; } .head .contacts p { margin: 0px; } .head .phone { font-family: Arial; font-size: 24px; line-height: 28px; color: #000000; } .head .phone span { font-weight: normal; color: #99a1c3; } .head .phone p { margin-top: 10px; margin-bottom: 15px; } .head_img { border-bottom: 4px #ffffff solid; } */ /* .left_menu { padding: 25px 0px 0px 0px; margin: 0px; } .left_menu .item { background: #f3f3f3 url(/DESIGN/SITE/images/menu_arr_s.gif) no-repeat 20px 19px; padding: 9px 0px 8px 39px; margin: 0px 15px 0px 0px; border-top: 1px #b2c2c9 solid; font: bold 14px Georgia; text-transform: uppercase; color: #20a1d6; cursor: pointer; } .left_menu div.item:hover { background: #ffffff; } .left_menu div.select:hover { cursor: text; } .left_menu .item a { color: #20a1d6; text-decoration: none; } .left_menu .item.select { background: #ffffff url(/DESIGN/SITE/images/menu_arr_s.gif) no-repeat 20px 19px; border: 0px; font: bold 14px Georgia; text-transform: uppercase; color: #20a1d6; border-top: 1px #b2c2c9 solid; } .left_menu .item.act { background: #ffffff url(/DESIGN/SITE/images/menu_arr_s.gif) no-repeat 20px 19px; margin: 0px 0px 0px 0px; } .left_menu .inner { background: #ffffff; border-bottom: 1px solid #b2c2c9; padding-bottom:0px; margin: 0px 15px 0px 0px; } .left_menu .inner.act { margin: 0px; } .left_menu br { line-height: 10px; } .left_menu .subs { background: url(/DESIGN/SITE/images/menu_line_v.gif) no-repeat left 19px; padding: 0px 0px 15px 39px; } .left_menu .select a { text-decoration: none; } .left_menu .subs .sub { padding: 4px 10px 4px 20px; background: url(/DESIGN/SITE/images/menu_line_g.gif) no-repeat 1px 15px; } .left_menu .subs .sub.select { padding-top: 8px; border: none; font: normal 12px Arial; text-transform: none; text-decoration: none; } .left_menu .subs a { color: #20a1d6; font-size: 12px; } .left_menu .insub { padding-left: 20px; } .left_menu .insub .sub { background: url(/DESIGN/SITE/images/menu_arr_sub.gif) no-repeat 1px 11px; padding: 2px 0px 2px 15px; } .left_menu .insub .sub a { font-size: 12px; text-decoration: none; } .left_menu .order_box { margin: 20px 0px -20px 0px; padding: 20px 20px 20px 20px; background: #2e3d6e; } .left_menu .order_box .title_box { font-family: Arial; font-size: 24px; color: #ffffff; padding-bottom: 10px; } .left_menu .order_box .title_box_sub { font: italic 18px Arial; color: #ffffff; padding: 10px 0px 7px 0px; } .left_menu .order_box .title { padding: 5px 0px 4px 0px; font-size: 12px; color: #655840; } .left_menu .order_box .input { width: 100%; height: 30px; background: #ffffff; border-top: 1px #9f9f9f solid; border-left: 1px #cfcfcf solid; border-bottom: 1px #ffffff solid; border-right: 1px #cfcfcf solid; font: italic 14px Arial; color: #898989; line-height: 25px; padding-left: 7px; } .left_menu .order_box input.err, .left_menu .order_box textarea.err { border: 1px #ff0000 solid; color: #ff0000; } .left_menu .order_box .input_radio { width: 110px; font: 14px Arial; color: #ffffff; float: left; padding: 12px 0px 0px 0px; } .left_menu .order_box .input_radio input { width: auto; height: auto; } .left_menu .order_box textarea.input { height: 90px; } .left_menu .order_box .button { padding-top: 7px; } .left_menu .order_box .button input { width: 92px; height: 32px; font-family: Arial; font-size: 12px; color: #454545; line-height: 30px; background: url(/DESIGN/SITE/images/button.png); border: none; } .left_menu .bl2news { padding: 10px 30px 0px 40px; } .left_menu .bl2news h2 { font-family: Georgia; font-size: 24px; font-weight: normal; line-height: 26px; color: #4e606a; margin: 12px 0px 13px 0px; } .left_menu .bl2news p { margin: 5px 0px 10px 0px; } */ .middle { background: #FFFFFF; height: 100%; } .way { font: 11px Arial; color: #686868; margin: 3px 0px 0px 0px; line-height: 13px; } .way span { margin: 0px 5px; } .trway { background: #FFFFFF; height: 10px; } .trway .way { margin: 0px 0px 20px 30px; } .content { padding: 10px 30px 20px 30px; } /*стили редактора - не удалять коммент tinymce!*/ /**************/ #tinymce { font-family: Arial; font-size: 14px; line-height: 20px; color: #565656; } .content img { margin: 5px 20px 10px 20px; border: none; } .content .back{ margin: 0px; color: #248AD8; font: 14px Georgia; } .content h1 { font-family: Tahoma; font-size: 24px; font-weight: normal; line-height: 26px; color: #4e606a; margin: 12px 0px 10px 0px; } .content h2 { font-family: Tahoma; font-size: 18px; font-weight: normal; line-height: 22px; color: #4e606a; margin: 10px 0px 10px 0px; } .content p { margin: 20px 0px; } .content p.download { background: url(/DESIGN/SITE/images/arr.jpg) no-repeat 0px 4px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 16px; font: 12px Arial; } .content ul { margin: 0px; padding: 5px 0px; list-style: none; } .content ul li { padding: 0px 0px 10px 20px; background: url(/DESIGN/SITE/images/ugra/li_menu.png) no-repeat 0px 8px; font-family: Arial; font-size: 14px; line-height: 20px; color: #565656; } .content ol { margin: 0px 0px 0px 20px; padding: 0px; } .content ol li { padding: 5px 0px; font-family: Tahoma; font-size: 13px; line-height: 20px; color: #a1a1a2; } .content ol li span { font-family: Arial; font-size: 14px; line-height: 20px; color: #565656; } .content .table { clear: both; border-collapse: collapse; border: 1px solid #d3d3d3; margin: 5px 0px; } .content .table th { font-family: Arial; font-size: 14px; line-height: 20px; color: #ffffff; text-align: left; background: #1d85c0; padding: 6px 15px; font-weight: normal; border: 1px solid #ffffff; } .content .table td { padding: 6px 15px; font-family: Arial; font-size: 14px; line-height: 20px; color: #000000; border: 1px solid #ffffff; background: #ededef; } /**************/ .content .catalog_item p { line-height: 16px; } .content .catalog_item img { margin-bottom: 20px; } /*========news_main======*/ .news_main{ margin: 20px 0px 30px 20px; background: #1d85c0; color: #ffffff; overflow: hidden; } .news_main .title{ font: 18px Tahoma; color: #ffffff; margin: 10px 20px 0px 20px; overflow: hidden; } .news_main .title a { font: 11px Tahoma; color: #ffcb08; } .news_main .item{ margin: 20px; } .news_main .item span.date{ font: 11px Tahoma; } .news_main .item div.name{ margin: 5px 0px; } .news_main .item div.name a{ font: bold 14px Tahoma; color: #ffcb08; } .news_main .item div.text{ font: 12px Tahoma; } /*=====end news_main=====*/ /*=======Footer========*/ .main_table td.footer{ vertical-align: bottom; background: #ffffff; } .main_table td.footer img{ border: none; } .main_table div.footer{ Padding: 0px 20px 5px 30px; } .main_table div.footer,.main_table div.footer a{ color: #6e7c84; font: 12px Tahoma; text-decoration: none; } .main_table div.footer404{ width: 100%; height: 200px; } /*=====end Footer======*/ /* .footer { padding: 0px 0px 0px 0px; height:87px; background: url(/DESIGN/SITE/images/footer_fon.gif); vertical-align: top; } .empty td { padding: 0px; font-size: 0px; line-height: 0px; height:12px; background: none; } .footer p { padding: 0px; margin: 0px; font: 12px Arial; color: #c1c5d4; line-height: 20px; } .footer .copyright { float: left; padding: 15px 0px 0px 15px; margin: 0px; font: 12px Arial; color: #a9a9a9; line-height: 20px; } .footer { color: #a9a9a9; font-size: 12px; } .footer .copy { width: 240px; float: right; font: 11px Arial; color: #5f5f5f; padding: 15px 15px 0px 0px; text-align: right; } .footer .copy p { font: 11px Arial; color: #5f5f5f; margin: 0px; padding: 0px 0px 0px 0px; } .footer .copy a { color: #5f5f5f; text-decoration: none; } .footer .copy a img { margin: 0px -12px 0px 0px; } .footer img { border: none; } .footer .counters { float:right; width: 31px; text-align: left; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 30px; } */ .art_item { width: 290px; } .art_item div { padding: 20px 0px 30px 0px; } .catalog_items { width: 560px; } .catalog_items td { padding: 5px 0px 15px 0px; vertical-align: top; } .catalog_items td p { margin: 10px 0px 0px 0px; } .catalog_items td.box { font-size: 0px; padding: 0px 0px 20px 0px; width: 170px; vertical-align: top; } .catalog_items td.box div { width: 140px; padding: 2px; border: 2px solid #4a82bc; } .content .catalog_items td.box div img { margin: 0px; border: none; } .catalog_items .types { background: #ded0b6; padding: 10px 20px 20px 20px; } .catalog_items .types div { font-size: 12px; padding-bottom: 5px; } .catalog_items .types select { font-size: 12px; width: 100%; background: #f2ead5; border: 1px #a49984 solid; } .catalog_items a { font-size: 18px; color: #4a82bc; } .catalog_item { width: 560px; } .catalog_item .title { font-family: Georgia; font-size: 18px; color: #4e4e4e; padding-bottom: 10px; } .catalog_item #small_img img { margin-bottom: 20px; } .catalog_item .text { padding-top: 20px; } .news_items { width: 580px; } .news_items td { padding: 5px 0px 15px 0px; vertical-align: top; color: #4e606a; font: 12px Tahoma; /*border-bottom: 1px solid #dadada;*/ } .news_items td p { margin: 10px 0px 0px 0px; color: #4e606a; } .news_items td.box { width: 180px; vertical-align: top; } .news_items td.box div { width: 150px; } .content .news_items td.box div img { margin: 0px; border: 2px solid #438db7; } .news_items a { font-size: 14px; color: #006fae; } .content .news_items .date{ } .content .news_item img { margin-bottom: 5px; } .content .news_item p { } .news_item .date { font-size: 14px; color: #655840; font-style: italic; } .news_item .image { float: left; margin: 0px 20px 10px 0px; } .pages { margin-top: 20px; padding: 0px 0px; border-top: 1px #ffffff solid; } .pages .title { padding: 0px 10px 0px 0px; } .pages span { padding: 10px; } .pages .select { background: #e5e5e5; color: #ffffff; padding: 3px 5px; } .feedback .order_box{ background: #ededef; padding: 20px; border-bottom: 1px solid #c5c5c5; } .feedback .order_box .formContacts{ color: #000000; } .feedback .order_box .formContacts td{ padding: 5px 0px; color: #000000; } .feedback .order_box .checkUin{ background: none; cursor: pointer; width: 80px; border: 1px solid #4f4f4f; margin: 0px 10px; } .feedback .order_box #inCheck{ font: 11px Arial; color: #118d43; } .feedback .order_box #inCheck p{ display: inline; color: #f91212; } .formContacts p{ margin: 5px 0px !important; } .radios{ /*width: 10px !important; height: 5px !important;*/ width: 15px !important; height: 15px !important; background: none !important; border: none !important; } .feedback .order_box input{ border: none; background: url(/DESIGN/SITE/images/ugra/input.gif) 0 0 repeat-x; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } .feedback .order_box .submit_fdb{ border: none; background: url(/DESIGN/SITE/images/ugra/submit_fdb.gif) 0 0 no-repeat; width: 120px; height: 31px; color: #454545; } .feedback .order_box .title_box { font-family: Arial; font-size: 18px; font-weight: normal; line-height: 22px; color: #4e606a; margin: 20px 0px 10px 0px; } .feedback .title { padding-top: 5px; float: left; width: 170px; } .feedback input.err { border: 1px solid #ff0000; } .feedback .title.err { color: #ff0000; } .feedback input { height: 22px; width: 320px; font-family: Arial; font-size: 12px; color: #333333; } .feedback textarea { /*width: 550px;*/ width: 98%; height: 100px; font-family: Arial; font-size: 12px; color: #333333; } .feedback textarea.err { border: 1px solid #ff0000; } .feedback .title.err { color: #ff0000; } .feedback .button { font-family: Arial; font-size: 12px; color: #454545; } .feedback .button input { height: auto; width: auto; font: 12px Arial; color: #333333; margin-top: 5px; } .feedback .input_radio { width: 110px; font: 14px Arial; color: #333333; padding: 12px 0px 20px 0px; } .feedback .input_radio input { width: auto; height: auto; } .page404 { padding-top: 20px; } .page404 td { background: #FFFFFF; padding: 0px 0px 0px 40px; } .page404 .content { font-size: 24px; } .page404 .content div { padding: 20px 0px 50px 0px; } .page404 .content div p { margin: 10px 0px 0px 0px; } .page404 .content div ul { padding: 30px 0px 0px 0px; } .page404 .content div ul li { background: none; padding: 10px 0px; font: bold 14px Georgia; text-transform: uppercase; } .page404 .content a { color: #20a1d6; } .page404 .content h1 { font: 24px Arial; color: #000000; margin: 0px 20px 0px 0px; } .page404 .content h1 b { font-weight: normal; font-size: 48px; color: #83d5f7; } .photo { } .photo div { float: left; width: 150px; text-align: center; margin: 0px 25px 25px 0px; } .photo div p { width: 150px; margin: 0px auto; display: table-cell; vertical-align:middle; text-align: center; height: 50px; overflow: hidden; } .photo div a { } .content .photo div img { margin: 0px 0px 0px 0px; border: none; cursor: pointer; } .errInput{ border: 1px solid red !important; }