@charset "windows-1251";

#content {padding: 15px 10px 20px 10px}
.content {}
#left {min-width: 214px; width: 20%; padding-right: 28px}
#right {}
#center {}

.text, .newsText, .item {padding-right: 10% !important;}
.textBlueBg, .blueBg {margin-right: 10% !important;}

.bread {margin: 15px 0 0 !important;}
.header {color: #f17900; font: 20px "Myriad Pro", "Arial"; font-weight: bold; padding-top: 9px}
.text h1 {color: #f17900; font: 19px "Myriad Pro", "Arial"; font-weight: bold; padding-top: 9px; margin: 0 0 10px;}
.text h2 {color: #f17900; font: 18px "Myriad Pro", "Arial"; font-weight: bold; padding-top: 9px; margin: 20px 0 10px;}
.text h3 {color: #f17900; font: 17px "Myriad Pro", "Arial"; font-weight: bold; padding-top: 9px; margin: 20px 0 10px;}
.text h4 {color: #f17900; font: 16px "Myriad Pro", "Arial"; font-weight: bold; padding-top: 9px; margin: 20px 0 10px;}
.text h5 {color: #f17900; font: 15px "Myriad Pro", "Arial"; font-weight: bold; padding-top: 9px; margin: 20px 0 10px;}
.text h6 {color: #f17900; font: 14px "Myriad Pro", "Arial"; font-weight: bold; padding-top: 9px; margin: 20px 0 10px;}
.text li {margin: 0 0 5px; padding: 0 0 0 20px; background: url(/images/bullet-intext.gif) no-repeat 0 3px;}
.text ul {margin: 0 0 10px;}
.text img {margin: 0 10px 10px 0;}
.text p {clear: both;}

.clear {height: 1px; overflow: hidden; clear: left}
.blueList {height: 22px; overflow: hidden; margin-bottom: 20px}
   .blueList li {height: 22px; float: left; padding-right: 25px}
   .blueList a, .blueList span {height: 19px; float: left; display: block; padding: 3px 3px 0 3px}
   .blueList a:hover, .blueList span {background: #2e3886; color: #fff}

.catalog {margin-bottom: 3px}
   .catalog dt {background: #e1efff; color: #2c3684; font: 19px "Myriad Pro"; font-weight: bold; border-bottom: 1px #fff solid; padding: 11px 12px 10px 16px}
   .catalog dd {font: 14px "Myriad Pro"; border-bottom: 1px #fff solid}
   .catalog dd a, .catalog dd span {background: #e1efff url(/images/menu_left_orange.gif) 16px 9px no-repeat; color: #000; text-decoration: none; display: block; padding: 7px 12px 6px 36px}
   .catalog dd a:hover, .catalog dd span {color: white !important; background: url(/images/menu_left_gray.gif)  16px 9px no-repeat #2c3684 !important;}
   .catalog dd span {color: white !important; background: url(/images/menu_left_gray.gif)  16px 9px no-repeat #2c3684 !important;}
   .catalog dd a:hover a, .catalog dd span a {color: white !important;}
.search {background: #e2e2e2; padding: 17px 0 17px 16px}
   .search .text {background: #fff; width: 70%; color: #868584; border: none; margin-right: 5px; padding: 3px 3px 4px 3px}
   .search .submit {background: url(/images/form_search.gif) no-repeat; width: 26px; height: 22px; border: none; cursor: pointer; position: absolute}

.news {margin-bottom: 10px}
   .news p {padding-right: 20px; margin: 3px 0 15px 0}
   .news .header {margin-top: 0}
   .news .header a {text-decoration: none; color: #f17900;}
   .news a {color: #000}
   .news .blue {/* color: #2c3684 */color: #f17900;}
   .news .date {background: #e1efff; color: /* #818181 */ black; font-family: verdana; font-size: 11px; padding: 1px 3px 2px 3px; margin-left: -3px;}
   .news .items td {width: 50%;}
.work {margin-bottom: 20px}
   .work .items {background: #e1efff; height: 330px; overflow: hidden;}
   .work .items .item {padding: 0 10px 10px 0 !important;}
   .work .items .item div {height: 160px; overflow: hidden; position: relative}
   .work .items .pic {position: absolute; right: 0;}
   .work .items .link {background: url(/images/bg_pic.png); font-size: 16px; font-weight: bold; line-height: 13px; display: block; position: absolute; bottom: 0; left: 0}
   .work .items .link td {height: 48px; vertical-align: middle; padding: 0 20px 0 15px}
   .work .items .link a {color: #000; text-decoration: none}
   .work .items .arrow {position: absolute; top: 24px; right: 12px}
.contacts {width: 620px;}
   .contacts .photo {float: right; margin: 0 10px 10px 0;}
   .contacts .city {clear: both; margin-bottom: 20px}
      .contacts .city .title {font-size: 17px; margin-bottom: 5px}
      .contacts .city .title .print {margin-left: 15px;}
      .contacts .city .more a {color: #f17900; font-size: 14px; text-decoration: none; border-bottom: 1px #6e6e6e dashed}
      .contacts .city .more img {position: absolute; margin-top: 5px; margin-left: 5px;}
   .contacts .data {/*font-size: 12px; */margin-bottom: 3px}
      .contacts .data .title {/*color: #555555; */font-size: 12px}
   .contacts .moreInfo {/*font-size: 12px; */margin: 10px 0 5px;}
   .contacts .moreInfo2 {/*font-size: 12px; */margin: 30px 0 5px;}
      
   .contacts .blueBg {width: 620px; display: none; background: #edf5ff; /*font-size: 12px; */margin-bottom: 20px}
   .contacts .blueBg .moreInfo {margin: 15px 0;}
   .contacts .blueBg .moreInfo p {margin: 0;}
   .contacts .blueBg td {padding: 10px}
.events {}
   .events .item {margin-bottom: 20px}
      .events .item p {font-family: verdana; font-size: 11px}
      .events .item .date {background: #e1efff; color: /*#818181*/ black; font-family: verdana; font-size: 11px; padding: 1px 3px 2px 3px; margin-left: -3px;}
      .events .item .title {font-family: arial; font-size: 17px; margin: 5px 0}
      .events .item .pic {float: left; padding-right: 15px}
      .events .item .pic img {border: 4px #edf5ff solid}
.newsText {padding-top: 7px}
   .newsText {}
      .newsText .date {margin: 15px 0 -5px 0px !important;}
      .newsText .date span {background: #e1efff; color: /* #818181 */ black; font-family: verdana; font-size: 11px; padding: 1px 3px 2px 3px; margin-left: -3px;}
      .newsText .header {font-size: 20px; margin: 5px 0 0 0}
      .newsText .all {margin-bottom: 20px}
      .newsText .text {/* font-family: verdana; font-size: 11px; */margin-bottom: 50px}
      .newsText .title {font-size: 17px}
      .newsText .item {width: 128px; height: 200px; text-align: center; float: left; margin-bottom: 20px; padding-right: 24px}
         .newsText .item .pic {padding-right: 15px}
         .newsText .item .pic img {border: 4px #edf5ff solid}
         .newsText .item p a {color: #000}
.searchPage {}
   .searchPage .searchBlock {margin-bottom: 35px}
      .searchPage .searchBlock .text {width: 65%; color: #868584; border: 1px #2e3886 solid; margin-right: 3px; padding: 3px 3px 4px 3px}
      .searchPage .searchBlock .submit {width: 60px; cursor: pointer; position: absolute; padding: 1px 0}
.searchResults {}
   .searchResults .title {font-size: 18px; margin-bottom: 20px}
   .searchResults .list {color: #818181; font-size: 14px; margin-bottom: 30px}
   .searchResults .list li {margin-bottom: 20px}
   .searchResults .list a {color: #4e5dd7; font-size: 14px}
.pages {font-size: 14px}
   .pages dt {height: 22px; float: left; padding: 5px 20px 0 0}
   .pages dd {float: left; padding-right: 10px}
   .pages a, .pages span {width: 25px; height: 22px; text-align: center; float: left; padding-top: 5px}
   .pages a:hover, .pages span {background: #f17900; color: #fff}
.gallery {}
   .gallery .header {margin-bottom: 20px}
   .gallery .item {margin-bottom: 30px}
   .gallery .title {font-size: 17px; margin-bottom: 10px}
   .gallery .title a {color: #3444c9}
   .gallery table {margin: 0 0 30px;}
   .gallery .largePhoto {width: 194px}
   .gallery .smallPhotos {widtqh: 291px}
   .gallery .smallPhotos .pic {width: 95px; height: 95px; overflow: hidden; float: left; margin: 0 2px 3px 0}
   .gallery .smallPhotos .pic2 {width: 95px; overflow: hidden; float: left; margin: 0 2px 0 0}
   .gallery .smallPhotos .pic img {width: 95px; height: 95px;}
   .gallery .descrList {height: 191px; overflow: hidden; padding-left: 10px; vertical-align: middle; background: #dedede;}
   .gallery .descrList li {margin-bottom: 10px}
.catalogPage {}
   .catalogPage .header {margin-bottom: 2px}
   .catalogPage .header .stock {background: #f17900 url(/images/icon_exclam.jpg) 9px 6px no-repeat; height: 25px; color: #fff; font-size: 17px; font-weight: normal; display: block; position: absolute; top: 0; right: 10px; padding: 6px 9px 0 34px}
   .catalogPage .blueBg {background: #edf5ff; margin-bottom: 30px; padding: 10px}
   .catalogPage .blueBg .pic {float: right; margin: 0 0 5px 10px; padding: 15px; background: white;}
   .catalogPage .blueBg .clear {clear: right}
   .catalogPage .item {margin-bottom: 30px}
      .catalogPage .item .title {font-size: 17px; margin: 5px 0}
      .catalogPage .item .largePhoto {float: left; padding-right: 15px}
      .catalogPage .item .largePhoto img {border: 4px #e1efff solid}
      .catalogPage .item .smallPhotos {height: 42px; margin-bottom: 10px}
      .catalogPage .item .smallPhotos .pic {width: 42px; float: left; padding-right: 11px}
      .catalogPage .item .smallPhotos .pic img {border: 1px #e1efff solid}
      .catalogPage .item .all a {color: #f17900}
.catalogItemPage {}
   .catalogItemPage .header {position: relative; margin-bottom: 2px}
   .catalogItemPage .header .stock {background: #f17900 url(/images/icon_exclam.jpg) 9px 6px no-repeat; height: 25px; color: #fff; font-size: 17px; font-weight: normal; display: block; position: absolute; top: 0; right: 0; padding: 6px 9px 0 34px}
   .catalogItemPage .blueBg {background: #edf5ff; margin-bottom: 30px; padding: 10px}
   .catalogItemPage .blueBg .largePhoto {float: left; padding-right: 10px}

   .catalogItemPage .blueBg table td {text-align: left; vertical-align: top;}
   .catalogItemPage .blueBg table td img {margin: 0 20px 20px 0;}
   
   .catalogItemPage .blueText {color: #2a3584; margin: 30px 0}
   .catalogItemPage .blueText p {margin: 0;}
   .catalogItemPage .blueText dt {font-weight: bold; margin-bottom: 10px}
   .catalogItemPage .pdf {font-size: 11px; position: relative; padding-left: 24px}
      .catalogItemPage .pdf img {position: absolute; top: -2px; left: 0}
      .catalogItemPage .pdf a {color: #504f4d}
   .catalogItemPage .thumbs {margin: 30px 0}
      .catalogItemPage .thumbs .item {width: 179px; height: 240px; float: left}
      .catalogItemPage .thumbs a {color: #000}
      .catalogItemPage .thumbs .topText {margin-bottom: 8px}
      .catalogItemPage .thumbs .pic {margin-bottom: 3px}
      .catalogItemPage .thumbs .pic img {}
      .catalogItemPage .thumbs span {display: block}
      .catalogItemPage .thumbs .dark {color: #404040}
      .catalogItemPage .thumbs .gray {color: #646464}

.textBlueBg {background: #e1efff; font-size: 13px; padding: 10px;}
   .textBlueBg .header {color: #000; font-size: 20px}
   .textBlueBg li {margin: 0 0 3px; padding: 0 0 0 20px; background: url(/images/menu_left_orange.gif) no-repeat 0 2px;}
   .textBlueBg ul {margin: 0 0 10px;}


.sitemap {margin-left: -10px;}
   .sitemap ul {margin: 0 0 10px 10px; font-size: 18px;}
   .sitemap li {margin: 0 0 10px; padding: 0; background: none;}
   .sitemap a {color: black;}
   .sitemap ul ul {font-size: 16px;}
   .sitemap ul ul li {margin: 0 0 5px;}
   .sitemap ul ul a {color: #3553d8;}
   .sitemap ul ul ul {font-size: 14px;}


.popup {background: #000; width: 100%; height: 100%; color: #fff; position: fixed; top: 0; left: 0; z-index: 100; display: none;}

.popup img.withBorder {border: 2px solid #cdcdcd;}

   .popup .centerBlock {width: auto; height: 100%; margin: 0 auto}
   .popup .centerBlock td {height: 100%; vertical-align: middle}
   .popup .photoBlock {position: relative; min-width: 100px; min-height: 100px; text-align: center; vertical-align: middle;}
      .popup .close {position: absolute; top: 0; right: -20px}
      .popup .arrow_left {font-size: 22px; font-weight: bold; position: absolute; bottom: -22px; left: 0}
      .popup .arrow_left a {color: #fff; text-decoration: none}
      .popup .arrow_right {font-size: 22px; font-weight: bold; position: absolute; bottom: -22px; right: 0}
      .popup .arrow_right a {color: #fff; text-decoration: none}
   .popup .textBlock {padding-left: 25px}
      .popup .textBlock p {font-size: 14px}
      .popup .textBlock .title {font-size: 17px; font-weight: bold}
      .popup .textBlock .subTitle {font-size: 17px; font-style: italic; margin: 0}

   .popup .textBlockCat {height: auto !important; font: 13px "Arial";}
      .popup .textBlockCat p {margin: 0 0 3px;}

      .popup .textBlockCat .name {color: white !important;}
      .popup .textBlockCat .size {float: right; color: #b4b4b4 !important;}
      .popup .textBlockCat .article {color: #b4b4b4 !important;}

   .popup .colorPick {display: block; float: left; width: 20px; height: 20px; boerder: 1px solid black;}
   .popup .colorPicker {position: absolute; left: 0; bottom: -60px; width: 180px; height: 20px;}