BODY
{
    background-color: #d3ddeb;
    background-position: left top;
    background-image: url('Images/main_background.gif' );
    background-repeat: repeat-x;
    font-family: 'Arial';
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 974px;	
}

#header {
	margin: 0px 0px 0px 0px;
	background: white;
	height:181px;
    background-image: url('Images/header.jpg' );
    background-repeat:no-repeat;
    background-position:top;    
}

#topmenu {	
	background: #949ba4;
	height:41px;
	background-image: url('Images/top_menu.gif');
    background-repeat: repeat-x;
}

#container
{
    background:white;
    
}

#content { 
	float: right;
	width: 699px;
	background:white;	
	padding:10px;
	font-size:10pt;
}

#footer
{
    clear: both;
    height: 20px;
    background: #949ba4;
    padding: 10px;
    font-size: 12px;
    color: #d3ddeb;    
}

#leftmenu
{
    width: 235px;
    float:left;
    padding:10px;
    background:white;
    color:#3e4856;
}

#leftmenu a
{
    text-decoration: none;
   color:#3e4856;
}


#leftmenu A:hover 
{
text-decoration:underline;
}


#cleaner
{
     clear: both;
     height: 10px;
     background:#d3ddeb;
}

.Edice
{
    height:30px;
	width:200px;
	background-image: url('Images/edice_back.gif');
    background-repeat:no-repeat;        
    background-position:top;
    padding-top:2px;
}

.Edice span
{
    padding-left:10px;
    text-transform: uppercase;    
     font-size:14px;
}


.Edice1
{
    height:30px;
	width:200px;
    padding-top:2px;
}

.Edice1 span
{
    padding-left:10px;
    text-transform: uppercase;    
     font-size:14px;
}
.Selected
{
	height:25px;
	width:200px;
	background-image: url('Images/edice_back_item.gif');
    background-repeat:no-repeat;        
    background-position:top;
    clear:both;
    padding-top:2px;
}

.Selected span
{
    font-size:12px;
    margin: 3px 0px 0px 25px;    
}

.NotSelected
{
    background: white;
	height:25px;
	width:200px;
	clear:both;
}

.NotSelected span
{
    font-size:12px;
    margin: 3px 0px 0px 25px;
}

.MenuItem
{
    height:21px;
	width:200px;

}

.MenuItem span
{
    padding-left: 10px;
    text-transform: uppercase;
     font-size:14px;
}

.MenuItemSelected
{
    height:21px;
	width:200px;
	background-image: url('Images/edice_back.gif');
	background-repeat:no-repeat;        
    background-position:top;
}

.MenuItemSelected span
{
    padding-left: 10px;
    text-transform: uppercase;
     font-size:14px;
}

.Separator
{
    width:200px;
    height:5px;
    clear:both;    
}


.BookWrapper
{
     width:100%;       
     border: none;
     width:670px;
}

.BookCover
{   
    float: right;
    width: 152px;    
    overflow:hidden;        
}

.BookDetails
{
    float:left;
    font-size:14px;
    padding-left: 10px;
    text-transform: uppercase;    
}

.BookCover1
{
    border: solid 1px #949ba4;
    float: left;
    width: 150px;
    overflow:hidden;
}

.BookDetails1
{
    float:left;
    font-size:14px;
    padding-left: 10px;
    text-transform: uppercase;
}

.Clean
{
     clear: both;
     width:100%;
     height:10px;
}

.BookDescription
{
  width:100%;
  background:#e9eef5;
  padding:10px 10px 10px 10px;
}

.Divider
{
     width:100%;
     height:2px;
     background-color:#949ba4;     
    padding:0px 10px 0px 10px;
}

.BookName
{
  width:500px;
  background:#e9eef5;
  height:20px;
}

.BookRowDesc
{
    width:500px;
}
.Brownish
{
    color:#a27803;
    font-weight:normal;    
}

