@charset "utf-8";
/* CSS Document */

table.content td.centerColumn .padding { width: 93%;  }
table.content td.centerColumn .padding.shops { width: 94%; margin: 0 0 0 20px }

table.news { border-collapse: collapse; margin: 0 0 20px 0 }
table.news td { vertical-align: top; }
table.news .date { display: block; margin: 0 0 .4em 0; font-size: 95%; color: #7f7f7f }
table.news .img-lft { margin-bottom: 0 }

.pager { margin-top: 2em }

.back { font-size: 120%; margin: 1em 0 0 0 }
.ndate { display: block; margin: 0 0 1em 0; color: #7f7f7f; font-style: italic }

.attention { color: #686d6f; font-style: italic }
.attention span { color: #a11b13; font: bold 12px Tahoma, sans-serif; }

.sitemap { padding: 20px 15px 0 40px }
.sitemap .mapItem { display: inline-block; //display: inline; //zoom: 1; width: 33%; font-size: 140%; vertical-align: top;  }

.sitemap .mapItem div { padding: 0 20px .5em 0 }
.sitemap .mapItem .level { padding: .5em 0 0 0; font-size: 85%  }
.sitemap .mapItem .level .level { padding: .8em 0 0 20px; font-size: 85% }
.sitemap .mapItem .level .level div { background: url(../img/li.gif) no-repeat 0 .5em; padding-left: 12px }
.sitemap .mapItem .level a { color: #000 }
.sitemap .mapItem .level a:hover { color: #a11b13 }

div.galleryCont { padding: 12px 30px 10px 30px; position: relative; border: 1px solid #92aabc; overflow: hidden; width: 550px; margin: 0 auto  }
div.previews { position: relative; overflow: hidden; width: 100%  }
div.previews div.items { width: 10000px; position: relative }
div.previews div.items div.item { display: inline-block; //display: inline; //zoom: 1; margin: 0 6px 0 0 }
div.bigPhoto { text-align: center; margin: 20px 0 20px 0; background: #f3fefc;  }
div.bigPhoto img { border: 2px solid #fff; margin: 5px }
div.galleryCont div.prev { background: url(../img/prev.gif) no-repeat 0 0; height: 37px; width: 12px; position: absolute; left: 5px; top: 40px; cursor: pointer } 
div.galleryCont div.next { background: url(../img/next.gif) no-repeat 0 0; height: 37px; width: 12px; position: absolute; right: 5px; top: 40px; cursor: pointer }


.card { display: inline-block; //display: inline; //zoom: 1; width: 29%; margin: .5em 0 2em 0;  }
.card label { position: relative; display: inline-block; zoom: 1; vertical-align: middle }
.card input { vertical-align: middle; margin-right: 5px }
.card .text { padding: .5em 10px 0 0; color: #445666 }
.ord { padding: 0 0 0 0 }
.ord span { display: block; margin: 2em 0 .6em 0; font-weight: bold }
.ord input { width: 8em; padding: .1em 4px; vertical-align: middle  }
.ord input.buy { overflow: visible; padding: .1em 15px; width: auto }


/*SHOPS*/
.citiesSelect { font-size: 0; margin-bottom: 23px }
.citiesSelect div { display: inline-block; //display: inline; //zoom: 1; padding: 0 0 0 9px; margin-right: 8px  }
.citiesSelect div span { display: block; padding: 0 9px 0 0 }
.citiesSelect div span span { padding: 9px 0 15px 0; text-align: center  }
.citiesSelect div span span span { display: inline-block; font: bold 16px Arial, sans-serif; color: #1661b4; background: url(../img/dashedSity.gif) repeat-x 0 100%; padding: 0; cursor: pointer }
.citiesSelect div.active { background: url(../img/sitySel.gif) no-repeat 0 0; }
.citiesSelect div.active span { background: url(../img/sitySel.gif) no-repeat 100% 0; }
.citiesSelect div.active span span { background: url(../img/sitySel.gif) no-repeat 50% 0; }
.citiesSelect div.active span span span { background: none; color: #fff }

.shops .shop { display: inline-block; //display: inline; //zoom: 1; width: 200px; padding-top: 15px; position: relative; left: -12px; margin-bottom: 10px; vertical-align: top  }
.shops .active { background: url(../img/shopbg.gif) no-repeat 0 0; }
.shops .active .shopin { background: url(../img/shopbg.gif) no-repeat 0 100%; }
.shops .shopin { padding: 0 0 20px 23px; min-height: 255px } 
.shops .title { display: block; font: bold 16px Arial, sans-serif; padding: 0 0 22px 0 }
.shops .openMap { position: relative; padding: 0 0 13px 25px; color: #674dbc   }
.shops .openMap span { border-bottom: 1px dashed #674dbc; cursor: pointer }
.shops .openMap label { position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: url(../img/sitySprite.png) no-repeat 0 0;  }
.shops .workTime { font: bold 16px Arial, sans-serif; position: relative; padding: 0 0 13px 25px }
.shops .workTime span { font: italic 11px Arial, sans-serif; display: block }
.shops .workTime label { position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: url(../img/sitySprite.png) no-repeat 0 -55px;  }
.shops .phone { position: relative; padding: 0 0 13px 25px; font-weight: bold  }
.shops .phone label { position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: url(../img/sitySprite.png) no-repeat 0 -103px; }
.shops .openShop { position: relative; padding: 0 0 13px 25px }
.shops .openShop label { position: absolute; top: 2px; left: 0; width: 15px; height: 16px; background: url(../img/sitySprite.png) no-repeat 0 -152px; }
.shops .openShop span { border-bottom: 1px dashed #674dbc; cursor: pointer; color: #674dbc }
.shops .vakance { position: relative; padding: 0 0 13px 25px; margin-top: 7px }
.shops .vakance label { position: absolute; top: 0; left: 0; width: 16px; height: 17px; background: url(../img/sitySprite.png) no-repeat -27px -102px; }

.shops .customer { background: url(../img/daycustomer.png) no-repeat 0 0; padding: 4px 0 0 26px; height: 53px; margin: 6px 0 0 0  }
.shops .customer strong { display: block }

.shops .paylink { font-size: 0; margin: 14px 0 0 0 }
.shops .paylink span { display: inline-block; //display: inline; //zoom: 1; width: 29px; height: 20px; margin-right: 6px  }
.shops .paylink .link1 { background: url(../img/sitySprite.png) no-repeat -25px 0 }
.shops .paylink .link2 { background: url(../img/sitySprite.png) no-repeat -25px -24px }
.shops .paylink .link3 { background: url(../img/sitySprite.png) no-repeat -25px -48px }
.shops .paylink .link4 { background: url(../img/sitySprite.png) no-repeat -25px -74px }

.shopspopup { position: absolute; min-height: 100%; width: 100%; z-index: 100; left: 0; top; 0  }
.shopspopup .popup { background: url(../img/shopOne.png) no-repeat 0 0; margin: 0 auto 0 auto; width: 701px; position: relative  }
.shopspopup .close { position: absolute; width: 95px; height: 30px; background: url(../img/e.gif) repeat 0 0; right: 70px; top: 55px; cursor: pointer }
.shopspopup .popupin { padding: 88px 0 0 110px }
.shopspopup .image { width: 465px; height: 465px; overflow: hidden; font-size: 0;  }
.shopspopup .image .items { width: 10000px; position: relative }
.shopspopup .image .item { display: inline-block; //display: inline; //zoom: 1; margin-right: 1px;  }
.shopspopup .cbot { position: absolute; width: 701px; height: 110px; bottom: -110px; left: 0; background: url(../img/shopOne.png) no-repeat 0 100%; }
.shopspopup .title { width: 355px; margin-bottom: 14px }
.shopspopup .title strong.name { font: bold 18px Arial, sans-serif; display: block; padding: 0 0 7px 0 }
.shopspopup .title span { font-size: 85%; padding-right: 20px; color: #31383b }
.shopspopup .menu { margin-bottom: 10px }
.shopspopup .menu span { display: inline-block; //display: inline; //zoom: 1; width: 105px; height: 24px; margin-right: 15px; text-align: center }
.shopspopup .menu span.active { background:url(../img/shopsel.gif) no-repeat 0 0; }
.shopspopup .menu span span { width: auto; height: auto; border-bottom: 1px dashed #6b4ebc; color: #6b4ebc; margin: 0; cursor: pointer }
.shopspopup .menu span.active span { border: none; color: #fff; cursor: default }
.shopspopup .image { position: relative; margin-bottom: 12px }
.shopspopup .image .prev { position: absolute; width: 27px; height: 61px; background:url(../img/nav.png) no-repeat 0 0; left: 0; top: 184px; cursor: pointer; z-index: 1  }
.shopspopup .image .prev.disabled { background:url(../img/nav.png) no-repeat -27px 0; cursor: default }
.shopspopup .image .next { position: absolute; width: 27px; height: 61px; background:url(../img/nav.png) no-repeat -93px 0; right: 0; top: 184px; cursor: pointer; z-index: 1  }
.shopspopup .image .next.disabled { background:url(../img/nav.png) no-repeat -65px 0; cursor: default }
.shopspopup .navi { font-size: 0; position: relative; left: -5px  }
.shopspopup .navi span { display: inline-block; //display: inline; //zoom: 1; padding: 5px; margin-right: 5px; cursor: pointer; width: 50px; height: 33px }
.shopspopup .navi span.active { background: url(../img/navi.gif) no-repeat 0 0; cursor: default; }
.shopspopup .map { padding-bottom: 55px; }

.hiddeninfo { position: absolute; top: -10000px }

.vak { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #bae5ff }
.vak p { padding-bottom: .5em  }

.vacDetails { padding: 2em 0 0 0 }
.vacDetails h3 { padding-bottom: 1em }
.vacDetails p { padding-bottom: .6em }

.paperLink { padding: 0 0 1em 0 }
.paperLink a { background: url(../img/paper.gif) no-repeat 0 0; display: inline-block; //display: inline; padding: .1em 0 .5em 25px; font-size: 110%; margin: 2em 0 0  0 }



