/* this css created by const lab, 2009 --- http://www.constlab.ru --- for knigoboz.ru */

/*** common ***/
* {padding: 0; margin: 0;}
html, body {width: 100%; height: 100%; background: #fff url('/img1/delete.png');}
table, td, div, p {color: #1a1a1a; vertical-align: top; border: 0; text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #0054a6; text-decoration: none; outline: none; border-bottom: 1px solid ; cursor: pointer; cursor: hand;}
a:hover {color: #001e3c;}
a img {border-bottom: 0;}
h1 {font: 16px/32px Verdana, Arial, sans-serif; font-weight: normal; color: #4b2b44; letter-spacing: -1px; padding: 8px 10px 8px 30px;}
h2 {font: 16px/24px Verdana, Arial, sans-serif; font-weight: normal; color: #70767b; letter-spacing: -1px; white-space: normal;}
h3 {font: 16px/24px Verdana, Arial, sans-serif; font-weight: normal; color: #b62270; letter-spacing: -1px; white-space: normal;}
h4 {font: 16px/24px Verdana, Arial, sans-serif; font-weight: normal; color: #b70044; letter-spacing: -1px; font-weight: normal; padding: 32px 0 6px 30px; margin: 0;}
h5 {font: 14px/24px Verdana, Arial, sans-serif; font-weight: normal; color: #70767b; font-weight: normal; padding: 0 0 6px 30px; margin: 0;}
img {border: 0;}
p {font: 12px/20px Verdana, Arial, sans-serif; padding: 0 40px 16px 32px;}
/*** end common***/


/*** misc ***/
.minor {color: #7a7883;}
.title {font: 16px/24px Verdana, Arial, sans-serif; color: #4b2b44;}
a.title {border-bottom: 1px #b090a9 solid;}
a.title:hover {color: #000; border-bottom: 1px #000 solid;}
/*** end misc ***/


/*** layout ***/
.layout {width: 90%; margin: 0 auto;}

.spread img {width: 980px; display: block; height: 16px;}

.header {display: block; width: 100%; height: 64px; padding: 0; margin: 0;}

.clear {clear: left;}

.header .logo {display: block; width: 30%; height: 64px; float: left; text-align: left; padding-bottom: 16px;}
.header .logo a {border: 0;}
.header .logo img {width: 240px; height: 56px; margin: 0 32px 0 30px;}

.header .menu {display: block; width: 33%; height: 64px; float: left; //padding-right: 1px; //overflow-x: hidden;}
.header .menu a {padding: 0 0 0 20px; margin: 0 0 0 -20px; border-bottom: 0; text-decoration: none; color: #ab1514;}
.header .menu a:hover {background: url('data/menu-active.gif') no-repeat 0 50%; color: #720e0d;}
.header .menu .nactive {font: 14px/16px Verdana, Arial, sans-serif; display: block; padding: 2px 10px 3px 10px; margin: 32px 3% 0 0; float: left;}
.header .menu .nactive span {border-bottom: 1px solid;}
.header .menu .active {font: 14px/16px Verdana, Arial, sans-serif; display: block; padding: 2px 10px 3px 10px; margin: 32px 5% 0 0; float: left; color: #fff; background: #b11116; border-bottom: none;}

.header .contacts {width: 33%; height: 64px; float: right; padding: 0;}
.header .contacts .phone {font: 24px/24px Verdana, Arial, sans-serif; white-space: nowrap; border: 0; display: block;}
.header .contacts .phone .code {font: 11px/32px Verdana, Arial, sans-serif; color: #777; border: 0; margin: 0 0 0 -20px;}
.header .contacts a {font: 10px/16px Verdana, Arial, sans-serif; margin: 0 0 0 16px;}
.header .contacts a:hover {color: #001e3c;}
.header .contacts .additional {font: 10px/16px Verdana, Arial, sans-serif; margin: 0 0 0 36px; color: #777;}

.publications {padding: 0 16px;}
.publications table {width: 100%; background-color: #693d60;}
.publications .publication {margin: 0; padding: 0; width: 128px; height: 160px;}
.publications img {margin: 1px; position: absolute; margin-right: 19px;}
.publications .text {background: url('/img/publications/lt-corner.png') 129px 1px no-repeat; padding: 0 30px 0 0; width: 33%; cursor: pointer; cursor: hand;}
.publications .text:hover {background: url('/img/publications/lt-corner.png') 129px 1px #4b2b44 no-repeat;}
.publications .text img {margin-left: 1px; position: relative; float: left;}
.publications p {font: 10px/14px Verdana, Arial, sans-serif; color: #fff; padding:  8px 10px 0 0;}
.publications .title {font: 16px/16px Verdana, Arial, sans-serif; display: block; padding: 0 0 8px 0; color: #fff;}
.publications .minor {color: #cd8abe;}
.publications a {color: #fff; border: 0; text-decoration: underline;}

.books {padding: 16px 16px 0 16px; position: relative; display: block;}
.books table {width: 100%; background: #e7e7e7; height: 32px;}
.books td {vertical-align: middle; padding: 0 16px;}
.books img {margin: 1px;}
.books a {font: 12px/16px Verdana, Arial, sans-serif; display: inline-block; margin: 0 0 0 4px; white-space: nowrap;}
.books .links {width: 16%; padding-left: 0;}
.books .links a {margin-left: 0;}
.books p {font: 10px/14px Verdana, Arial, sans-serif; color: #fff; padding: 2px 10px 0px 10px;}
.books .title {margin: 0 0 12px 0;}
.books div {position: absolute; right: 0; top: 0; width: 33%; height: 32px; margin: 16px 0 0 0;}
.books div p:first-child {margin-right: 60px;}
.books div p {display: block; float: left; height: 32px; padding: 0; cursor: pointer; cursor: hand;}
.books div p:hover a {color: #001e3c;}
.books div a {margin: 9px 40px 0 18px;}

.leftcolumn {width: 62%; float: left; display: inline-block;}
.rightcolumn {width: 33%; float: right; display: inline-block;}

.anounces {width: 100%; display: inline-block;}
.anounces .title {line-height: 19px; margin: 0 0 0 32px; padding: 16px 0 0 0; display: inline-block;}
.anounces .date {font: 12px/14px Verdana, Arial, sans-serif; color: #777; display: block; margin: 0 0 0 -9px; padding: 16px 0 14px 32px;}
.anounces table {width: 100%;}
.anounces .spread img {width: 16px;}
.anounces .img {width: 166px; padding: 0 0 0 32px;}
.anounces .text p {line-height: 16px; padding: 4px 40px 16px 20px;}

.news {width: 100%; display: inline-block; margin: 0 0 0 0;}
.news .title {line-height: 19px; margin: 0 0 0 32px; padding: 16px 0 0 0; display: inline-block;}
.news .date {font: 12px/14px Verdana, Arial, sans-serif; color: #777; display: block; margin: 0 0 0 0; padding: 16px 0 14px 23px;}
.news table {width: 100%;}
.news .spread img {width: 16px;}
.news .img {width: 166px; padding: 0 0 0 16px;}
.news .text p {line-height: 16px; padding: 0 40px 16px 20px;}

.recenses {width: 100%; float: right; display: inline-block; margin: 0 0 -4px  0;}
.recenses .title {line-height: 19px; margin: 0 0 16px 16px; padding: 16px 0 0 0; display: inline-block;}
.recenses p {padding: 0 40px 16px 16px;}
.recenses .author {font: 12px/16px Verdana, Arial, sans-serif; font-style: italic; display: block; margin: 0 0 -2px 0;}
.recenses .book {font: 12px/16px Verdana, Arial, sans-serif; text-decoration: none; border: 0; display: block; margin: 0 0 2px 0;}
.recenses .book .underline {border-bottom: 1px solid;}
.recenses .additional {font: 10px/16px Verdana, Arial, sans-serif; color: #777; display: block;}

.footer {width: 100%; height: 108px; padding-top: 32px;}
.footer .footer-table {width: 100%;}
.footer .footer-table td {vertical-align: top;}
.footer .copyright {width: 30%; font: 10px/10px Verdana, Arial, sans-serif; color: #7a7883;}
.footer .copyright span {display: block; margin: 22px 30px 0 32px;}
.footer .copyright a {display: inline-block; margin: 16px 30px 32px 46px;}
.footer .info {width: 33%;}
.footer .constlab {width: 33%; padding: 0 0 0 32px;}
.footer .constlab table {width: auto; vertical-align: middle; height: 13px; font: 10px/10px Verdana, Arial, sans-serif; margin: 22px 32px 32px 0;}
.footer .constlab img {width: 80px; height: 13px;}
.footer .constlab * {border: none; color: #7a7883;}
.footer .constlab .leading {color: #7a7883; font: 10px/20px Verdana, Arial, sans-serif; margin: 0 30px 32px 0;}
.footer .constlab .leading a {color: #0054a6; text-decoration: none; outline: none; border-bottom: 1px solid ; cursor: pointer; cursor: hand;}
.footer .constlab .leading a:hover {color: #001e3c;}

.links {font: 12px/20px Verdana, Arial, sans-serif; padding-left: 20px;}
.links * {font: 12px/20px Verdana, Arial, sans-serif;}

.banners table {border-collapse: separate; border-spacing: 16px; width: 100%; margin: 0 0 0 0;}
.banners td {padding: 0; margin: 0; vertical-align: middle; position: relative;}
.banners div {}
.banners img {margin-top: -2px;}
.banners a {border: 0;}
.banners .text-banner {background: url('/img/banners/txt-ban-bkg.png') #f1f1f1 repeat-x 0 0; width: 100%;}
.banners .text-banner p {font: 12px/16px Verdana, Arial, sans-serif; padding: 8px 20px 8px 20px;}
.banner img {margin: 32px 16px 32px -16px;}

.mainpage-content {padding-bottom: 48px;}

.mainpage-content .events-and-specials {width: 25%; float: left; margin-right: -30px;}
.mainpage-content .events-and-specials p {margin-right: 20px;}
.mainpage-content .events-and-specials .image {display: block; width: 88px; height: 88px; margin: 32px 0 16px 30px; position: relative;}
.mainpage-content .events-and-specials .image div {display: block; width: 88px; height: 88px; background: url('/img/event-frame.png') no-repeat 0 0;  position: absolute;}
.mainpage-content .news {width: 35%; float: left;}
.mainpage-content .news img {display: block; width: 20px; height: 20px; margin: 1px 0 0 -23px; float: left;}
.mainpage-content .text {width: 40%; float: left;}

.bottom-info {padding: 16px 16px 0 16px;}
.bottom-info .column {font: 12px/32px Verdana, Arial, sans-serif; background: #e7e7e7; padding: 0 16px 16px 16px; margin-top: -16px;}
.bottom-info .bottom-banners {border-collapse: separate;}
.bottom-info .bottom-banners img {float: left; margin-right: 16px;}
.bottom-info .bottom-banners td {width: 25%; background-color: #fff; border-left: 16px solid #e7e7e7;}
.bottom-info .bottom-banners td:first-child {border-left: 0;}
.bottom-info .bottom-banners td:first-child {}
.bottom-info .bottom-banners td p {font: 12px/16px Verdana, Arial, sans-serif; background: #fff; height: 100%; padding: 8px 16px 8px 16px;}
/*
.bottom-info .column div {width: 33%; float: left;}
.bottom-info .bottom-banners {padding: 0; margin: 0; float: left;}
.bottom-info .bottom-banners div {height: 100%;}
.bottom-info .bottom-banners div:first-child {width: 34%;}
.bottom-info .bottom-banners div p {background: white; margin: 5px 5px 5px 0; padding: 6px 10px;}
.bottom-info .bottom-banners div:first-child p {margin-left: 5px;}*/

.common {width: 100%; display: inline-block; margin: 16px 0 0 0;}
.common .title {line-height: 19px; margin: 0 0 0 32px; padding: 16px 0 0 0; display: inline-block;}
.common .date {font: 12px/14px Verdana, Arial, sans-serif; color: #777; display: block; margin: 0; padding: 16px 0 14px 23px;}
.common table {width: 100%;}
.common .spread img {width: 16px;}
.common .img {width: 166px; padding: 0 0 0 32px;}
.common .text {}
.common .text p {line-height: 16px; padding: 0 40px 16px 20px; margin-top: -4px;}
.common h1 {font: 16px/16px Verdana, Arial, sans-serif; color: #4b2b44; padding: 20px 0 3px 30px;}
.common h2 {font: 14px/16px Verdana, Arial, sans-serif; color: #000000; margin-bottom: 4px; margin-left: 32px;}
.common p {font: 12px/16px Verdana, Arial, sans-serif;}

.common .news_detail .date {padding-bottom: 0;}
.common .news_detail img {float: left; margin: 8px 24px 12px 32px; padding: 0;}
.common .news_detail p {margin-left: 12px; margin-top: 4px;}
.common .news_detail ul {margin-top: -10px; margin-bottom: 10px;}
.common .news_detail ul li {padding-left: 42px; font: 12px/14px Verdana, Arial, sans-serif;}

.navigation {margin-left: 32px; font: 11px/13px Verdana, Arial, sans-serif; color: #717171;}
.navigation a {color: #717171;}

.pager {margin-left: 32px; font: 12px/16px Verdana, Arial, sans-serif; color: #717171;}
.pager a {font: 12px/16px Verdana, Arial, sans-serif;}

.back_link {margin-left: 32px; font: 12px/16px Verdana, Arial, sans-serif;}
.back_link a {font: 12px/16px Verdana, Arial, sans-serif;}

.books_list {margin-top: 15px;}
.books_list td p {padding-left: 0;}
.books_list img {border: 0; margin: 3px 12px 12px 32px; padding: 0;}
.books_list a {border: 0;}

.books_details {margin-top: 5px;}
.books_details img {margin-right: 23px;}
.books_details p {margin-left: 32px;}

.shops_list {margin-left: 32px; margin-top: -15px;}
.shops_list td {font: 12px/16px Verdana, Arial, sans-serif; padding-top: 30px;}
.shops_list td h2 {font: 14px/16px Verdana, Arial, sans-serif; color: #000000; margin-bottom: 4px; margin-left: 0;}
.shops_list td a {top: 4px; position: relative;}

.arrow {font: 18px/12px Verdana, Arial, sans-serif; color: #7a7883;}
.clear {float: none;}
.warning {color: #990000;}
.dashed {border-bottom: 1px dashed;}
.price {font-family: Verdana, Arial, sans-serif; color: #bd7300;}
.price * {color: #bd7300;}
.tl div {width: 16px; height: 16px; background: url('/img/angles.png') no-repeat;}
.tr b {width: 16px; height: 16px; background: url('/img/angles.png') no-repeat 0 -16px; float: right;}
.bottomline {width: 100%; height: 16px;}
.bl div {width: 16px; height: 16px; background: url('/img/angles.png') no-repeat 0 -48px;}
.br div {width: 16px; height: 16px; background: url('/img/angles.png') no-repeat 0 -32px; float: right;}

.counter {text-align: right; padding-right: 16px;}
.counter a {text-decoration: none;}
.counter a img {border: 0;}

/*** layout ***/





/*** tipograph ***/
.laquo {margin-left: -0.5em;}
.fixquo {word-spacing: 0.5em }
.brkt {margin-left: -0.3em;}
.fixbrkt {margin-left: 0.3em;}
.dash {margin-left: -1.3em;}
.fixdash {margin-left: 1.3em;}
.nobr {white-space: nowrap;}