#searchmenu
{
    width: 200px;
    float:left;
    padding:10px;
    background:#ebe4d3;
    color:#ffffff;
}


#contactmenu
{
    width: 200px;
    float:left;
    padding:10px;
    background:#949ba4;
    color:#ffffff;
    font-size:12px;
}

.topmenuitems
{
    padding-top:10px;
    color:White;
}

.topmenuheader
{
    padding-top:10px;
    padding-left:10px;
}

.topmenuheader a
{
    color:white;
    font-size: 20px;
    font-weight:bold;
    text-decoration: none;
}

.MessageBox
{
  width:670px;
  height:20px;  
  background:#e9eef5;
  padding:5px 5px 5px 5px;
  text-align:center;
  font-size:16px;
  color:black;
  margin: 0px auto;  
  border: solid 1px #949ba4;
}

.AuthorLink
{
   text-decoration: underline;
   color:black;
}

.MessageBox1
{
  width:670px;
  height:20px;  
  background:white;
  padding:5px 5px 5px 5px;
  text-align:center;
  font-size:16px;  
  color:black;
  margin: 0px auto;  
  border: solid 1px white;
}

.lupa
{
    border:solid 0px;  
    float:right;   
    margin-top:3px;
}

.ProfileHeader
{
    width:100%;
    height:20px; 
    background-color:#E9EEF5; 
    font-weight:bold;
    text-transform:uppercase;
    font-size:13px;
    padding-top:5px;    
}

.ProfileName
{
     width:100%;
    background-color:#E9EEF5;     
    font-size:16px;    
}

.ProfileDesc
{
    font-size:12px;   
    margin-left:5px;
    margin-right:5px; 
}

.ProfileImage
{
float:right;
padding: 5px 5px 5px 5px;
border:solid 1px black;
background-color:#949BA4 ; 
}

.ProfileThumb
{
    margin:3px 2px 3px 3px ;
    background-color:white;
        border:solid 4px #E9EEF5;
}

.CommentButton
{
        border:solid 1px #949BA4;
        background-color:#E9EEF5 ; 
        font-weight:bold;    
        font-size:13px;
        color:Black;
}

.PaddingStyle
{
    padding:5px 5px 5px 5px;
}

.HeaderSummary a
{
    color:#3e4856;
    padding:3px 3px 3px 3px;
}

.HeaderSummary
{
    margin-bottom:10px;
}

.ViewMode a
{
    color:#3e4856;
    padding:3px 3px 3px 3px;
    text-decoration:none;
}

.ViewMode a:hover
{
      text-decoration:underline;
}

.ViewMode
{
    margin-bottom:10px;
}

/* ------------------------------------------------------------------
   Shop: cart, checkout, thank-you page (koupit.aspx)
   ------------------------------------------------------------------ */
