@font-face {
    font-family: 'FiliaBold';
    src: url('/_static/fonts/2C3299_0_0.eot');
    src: url('/_static/fonts/2C3299_0_0.eot?#iefix') format('embedded-opentype'),
         url('/_static/fonts/2C3299_0_0.woff') format('woff'),
         url('/_static/fonts/2C3299_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FiliaLight';
    src: url('/_static/fonts/2C3299_1_0.eot');
    src: url('/_static/fonts/2C3299_1_0.eot?#iefix') format('embedded-opentype'),
         url('/_static/fonts/2C3299_1_0.woff') format('woff'),
         url('/_static/fonts/2C3299_1_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Filia';
    src: url('/_static/fonts/2C3299_2_0.eot');
    src: url('/_static/fonts/2C3299_2_0.eot?#iefix') format('embedded-opentype'),
         url('/_static/fonts/2C3299_2_0.woff') format('woff'),
         url('/_static/fonts/2C3299_2_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

a {color: #B13B6B;}
a.black {color: #111;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:focus {text-decoration:underline;}
a:active {text-decoration:none;}
a:hover {text-decoration:underline;}

div.contentLeft {
	text-align:left; line-height:17px;
}
div.contentRight{
	text-align:right; line-height:17px;
}
div.contentCenter{
	text-align:center; line-height:17px;
}
div.contentJustify{
	text-align:justify; line-height:17px;
}

b {font-weight: normal; font-family: 'FiliaBold'; }

input, textarea {font-family: 'Filia';}

label {cursor:pointer;padding:0;margin:0;}
.italic {font-style:italic; color:#656565;}
.justified {text-align:justify;}
.hidden {display:none;}
.small {font-size:11px; color:#555;}

div.clearAll {clear:both;font-size:0;line-height:0%;height:0;display:block;}

div.right {float:right;}
div.left {float:left;}

body {font-family: 'Filia', Arial, Tahoma, Verdana; color: #000; margin:0; height:100%; }
.std {font-family: 'Filia', Arial, Tahoma, Verdana; color: #000; font-weight:normal}

/*main*/
div.mainDiv {min-width:480px; font-size: 13px; color:#656565;}
div.header {background: #ffffff;  border-bottom: 1px solid #999999;  }

a.hr1, a.hr2 {float:right; background: #808080; display:block; color:#fff; padding: 11px; }
a.hr1 {padding-left:18px;}
a.hr2 {padding-right:25px; padding-left:35px; background: url('/_static/g/c/cart.png') no-repeat #808080; background-position: 8px 12px; }
a.profileName {float:right; display:block;background: #fff;  color:#808080; padding: 11px 18px 11px 20px;}
div.searchArea {float:left; padding: 7px 0 0 30px; }
@media all and (max-width:768px) {
	a.profileName {float:left;}
	div.searchArea { float:none; width:auto; clear:both; display:block; text-align:center; padding:15px 0 0 0; }
}

input.searchInput, input.nlInput {background: url('/_static/g/c/search.gif') no-repeat top right; outline:none; border: 1px solid #999999; border-width:0 0 1px 0; width: 220px; padding:5px 25px 5px 0;color:#808080; font-size:1.1em; }
input.nlInput {background: url('/_static/g/c/plus.gif') no-repeat top right; font-size: 1em;outline:none;}
div.logo {padding:38px 0 23px 0; text-align:center; }


div.logoSmall {margin:13px 0 0 30px; display:none;}
div.cartSmall {margin:0 30px 0 0; display:none;}
a.cartSmall { background: url('/_static/g/c/cartGrey.png') no-repeat; font-size: 1.1em; display:block; float:right; padding-left:25px; color:#808080; }

div.menuOut {padding-top:3px;} 
div.menuLeft {float:left; width:10%; }
div.menuRight {float:right; }
div.menuCenter {float:left; width:80%; text-align:center; padding: 6px 0 13px 0;  }
div.menu, div.overMenu {display: inline-block; }
a.menuPos, a.menuPosF {float:left; display:block; font-size:1.36em; letter-spacing: 0.05em; margin-right:20px; color:#808080;}

a.overMenuPos 	{float:left; display:block; padding:3px 14px 2px 14px; font-size:1.36em; letter-spacing: 0.05em; border:1px solid #888; border-radius:15px; margin-right:20px; color:#808080;}
a.overMenuPos:active {text-decoration:none; border:1px solid #000; }
a.overMenuPos:hover {text-decoration:none; border:1px solid #000; }
a.overMenuPos:focus {text-decoration:none; border:1px solid #000; }

a.menuPosF {margin:0; margin-top:-2px;}
a.menuPos {padding-bottom:2px; border-bottom:1px solid #ffffff;}
a.menuPos:active {text-decoration:none; border-bottom:1px solid #808080;}
a.menuPos:hover {text-decoration:none; border-bottom:1px solid #808080;}
a.menuPos:focus {text-decoration:none; border-bottom:1px solid #808080;}
@media all and (min-width:1100px) {a.menuPos {margin-right:20px;}}
div.menuFixed {z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;  border-bottom: 1px solid #999999; background: #ffffff;  }


/* footer */
div.menuCenterFooter {float:left; width:80%; text-align:center; padding: 30px 0 50px 0;  }
a.footerPos, a.footerPosL {float:left; font-size:1.25em; margin-right:25px; color:#808080;padding-bottom:2px; border-bottom:1px solid #ffffff;}
a.footerPosL {padding:0;padding-bottom:2px; border-bottom:1px solid #ffffff;}
a.footerPos:active, a.footerPosL:active {text-decoration:none; border-bottom:1px solid #909090;}
a.footerPos:hover, a.footerPosL:hover {text-decoration:none; border-bottom:1px solid #909090;}
a.footerPos:focus, a.footerPosL:focus {text-decoration:none; border-bottom:1px solid #909090;}
div.footerIcons {display: inline-block; padding: 37px 0 25px 0; }
div.nlFooterInfo {display: inline-block; font-size:1.1em; padding-top: 10px; display:none; color:#656565; }
div.footerIcons a {float:left; margin-right:20px;}
div.footerIcons a.last {margin-right: 0;}

div.footerIcons a:hover, div.footerIcons a:active, div.footerIcons a:focus {text-decoration:none;}
div.icon	{color:#777;text-decoration:none;display:inline-block; font-size:22px; transition: color 0.4s;}
div.icon:hover, div.icon:active, div.icon:focus {color:#111;}
div.icon-spotify	{font-size: 23px;margin-top:-1px;}
/* labels */
div.label {position:absolute; z-index:10; margin:15px 0 0 -29px;}
div.labelTxt {color: #fff; background: #555; font-size: 1.35em; padding: 5px 11px 5px 13px; }
div.labelShadow {width: 0; height: 0; border-left: 29px solid transparent; border-top: 16px solid #000000;}


div.pageSections {background: #F2F2F2; padding:0 30px 0 30px;}
div.newsSection { border-top:1px solid #999; background: #E6E6E6; padding:0 30px 0 30px; }
div.pageSection, div.pageSectionB {padding-bottom: 30px; margin:0 auto ; max-width:1300px; }
div.pageSectionB { border-bottom:1px solid #999;}
div.pageName {font-size: 2em; padding:30px 0 30px 0; color:#808080; }
div.pageName a {color:#808080;}
div.pageName a:hover {text-decoration:none;}
div.pageName a:focus {text-decoration:none;}
div.pageName a:active {text-decoration:none;}
div.pageContent {padding: 0 38px 0 38px;}

div.articleAbstract, div.articleContent {font-size:1.1em; line-height:1.4em;}

div.pageList {padding-top:20px;}
div.pageList a {display:block; font-size: 1.1em; padding: 5px 0 5px 0; border-bottom:1px solid #e2e2e2;}


/* paging */
div.pagingDiv {padding:5px 0 5px 0;margin:20px 0 4px 0;}
div.pagingDiv a {padding:5px 10px 5px 10px;font-size:1.1em; color: #656565; border: 1px solid #d5d5d5;}
div.pagingDiv a:hover {background: #808080; border: 1px solid #808080; color: #fff; text-decoration:none; }
div.pagingDiv a:focus {background: #808080; border: 1px solid #808080; color: #fff; text-decoration:none; }
div.pagingDiv a:active {background: #808080; border: 1px solid #808080; color: #fff; text-decoration:none; }
div.pagingDiv b {padding:6px 11px 6px 11px;font-size:1.1em; color: #fff; background: #808080}

div.pageBigFont {font-size: 1.4em; line-height:1.8em;}

/* books listing */
div.navArrowL {float:left; width:4%; padding-top: 95px;}
div.navArrowR {float:right; width:4%; padding-top: 95px; text-align:right;}

div.books, div.news {padding:0 4% 0 4%;}
div.navBooks {float:left; width:92%; }

div.book {float:left; width:19%; text-align:center; padding-left:3%; padding-right:3%;}
div.book img.cover {box-shadow: 4px 4px 5px #aaa; border:0;}
div.book a.bookTitle {font-size: 1.25em; font-family: 'FiliaBold'; padding:12px 0 2px 0; display:block; color:#555; }
div.book a.bookTitle:hover {text-decoration:none;}
div.book a.bookTitle:focus {text-decoration:none;}
div.book a.bookTitle:active {text-decoration:none;}
div.book div.bookAuthor {font-size: 1.1em; padding-bottom: 10px;}
div.book div.bookIntro {font-size: 1.1em;}
div.book div.bookPrice {font-size: 1.3em; padding:9px 0 10px 0 ; font-family: 'FiliaBold';}
div.book a.addToCart {font-size:0.9em;background:#808080; border:1px solid #808080; color: #fff; display:block; padding:2px 4px 2px 4px; width:110px; margin:0 auto;}
div.book a.addToCart:hover {background:none; color: #666; text-decoration: none; }
div.book div.bookDate {font-size: 1.3em; padding:9px 0 10px 0 ; font-family: 'FiliaBold';}


/* news */
div.new {float:left; width:19%; padding-left:3%; padding-right:3%;}
a.newsTitle {font-size: 1.25em; font-family: 'FiliaBold'; padding:9px 0 7px 0; display:block; color:#555; }
a.newsTitle:hover {text-decoration:none;}
a.newsTitle:focus {text-decoration:none;}
a.newsTitle:active {text-decoration:none;}
div.newsAbstract {font-size: 1.1em;}
div.newsPic {float:left; padding:0 40px 0 0 ;} 
div.newsInfo {float:left; width:55%; }
div.newsTitle {font-size: 1.7em; padding-bottom:15px;font-family: 'FiliaBold';}
div.newsContent {line-height: 1.3em; font-size: 1.2em; }

/* books catalog */
div.letter {font-size: 2em; padding:22px 0 8px 0; }
div.bookPos {padding-bottom:5px;}
div.bookPos a {color:#656565; font-size: 1.1em;}

/* books */
div.bookP {padding-top:35px;}
div.bookP div.cover {float:left; padding:0 40px 0 0 ;}
div.bookP div.bookInfo {float:left; width:55%; }
div.bookP img.cover {box-shadow: 4px 4px 5px #aaa; border:0;}
div.bookP a.readDemo {display:block; padding:17px 0 10px 0; font-size:1.2em;color:#777;}
div.icon-preview	{padding-right:7px;margin-top:-3px;}
div.bookP a.readDemo:hover {text-decoration:none;}
div.bookP a.readDemo:active {text-decoration:none;}
div.bookP a.readDemo:focus {text-decoration:none;}
div.bookP div.bookTitle {font-size: 1.7em; padding-bottom:2px;font-family: 'FiliaBold';}
div.bookP div.bookAuthors {font-size: 1.7em; padding-bottom:20px;font-family: 'FiliaLight';}
div.bookP div.bookMeta {padding-bottom:25px;line-height: 1.5em;}
div.bookP div.bookDesc {line-height: 1.3em; font-size: 1.2em; padding-bottom:23px;}
div.bookP div.bookPrice {font-size: 1.7em; font-family: 'FiliaBold'; padding-bottom:10px; }
div.bookP a.addToCart {font-size:1em; font-family: 'FiliaBold'; background:#808080; border:1px solid #808080; color: #fff; display:block; padding:4px 8px 4px 8px; width:130px; text-align:center;}
div.bookP a.addToCart:hover {background:none; color: #666; text-decoration: none; }
span.bookPPrevPrice {color:#999; text-decoration:line-through; padding-left:40px;}

div.pageBooksLabel	{font-size: 1.2em; padding-bottom:3px; }
a.pageBooksPos		{font-size: 1.3em; padding-top:8px; text-decoration:none; display: block;}


/* shop */

div.shopHead {padding:25px 0 25px 0; font-size: 1.7em;}
div.shopHeadPos, div.shopHeadPosC {padding-bottom:5px; float:left; margin-right:60px; }
div.shopHeadPosC {border-bottom:1px solid #808080;}
a.shopHeadPos, a.shopHeadPosC {padding-bottom:5px; float:left; display:block; color:#777; margin-right:60px; }
a.shopHeadPosC {border-bottom:1px solid #808080;}
a.shopHeadPosC:hover {text-decoration: none;}
div.shopEmpty {font-size: 1.5em;}
td.shopColLabel {font-size: 1.2em;}

td.productTd, td.priceTd, td.quantityTd  {vertical-align:top; padding:10px 0 10px 0; border-bottom:1px solid #ddd;}

img.shopCover {width: 75px; height: 110px;}
div.shopBook {float:left; padding-left:15px;}
div.shopBook a.bookTitle {font-size: 1.25em; font-family: 'FiliaBold'; padding:0 0 4px 0; display:block; color:#555; }
div.shopBook div.bookAuthor {font-size: 1.1em; width:500px; }

td.priceTd {font-size:1.4em; width:100px; }

td.quantityTd { width:100px; background:url('/_static/g/c/loadingSmaller.gif') no-repeat top left;background-position:59px -30px; }
td.quantityTd a {color: #808080; }
td.quantityTd input {border:none; width:40px; text-align:center; padding: 3px 0 3px 0; margin-bottom:10px; outline:none;}
td.quantityTd span { font-size: 1.4em; }

td.sumLabelTd {text-align:right; font-size:1.4em; padding: 15px 20px 15px 0;  }
td.sumTd {font-size:1.4em; font-family: 'FiliaBold'; padding: 15px 20px 15px 0; }

a.cartLink {font-size:1.4em; margin-top:20px;  background:#808080; border:1px solid #808080; color: #fff; display:block; padding:4px 9px 3px 9px; width:150px; text-align:center;}
a.cartLink:hover {background:none; color: #666; text-decoration: none; }

td.sendTypeTd, td.sendTypeTdL {font-size: 1.1em; text-align: right; padding: 12px 20px 0 0;}
td.sendTypeTdL {padding-bottom: 12px; border-bottom:1px solid #ddd;}

td.priceTd2, td.priceTd2L {font-size:1.4em; padding: 12px 20px 0 0; }
td.priceTd2L {padding-bottom: 12px; border-bottom:1px solid #ddd;}

div.infoPlatnosci {padding:20px 0 10px 0;}

div.orderFillForm {padding: 20px 0 15px 0; font-size:1.5em;}

div.formSection {font-size: 1.3em; padding: 10px 0 10px 0;}
td.formLabel, td.formLabelError {font-size: 1.1em; vertical-align: top; width:150px; padding:8px 15px 6px 0;}
td.formLabelError {color: #f00;}
td.formField, td.formFieldCheck {vertical-align: top; padding:6px 0 6px 0;}
td.formField input {border:none; width: 280px; padding: 4px 6px 4px 6px;font-size:1.1em; outline:none;}
td.formField textarea {border:none; width: 280px; padding: 4px 6px 4px 6px;font-size:1.1em; outline:none;}

div.errorBox {padding-top:4px; color:#f00;}
div.hintBox {padding-top:4px; }

div.shopError {color: #f00; font-size: 1.3em; padding-bottom:15px;}
div.shopOk {color: #43A314; font-size: 1.3em;}
div.shopInfo {font-size: 1.3em;}

div.paymentTitle {padding-bottom:20px; font-size: 1.4em;}
div.paymentDetails {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #aaa; }

/* myOrders */
div.moInfo {padding-bottom:20px;}
td.moLabel {padding:5px 100px 5px 8px; border-bottom:1px solid #ddd; font-size: 1.2em;}
tr.moValues:hover {background: #fafafa;}
td.moValue {padding:5px 80px 5px 8px; border-bottom:1px solid #ddd;font-size: 1.2em;}
div.moTitle {padding-bottom:10px; font-size: 1.4em;}
td.moAddress {font-size: 1.1em; line-height: 1.3em; padding:0 100px 0 0; vertical-align:top;}
div.moAddressName {padding-bottom:5px; }
div.moAdresses {padding-bottom:30px; margin-bottom:30px; padding-top:28px; border-bottom:1px solid #ccc;}

/* login/register page */
div.loginArea {float:left; width:50%;}


div.loginArea td.formLabel {width: 90px;}
div.loginArea td.formLabelError {width: 90px;}

a.loginLink {font-size:1.3em; margin-top:27px; background:#808080; border:1px solid #808080; color: #fff; display:block; padding:4px 9px 4px 9px; width:120px; text-align:center; float:left;}
a.loginLink:hover {background:none; color: #666; text-decoration: none; }
a.remindLink {font-size:1.1em; margin:28px 0 0 20px; color: #777; display:block; padding:5px 9px 5px 9px;  float:left;}

a.remindLink2 {font-size:1.2em; margin-top:27px; background:#808080; border:1px solid #808080; color: #fff; display:block; padding:4px 9px 4px 9px; width:160px; text-align:center; }
a.remindLink2:hover {background:none; color: #666; text-decoration: none; }

div.loginError {color: #f00; font-size: 1.3em; position:absolute; z-index:100; margin: 80px 0 0 137px; }

div.remindInfo {padding-bottom:15px; font-size: 1.2em;}

/* GiftBox styles */
div.bookCartButtons		{text-align:center;}
button.forbooks-only-book-button {background: #35CCC5; font-size:1.1em; cursor:pointer; border:0; padding: 5px 10px 5px 10px; display:block; margin-bottom:10px; color:#fff;}
button.forbooks-button {background: #55A6B9; font-size:1.1em; cursor:pointer; border:0; padding: 5px 10px 5px 10px;display:block; margin-bottom:10px; color:#fff;}

div.bookCartButtons button.forbooks-only-book-button, div.bookCartButtons button.forbooks-button	{display:inline-block;}
 
div.cartAdd		{background:url('/_static/g/giftbox/cart.png') no-repeat top left;padding-left:30px; width:80px;}
div.cartAddGift	{background:url('/_static/g/giftbox/gift.png') no-repeat top left;padding-left:30px; width:80px;}

div.forbooks-cart-button		{float:right; padding: 19px 24px 13px 35px; min-height:10px; font-size:15px; position:relative; display:block;  cursor:pointer; background:url('/_static/g/giftbox/cartTop.png') no-repeat top left; background-position:0 18px; }
div.forbooks-cart-count			{position:absolute; margin-left:-44px; margin-top:-11px; background:url('/_static/g/giftbox/count.png') no-repeat top left; width:17px; height:16px; padding-top:1px; color:#fff; text-align:center; font-size:11px; font-weight:bold;}