.Shop { color: #3e4856; font-size: 10pt; line-height: 1.45; }
.Shop a { color: #3e4856; }
.ShopTitle { font-size: 18px; font-weight: bold; color: #3e4856; margin: 4px 0 14px; }
.Shop h2 { font-size: 15px; color: #3e4856; margin: 0 0 8px; }
.Shop h3 { font-size: 13px; color: #3e4856; margin: 16px 0 6px; }

.ShopMessage { background: #e9eef5; border-left: 4px solid #949ba4; padding: 8px 12px; margin: 0 0 14px; }
.ShopMessageWarn { background: #fbf3df; border-left-color: #a27803; }
.ShopEmpty { background: #e9eef5; padding: 18px; text-align: center; }

.ShopCart { width: 100%; border-collapse: collapse; margin: 0 0 6px; }
.ShopCart th { text-align: left; font-weight: bold; padding: 6px 8px; background: #e9eef5; border-bottom: 1px solid #c8d1de; white-space: nowrap; }
.ShopCart td { padding: 7px 8px; border-bottom: 1px solid #e3e8ef; vertical-align: middle; }
.ShopCart td a { text-decoration: none; font-weight: bold; }
.ShopCart td a:hover { text-decoration: underline; }
.ShopCart .ShopNum, .ShopTotals .ShopNum { text-align: right; white-space: nowrap; }
.ShopQty { width: 34px; text-align: right; padding: 2px 4px; border: 1px solid #b8c2d0; font-size: 10pt; }
.ShopRemove { text-align: right; width: 1%; white-space: nowrap; }
.ShopRemove a { font-weight: normal !important; font-size: 9pt; color: #8a5a00 !important; }

.ShopTotals { margin: 6px 0 0 auto; border-collapse: collapse; }
.ShopTotals td { padding: 3px 8px; }
.ShopTotals .ShopGrand td { font-size: 13px; font-weight: bold; border-top: 2px solid #c8d1de; padding-top: 6px; }
.ShopHint { text-align: right; color: #a27803; margin: 4px 8px 0 0; }

.ShopButtons { margin: 14px 0 0; overflow: hidden; text-align: right; }
.ShopBack { float: left; line-height: 30px; text-decoration: none; }
.ShopBack:hover { text-decoration: underline; }
.ShopButton { background: #a27803; color: white; border: 1px solid #8a6602; padding: 6px 16px; font-size: 10pt; font-weight: bold; cursor: pointer; }
.ShopButton:hover { background: #8a6602; }
.ShopButton[disabled] { background: #c9b26e; border-color: #c9b26e; cursor: default; }
.ShopButtonLight { background: white; color: #3e4856; border-color: #b8c2d0; font-weight: normal; }
.ShopButtonLight:hover { background: #e9eef5; }

.ShopBox { margin: 26px 0 0; padding: 14px 16px 16px; border: 1px solid #d5dce6; background: #fbfcfd; }
.ShopDelivery { background: #e9eef5; padding: 8px 12px; margin: 0 0 12px; }
.ShopForm { border-collapse: collapse; }
.ShopForm th { text-align: left; font-weight: normal; padding: 5px 14px 5px 0; vertical-align: top; white-space: nowrap; }
.ShopForm td { padding: 3px 0; }
.ShopForm input[type=text], .ShopForm textarea { width: 340px; padding: 4px 6px; border: 1px solid #b8c2d0; font-family: Arial; font-size: 10pt; }
.ShopForm textarea { height: 58px; }
.ShopError { color: #b42318; font-size: 9pt; margin-left: 6px; }

.ShopInfo { border-collapse: collapse; }
.ShopInfo th { text-align: left; font-weight: normal; color: #6b7480; padding: 2px 16px 2px 0; vertical-align: top; white-space: nowrap; }
.ShopInfo td { padding: 2px 0; vertical-align: top; }

.ShopThanks { background: #e9eef5; padding: 6px 18px 12px; }


/* ------------------------------------------------------------------
   Content safety net: long words/links, images and tables pasted into
   texts must never stick out of the content column
   ------------------------------------------------------------------ */
#content { word-wrap: break-word; overflow-wrap: break-word; }
#content img { max-width: 100%; height: auto; }
.RichText table { max-width: 100%; }
.RichText p { margin: 0 0 0.7em; }

/* News on the home page and article page */
.NewsMain { margin: 0 0 22px; padding-bottom: 14px; border-bottom: 1px solid #d3ddeb; }
.NewsMain h2 { font-size: 18px; color: #3e4856; margin: 4px 0 10px; }
.NewsGrid { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 9pt; line-height: 1.4; }
.NewsGrid td { width: 33.33%; vertical-align: top; }
.NewsGrid td.PaddingStyle { padding: 8px 10px 10px; }
.NewsGrid h3 { font-size: 11pt; margin: 0 0 6px; line-height: 1.25; }
.NewsGrid h3 a { color: #3e4856; text-decoration: none; }
.NewsGrid h3 a:hover { text-decoration: underline; }
.NewsGrid p { margin: 0; color: #3e4856; }
.NewsMore { white-space: nowrap; }
.NewsMain h2 a { color: inherit; text-decoration: none; }
.NewsMain h2 a:hover { text-decoration: underline; }
.NewsMain h1, .NewsArchiveTitle { font-family: 'Alegreya', Georgia, 'Times New Roman', serif; font-size: 22px; color: #3e4856; margin: 4px 0 6px; line-height: 1.2; }
.NewsDate { font-size: 9pt; color: #6b7480; margin: 0 0 10px; }
.NewsMoreTitle { font-family: 'Alegreya', Georgia, 'Times New Roman', serif; font-size: 15px; color: #3e4856; margin: 18px 0 8px; }
.NewsArchiveLink { text-align: right; margin: 10px 0 0; font-weight: bold; }
.NewsArchiveLink a { color: #3e4856; }
.NewsList { list-style: none; margin: 0; padding: 0; }
.NewsList li { padding: 10px 0 12px; border-bottom: 1px solid #d3ddeb; }
.NewsList .NewsDate { display: block; margin: 0 0 2px; }
.NewsListTitle { font-family: 'Alegreya', Georgia, 'Times New Roman', serif; font-size: 16px; font-weight: bold; color: #3e4856; text-decoration: none; }
.NewsListTitle:hover { text-decoration: underline; }
.NewsList p { margin: 4px 0 0; color: #3e4856; }
.CatAuthorsFound { margin: 0 0 12px; padding: 8px 12px; background: #e9eef5; border-radius: 3px; }
.CatAuthorsFound a { font-weight: bold; color: #3e4856; }


/* ------------------------------------------------------------------
   Header covers: never wrap / spill over the menu (e.g. a missing cover)
   ------------------------------------------------------------------ */
#header > div { white-space: nowrap; overflow: hidden; }

/* ------------------------------------------------------------------
   Catalogue (katalog.aspx): toolbar, pager, cards, book detail
   ------------------------------------------------------------------ */
.Catalog { color: #3e4856; }
.Catalog .AuthorLink { color: #3e4856; }
.CatToolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 0 10px; padding: 5px 6px; background: #f3f6fa; border: 1px solid #e0e6ee; }
.CatViews a { color: #3e4856; text-decoration: none; padding: 3px 8px; margin-right: 2px; white-space: nowrap; }
.CatViews a img { vertical-align: middle; border: 0; }
.CatViews a:hover { background: #e3e9f1; }
.CatViews a.Active { background: #3e4856; color: #fff; }
.CatCount { color: #6b7480; font-size: 9pt; padding-right: 4px; }
.CatHeading { font-size: 19px; margin: 6px 0 12px; color: #3e4856; }
.CatCrumbs { font-size: 9pt; color: #6b7480; margin: 0 0 12px; }
.CatCrumbs a { color: #3e4856; }
.CatEmpty { padding: 20px; text-align: center; background: #e9eef5; }

.CatPager { text-align: center; margin: 8px 0 14px; font-size: 9pt; }
.CatPager a, .CatPager span { display: inline-block; min-width: 14px; padding: 3px 8px; margin: 0 1px; border: 1px solid #d5dce6; color: #3e4856; text-decoration: none; background: #fff; }
.CatPager a:hover { background: #e9eef5; }
.CatPager .Current { background: #3e4856; border-color: #3e4856; color: #fff; font-weight: bold; }
.CatPager .Off { color: #b5bcc6; }
.CatPager .Gap { border-color: transparent; background: none; }

/* cards (default list "Zjednoduseny vypis") */
.CatCards { display: flex; flex-wrap: wrap; justify-content: space-between; }
.CatCard { width: 344px; box-sizing: border-box; display: flex; padding: 8px; margin: 0 0 8px; border: 1px solid #e0e6ee; background: #fff; }
.CatCard:hover { border-color: #c8d1de; box-shadow: 0 1px 4px rgba(62, 72, 86, .12); }
.CatCardCover { flex: 0 0 auto; margin-right: 10px; }
.CatCardCover img { display: block; border: 1px solid #d5dce6; }
.CatCardBody { flex: 1; min-width: 0; font-size: 9pt; line-height: 1.4; display: flex; flex-direction: column; }
.CatCardTitle { font-weight: bold; font-size: 10pt; color: #3e4856; text-decoration: none; margin-bottom: 3px; }
.CatCardTitle:hover { text-decoration: underline; }
.CatCardAuthors { margin-bottom: 5px; }
.CatCardStatus { margin-bottom: 6px; }
.CatCardBuy { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.CatPrice { font-weight: bold; font-size: 11pt; white-space: nowrap; }

/* covers only ("Jen obalky") */
.CatCovers { display: flex; flex-wrap: wrap; }
.CatCovers a { margin: 0 6px 6px 0; }
.CatCovers img { display: block; border: 4px solid #e9eef5; background: #fff; }
.CatCovers a:hover img { border-color: #c8d1de; }

/* availability badges and buy button */
.Avail { display: inline-block; font-size: 8pt; line-height: 1.35; padding: 1px 7px; margin: 0 4px 3px 0; border-radius: 9px; white-space: nowrap; }
.AvailOk { background: #e2f0dc; color: #2f6b22; }
.AvailLast { background: #fbeed3; color: #8a5a00; }
.AvailPre { background: #e1ebf7; color: #24508f; }
.AvailOut { background: #eceef1; color: #6b7480; }
.AvailNew { background: #a27803; color: #fff; }
.AvailNote { display: inline-block; font-size: 8pt; color: #6b7480; margin: 0 6px 3px 0; }
.BuyButton { display: inline-block; background: #a27803; color: #fff !important; border: 1px solid #8a6602; padding: 4px 12px; font-weight: bold; font-size: 9pt; text-decoration: none; white-space: nowrap; }
.BuyButton:hover { background: #8a6602; }

/* book detail (detail page and "Kompletni detaily") */
.BookDetail { overflow: hidden; margin: 0 0 26px; padding-bottom: 18px; border-bottom: 2px solid #d3ddeb; }
.BookDetailCover { float: right; width: 152px; margin: 0 0 12px 18px; text-align: center; }
.BookDetailCover img { border: 1px solid #949ba4; max-width: 150px; height: auto; }
.BookDetailCover a { text-decoration: none; color: #6b7480; font-size: 8pt; }
.BookZoom { display: block; margin-top: 3px; }
.BookZoom img { border: 0 !important; vertical-align: middle; }
.BookDetailInfo { overflow: hidden; }
.BookTitle { font-size: 20px; line-height: 1.25; margin: 0 0 4px; color: #3e4856; }
h2.BookTitle { font-size: 17px; }
.BookTitle a { color: #3e4856; text-decoration: none; }
.BookTitle a:hover { text-decoration: underline; }
.BookSubtitle { font-size: 11pt; color: #6b7480; margin: 0 0 6px; font-style: italic; }
.BookMeta { border-collapse: collapse; margin: 8px 0 12px; font-size: 10pt; }
.BookMeta th { text-align: left; font-weight: normal; color: #a27803; padding: 2px 14px 2px 0; vertical-align: top; white-space: nowrap; }
.BookMeta td { padding: 2px 0; }
.BookBuy { display: inline-block; min-width: 300px; padding: 10px 12px; background: #f3f6fa; border: 1px solid #e0e6ee; }
.BookPrice { font-size: 17px; font-weight: bold; margin-right: 12px; vertical-align: middle; }
.BookBuy .BuyButton { font-size: 10pt; padding: 6px 16px; vertical-align: middle; }
.BookStatus { margin-top: 8px; }
.BookShipNote { font-size: 8pt; color: #2f6b22; }
.BookTabs { clear: both; padding-top: 14px; border-bottom: 2px solid #e9eef5; }
.BookTab { display: inline-block; padding: 6px 12px; margin-right: 2px; color: #3e4856; text-decoration: none; background: #f3f6fa; border: 1px solid #e0e6ee; border-bottom: 0; font-size: 9pt; }
.BookTab:hover { background: #e9eef5; }
.BookTab.Active { background: #e9eef5; border-color: #e9eef5; font-weight: bold; }
.BookPane { background: #e9eef5; padding: 12px 14px; line-height: 1.5; }
.BookStoriesTitle { font-size: 11pt; margin: 12px 0 4px; }
.BookStories { margin: 0 0 0 20px; padding: 0; }
.BookComment { margin: 0 0 12px; }
.BookCommentDate { color: #6b7480; font-size: 8pt; }
.BookNoComments { color: #6b7480; margin: 0; }
.BookCommentAdd { text-align: center; margin: 12px 0 0; }
.BookMeta a, .BookMeta a:visited, .CatCardAuthors a, .CatCardAuthors a:visited { color: #3e4856; }

/* ------------------------------------------------------------------
   Typography: Alegreya (headings, menu, book titles, prices) +
   Alegreya Sans (text). Self-hosted in Fonts/ (SIL OFL 1.1),
   latin + latin-ext (Czech) - no requests to Google from visitors.
   ------------------------------------------------------------------ */
@font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('Fonts/alegreya-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('Fonts/alegreya-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url('Fonts/alegreya-sans-400-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url('Fonts/alegreya-sans-400-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url('Fonts/alegreya-sans-700-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url('Fonts/alegreya-sans-700-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('Fonts/alegreya-sans-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('Fonts/alegreya-sans-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('Fonts/alegreya-sans-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('Fonts/alegreya-sans-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Text: Alegreya Sans. font-size-adjust keeps the old sizes visually the same
   (Alegreya has a smaller x-height than Arial); lining figures for prices and numbers. */
body { font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif; font-size-adjust: 0.5; font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
input, select, textarea, button { font-family: inherit; }
.ShopForm input[type=text], .ShopForm textarea { font-family: inherit; }

/* Headings, menu, book titles and prices: Alegreya */
h1, h2, h3,
.topmenuheader a,
.Edice span, .Edice1 span, .MenuItem span, .MenuItemSelected span, .Selected span, .NotSelected span,
.BookTitle, .CatHeading, .CatCardTitle, .BookPrice, .CatPrice, .BookTab, .MessageBox,
.NewsMain h2, .NewsGrid h3, .ShopTitle, .Shop h2, .Shop h3,
.ProfileName, .ProfileHeader {
    font-family: 'Alegreya', Georgia, 'Times New Roman', serif;
}
.topmenuheader a { letter-spacing: .3px; }


/* ==================================================================
   2026-10: header, cart, menu, footer, cookie bar, overlay,
   bigger text and the layout for phones / tablets (at the end)
   ================================================================== */

/* header: covers + home link over the logo */
#header { position: relative; overflow: hidden; }
#header > div { white-space: normal; overflow: visible; }
.HeaderHome { position: absolute; top: 0; right: 0; width: 210px; height: 100%; }
.HeaderHome span { position: absolute; left: -9999px; }
.HeaderCovers { padding: 10px 0 0 25px; margin-right: 210px; white-space: nowrap; overflow: hidden; }
.HeaderCovers a { margin-right: 4px; }
.HeaderCovers img { border: 0; vertical-align: top; }

/* top bar: site name + cart */
#topmenu { display: flex; align-items: center; justify-content: space-between; height: auto; min-height: 41px; padding: 0 10px; box-sizing: border-box; }
.topmenuheader { padding: 0; }
.MenuToggle { display: none; }
.HeaderCart { display: inline-flex; align-items: center; color: #fff; text-decoration: none; padding: 5px 13px; border-radius: 16px; background: rgba(255, 255, 255, .16); font-size: 11pt; white-space: nowrap; }
.HeaderCart:hover { background: rgba(255, 255, 255, .3); }
.HeaderCart .CartIcon { margin-right: 7px; }
.HeaderCartFull { background: #a27803; }
.HeaderCartFull:hover { background: #8a6602; }

/* left menu */
#searchmenu { box-sizing: border-box; width: 215px; float: none; display: flex; padding: 8px; margin: 0 0 14px; }
#searchmenu input[type=text] { flex: 1; min-width: 0; height: 26px; box-sizing: border-box; padding: 2px 6px; border: 1px solid #c9bfa6; font-size: 11pt; }
#searchmenu .SearchButton { height: 26px; margin-left: 4px; border: 0; }
.Edice span, .Edice1 span, .MenuItem span, .MenuItemSelected span { font-size: 15px; }
.Selected span, .NotSelected span { font-size: 13.5px; }
.MenuGroup { margin-top: 12px; }
.MenuGroup .MenuItem, .MenuGroup .MenuItemSelected { height: 23px; margin-bottom: 5px; }
#contactmenu { float: none; width: auto; margin-top: 16px; font-size: 10.5pt; line-height: 1.4; }
#contactmenu a { color: #fff; }
.FbBox { margin: 16px 0 0; text-align: center; }
.FbLink { display: inline-block; padding: 6px 12px; border: 1px solid #c8d1de; color: #3e4856 !important; }
.FbBox .fb-like-box { display: block; margin-top: 8px; }
.Partners { text-align: center; margin: 16px 0 0; }
.Partners img { border: 0; margin: 2px; vertical-align: middle; }

/* bigger, easier to read text */
#content { font-size: 11pt; }
.CatCardBody, .NewsGrid { font-size: 10pt; }
.Avail, .AvailNote { font-size: 8.5pt; }
.BookMeta { font-size: 11pt; }
.BuyButton { font-size: 10pt; }
.Shop { font-size: 11pt; }
.ShopForm input[type=text], .ShopForm textarea, .ShopQty { font-size: 11pt; }
.ProfileDesc { font-size: 11pt; line-height: 1.5; }
.MessageBox, .MessageBox1 { width: auto; height: auto; box-sizing: border-box; }

/* footer with readable contrast */
#footer { height: auto; display: flex; flex-wrap: wrap; align-items: center; background: #3e4856; color: #e9eef5; font-size: 11pt; padding: 12px 14px; }
#footer > * { margin-right: 18px; }
#footer a { color: #fff; }

/* cookie bar */
.CookieBar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 14px 18px; background: #2f3640; color: #f1f3f6; box-shadow: 0 -2px 10px rgba(0, 0, 0, .25); font-size: 11pt; line-height: 1.45; }
.CookieText { max-width: 760px; margin: 0 24px 0 0; }
.CookieButtons { display: flex; flex-shrink: 0; margin: 6px 0; }
.CookieButtons button { font: inherit; font-weight: bold; padding: 8px 16px; margin-left: 8px; cursor: pointer; border: 1px solid #c9ced6; border-radius: 4px; background: transparent; color: #fff; }
.CookieButtons button:hover { background: rgba(255, 255, 255, .1); }
.CookieButtons .CookieAll { background: #a27803; border-color: #a27803; }
.CookieButtons .CookieAll:hover { background: #8a6602; }

/* overlay: cover zoom and the comment window */
.Overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(20, 24, 30, .78); }
.OverlayBox { position: relative; max-width: 100%; max-height: 100%; }
.OverlayWide .OverlayBox { background: #fff; padding: 8px; border-radius: 4px; }
.OverlayClose { position: absolute; top: -14px; right: -14px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #fff; color: #333; font-size: 22px; line-height: 30px; cursor: pointer; box-shadow: 0 1px 4px rgba(0, 0, 0, .4); }
.ZoomFigure { margin: 0; text-align: center; cursor: zoom-out; }
.ZoomFigure img { display: block; max-width: 92vw; max-height: 86vh; margin: 0 auto; background: #fff; }
.ZoomFigure figcaption { color: #fff; margin-top: 8px; }
.PopFrame { display: block; border: 0; background: #fff; }
body.OverlayOpen { overflow: hidden; }

/* ------------------------------------------------------------------
   Tablets and phones
   ------------------------------------------------------------------ */
@media (max-width: 1000px) {
    #wrapper { width: auto; }
    #header { height: 130px; background-size: auto 130px; background-position: right top; }
    .HeaderHome { width: 150px; }
    .HeaderCovers { padding: 10px 0 0 10px; margin-right: 150px; }
    .HeaderCovers img { width: 69px; height: 110px; }

    .MenuToggle { display: inline-flex; align-items: center; font: inherit; font-size: 11pt; color: #fff; background: rgba(255, 255, 255, .16); border: 0; border-radius: 16px; padding: 5px 12px; cursor: pointer; }
    .MenuIcon { display: inline-block; width: 16px; height: 2px; margin: 0 8px 0 0; background: #fff; box-shadow: 0 -5px 0 #fff, 0 5px 0 #fff; }
    #topmenu { padding: 6px 10px; }

    /* the menu folds away; the search stays visible */
    #leftmenu { float: none; width: auto; padding: 10px 12px 0; }
    #leftmenu > * { display: none; }
    #leftmenu > #searchmenu { display: flex; width: auto; margin: 0; }
    body.MenuOpen #leftmenu { padding-bottom: 12px; border-bottom: 2px solid #d3ddeb; }
    body.MenuOpen #leftmenu > * { display: block; }
    body.MenuOpen #leftmenu > #searchmenu { display: flex; margin-bottom: 14px; }

    #content { float: none; width: auto; padding: 12px; box-sizing: border-box; }
    .CatCard { width: 49%; }
}

@media (max-width: 640px) {
    #header { height: 96px; background-size: auto 96px; }
    .HeaderHome { width: 110px; }
    .HeaderCovers { padding: 8px 0 0 8px; margin-right: 110px; }
    .HeaderCovers img { width: 50px; height: 80px; }
    .topmenuheader a { font-size: 17px; }
    .HeaderCart { font-size: 10pt; padding: 5px 10px; white-space: normal; }

    .CatCard { width: 100%; }
    .CatToolbar { font-size: 10pt; }
    .CatViews a { display: inline-block; margin-bottom: 2px; }
    .BookDetailCover { width: 110px; margin-left: 12px; }
    .BookDetailCover img { max-width: 110px; }
    .BookBuy { display: block; min-width: 0; }
    .BookTab { padding: 6px 9px; }
    .BookMeta th { white-space: normal; }

    .NewsGrid, .NewsGrid tbody, .NewsGrid tr, .NewsGrid td { display: block; width: auto !important; }

    .ShopForm, .ShopForm tbody, .ShopForm tr, .ShopForm th, .ShopForm td { display: block; }
    .ShopForm th { padding: 8px 0 2px; }
    .ShopForm input[type=text], .ShopForm textarea { width: 100%; box-sizing: border-box; }
    .ShopCart th, .ShopCart td { padding: 6px 4px; }
    .ShopCart th:nth-child(2), .ShopCart td:nth-child(2) { display: none; }
    .ShopTotals { width: 100%; }
    .ShopBack { float: none; display: block; margin-bottom: 8px; }

    .ProfileImage { float: none; display: block; margin: 0 auto 10px; }
    .CookieText { margin-right: 0; }
    .CookieButtons { width: 100%; justify-content: flex-end; }
    #footer { font-size: 10pt; }
}