@import url(https://fonts.googleapis.com/css?family=Roboto:regular,italic,bold&subset=latin,cyrillic);

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border : 0;
    outline: 0;
    /*vertical-align: baseline;*/
    background: transparent;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a, a:visited { color: #713300; text-decoration: none; }
a:hover { color: #adadad;}
img a {text-decoration: none;}
a.disabled {
    pointer-events: none; 
    cursor: default;  
}

ul {
    list-style: none;
}

.input,
input.text, input[type="text"], 
input.password, input[type="password"], 
input.file, input[type="file"], 
textarea, select { background: #ffffff; font-family: 'Pt Sans', Tahoma, Helvetica, sans-serif; font-size: 14px;
border-top: solid 1px #a1a1a1; border-right: solid 1px #d4d4d4; border-bottom: solid 1px #d9d9d9; border-left: solid 1px #d4d4d4; background: #f9f9f9; /*#d9d9d9;*/ color: #000000; }

input.radio, input[type="radio"] { margin: 0; padding: 0; border: 0; }
input.radio, input[type="checkbox"] { margin: 2px 3px; padding: 1px; border: 0; }

select {margin: 0;}
select.narrow { width: 100px; }
select.normal { width: 200px; }
select.wide { width: 350px; }
select.max { width: 100%; }
select.maxi { width: 80%; }
input.normal { width: 200px; }
input.wide { width: 350px; }
input.max { width: 100%; }
input.maxi { width: 80%; }
textarea.wide { width: 350px; }
textarea.max { width: 100%; }
textarea.maxi { width: 80%; }

table tr td { vertical-align: top; }
table tr td.middle { vertical-align: middle; }
table tr td.bottom { vertical-align: bottom; }
table tr td.right,
table tr th.right { text-align: right; }
table tr td.left,
table tr th.left { text-align: left; }
table tr td.center,
table tr th.center { text-align: center; }
table tr td.notify { font-weight: bold; vertical-align: middle; height: 30px; }
/*table tr td.group-upper { border-style: dashed !important; }*/
table tr td.special { border: none !important; padding-top: 0 !important; padding-bottom: 28px !important; padding-left: 42px !important; width: auto; }
table tr.border td { border-top: solid 1px #e0e0e0; padding-top: 14px !important; }
table tr.trpad td { padding-bottom: 14px !important; }

table.list tr td { padding: 14px 14px 14px 0; }
table.list tr td:last-child { padding-right: 0; }

table.list tr th { padding: 14px 14px 14px 0; }
table.list tr th:last-child { padding-right: 0; }

table.linear tr td { border-top: solid 1px #e0e0e0; }
table.linear tr td:nth-child(1) { max-width:543px; }
table.linear tr:first-child td { border-top: 0;}
table.linear tr:last-child td { border-bottom: 0; }

table.form tr td { padding: 5px 10px; }
table.form tr td.label { font-weight: bold; }

blockquote { margin: 0 42px 21px; border-left: solid 1px #c8cdd9; padding: 7px 21px; font-style: italic; }

.btn100, .btn150, .btn200 { 
    background: #713300; border: 0; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px;
    padding: 8px; text-align: center; color: #ffffff; font-size: 100%; cursor: pointer; line-height: 11px;}

.btn100:hover {background: #adadad;}
.btn150:hover {background: #adadad;}
.btn150:active {}
.btn200:hover {background: #adadad;}
.btn200:active {}

.i-close {display: inline-block;width: 16px;height: 16px;margin-right: 3px;vertical-align: -4px;background: url(/img/icons/sprite56.png) no-repeat -68px -17px; } /*cross-small-gray.png*/
.a-close { position: absolute; top: 0; right: 0; }
.i-clear {display: inline-block;width: 16px;height: 16px;margin-right: 3px;vertical-align: -4px;background: url(/img/icons/sprite56.png) no-repeat -51px -17px !important;}
.i-edit {display: inline-block;width: 17px;height: 19px;margin-right: 3px;vertical-align: 0px;background: url(/img/skins/cafe/icon-edit.png) no-repeat 0px -18px; }
a:hover .i-edit { background-position: 0px 2px; }     
.i-fragment{ display: inline-block; width: 20px; height: 20px; margin: 0px 3px 0px 2px; vertical-align: -5px; background: url(/img/skins/cafe/icon-fragment.png) no-repeat 0px -16px; }
a:hover .i-fragment{ background-position: 0px 4px; }

html {height: 100%;min-width: 960px;font-family: 'Pt Serif', Tahoma, Helvetica, sans-serif; color: #000000;background-color: #502400;}
.body {height: 100%;min-width: 960px;font-family: 'Pt Serif', Tahoma, Helvetica, sans-serif; color: #000000;background-color: #502400;background: url(/img/skins/cafe/main.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;}
body {min-height: 100%;height: auto;background-color: #F4EEE9;}
header {height: 80px;width: 100%;background-color: rgba(255,255,255,0.9);position: fixed;top: 0;left: 0;z-index: 100;}
footer {position: relative;background-color: rgb(255,255,255);min-width: 960px; clear: both;}

.clr {clear: both;}

/*HEADER*/
.logo-container {float: left;width: 180px;height: 80px;margin-left: 20px;}
.logo {margin-top: 20px;margin-left: 10px;width: 160px;}
.logo a:hover {opacity: 0.6;}
.wrap .active{border-bottom: 4px solid #713300;height: 77px;}
.wrap .active a:hover{opacity: 1;}
.menu {text-align: center;height: 80px;margin-left: 180px;margin-right: 58px;/*margin: 0 auto;*//*float: left;*/}

.menu ul.main-menu, ul.soc_menu {display: inline-block;list-style: none;}
.menu ul.main-menu li, ul.soc_menu li {display: inline-block;}
.menu ul.main-menu li a {display: inline-block;text-decoration: none;color: #713300;line-height: 80px;padding: 0 20px;font-size: 18px;}
.menu ul.main-menu li a:hover {color: #adadad; height: 77px;}
.menu ul.main-menu li.active { color: #713300; height: 77px; border-bottom: 3px solid #713300; }
.menu ul.main-menu li.active a { color: #713300; font-weight: 700;}

.menu span{display: inline-block;line-height: 80px;color: #acaba9; font-family: Roboto;font-size: 14px;font-weight: 300;margin-left:40px;}
.menu ul.soc_menu {margin-left:10px;}
.menu ul.soc_menu li {vertical-align: middle;padding: 0 7px;}
.menu ul.soc_menu li a {display: inline-block;height: 32px;width: 32px;}
.menu ul.soc_menu li a:hover {opacity: 0.6;}

.sub_logo {position: absolute;top: 25px;right: 25px;}
.sub_logo a:hover{opacity: 0.6;}
.wrap {min-width: 960px;position: relative;border-bottom: 1px solid #eeeeee;height:80px;}
header .admin {position: fixed;right: 0px;background-color: rgba(255, 255, 255, 0.9);z-index: 100;border-top: 1px solid #713300;}
header .admin a{text-decoration: none;color: #713300;line-height: 40px;padding: 0 10px;font-size: 16px;}
header .admin a:hover{color: #adadad;}

/*FOOTER*/
.footer-wraper{margin: 0 auto;}
.footer-conainer{height: 460px;text-align: center;position: relative;width: 960px; margin: 0 auto;}
.footer-conainer .footer-logo {padding-top: 60px;margin: 0 auto; text-align: center;font-size: 18px;color: #2e80df;font-family: PT Sans;}
.footer-conainer .footer-logo span {background: url(/img/skins/cafe/footer-logo-big.png) no-repeat;display: inline-block;width: 280px;height: 60px;margin-top: 10px;}
.footer-conainer .info{float: left;width: 33%;margin-top: 49px; color: #333333;font-family: "PT Sans"; font-weight: 400;}
.footer-conainer .info span{height: 21px;font-size: 18px;}
.footer-conainer .info p{margin-top: 10px;color: #333333;font-size: 14px; padding: 0 10px;}
.footer-conainer a.footer-button{padding: 0px 30px;color: #fff;font-size: 19px;display: inline-block;text-align: center;line-height: 50px;margin-top: 32px;font-weight: 600;font-family: PT Sans;background-color: #0768d8;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;-khtml-border-radius: 30px;}
.footer-conainer a.footer-button:hover {background-color: #39424c;}


/*MAIN*/
.main {min-height: 100%;width: 100%;min-width: 960px;height: auto;color: #000000;}
/*.index,.aboutus{background-color: #ccc;background: url(/img/skins/cafe/main.jpeg) no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;} */
.index{min-height: 500px;height: 100%;}
.aboutus:before{content:"";height: 100%;width: 100%;top: 0;left: 0;position: absolute;background-color: rgba(255,255,255,.8);}

.section2 {min-height: 100%;width: 100%;min-width: 960px;height: auto;}
.about-wrapper {min-height: 100%;height: auto;position: relative;}
.about-wrapper:before{content:"";height: 100%;width: 100%;top: 0;left: 0;position: absolute;background-color: rgba(255,255,255,.8);}

/*ABOUT*/
.conteiner {margin: 0 auto;}
.conteiner .about {position: relative;width: 620px;margin: 0 auto;font-family: "PT Serif";padding-bottom: 200px;padding-top: 190px;}
.conteiner .about h1 {height: 47px;text-align: center;color: #333333;font-size: 36px;font-weight: 700;}
.conteiner .about .text{margin-top: 20px;font-size: 18px;font-weight: 400;line-height: 28px;color: #333333;}
.conteiner .about .text p{padding-bottom: 20px;}
.conteiner .about .text a:hover{color:#adadad;}

/*MAIN PAGE*/
h1.page-title {position: absolute;width: 785px;height: 166px;color: #ffffff;font-size: 64px;font-weight: 400;top: 164px;right: 109px;text-align: right;}
h2.under-title {height: 26px;color: #ffffff;font-family: "PT Serif";font-size: 20px;font-weight: 400;position: absolute;right: 109px;top: 350px;}
a.button-about {border: 3px solid #fff;background-color: rgba(255,255,255,0);border-radius: 30px;padding: 11px 30px;width: 151px;height: 50px;color: #fff;font-size: 17px;text-decoration: none;}
a.button-about:hover{background-color: #ffffff; color: #713300;}
.down {position: absolute;bottom: 30px;left:50%; margin-left:-100px;}
.down .submit{cursor: pointer;border: 3px solid #fff;background-color: rgba(255,255,255,0);border-radius: 30px;padding: 10px 10px;width: 151px;height: 50px;color: #fff;font-size: 17px;}
.down .arrow {text-align: center;padding-top: 25px;}
/*.down .arr*/
.text p{font-weight: 400;line-height: 28px;color: #333333; }
.text a {color: #975a27;}

/*BOOKS PAGE*/
.books {margin: 0 auto; padding-top: 80px; width: 960px;font-family: "PT Serif";padding-bottom: 48px;}
.books h1{height: 47px;color: #333333;font-size: 36px;font-weight: 700;text-align: center; margin-top: 48px;}
.books p{height: 28px;color: #333333;font-size: 18px;font-weight: 400;line-height: 28px; text-align: center; margin-top: 20px;}
.books .book-list {width: 50%;float: left;margin-top: 61px;}
.books .book-list  h2{color: rgb(51, 51, 51);font-size: 24px;font-weight: 400; height: 31px;margin-bottom: 16px;}
.books .book-item {width: 460px;height: 300px;position: relative;display: inline-block;margin: 16px 0px;}
.books .book-item .book-img{float: left;opacity: 0.7;}
.books .book-item .book-img:hover{opacity: 1;}
.books .book-item img{background-color: #fffaf7;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;width: 194px;}
.books .book-item .book-info {margin: 0 0 0 20px;display: inline-block;width: 246px;font-family: Roboto;}
.books .book-item .book-info .book-title{overflow: hidden;color: #713300;font-size: 24px;font-weight: 500;text-decoration: none;display: inline-block;padding-bottom: 3px;}
.books .book-item .book-info .book-title:hover {color: #adadad;}
.books .book-item .book-info a.book-author,.books .book-item .book-info span.book-author {height: 19px;color: #333333;font-size: 14px;font-style: italic;text-decoration: none;display: inline-block;padding-bottom: 5px;}
.books .book-item .book-info a.book-author:hover{color: #adadad;}
.books .book-item .book-info .description {margin-top: 10px;line-height: 30px;}
.books .book-item .book-info .description a{font-size: 14px;font-weight: 400;}


.books .book-item .book-info .description b{font-weight: 700;}

span.hint-start{ color: white;text-align:center;margin: 10px 0px;font-size: 12px;font-weight: 700;line-height: 28px; display:inline-block; width:151px; height:28px;background-color: #31b300;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; text-transform: uppercase;}
/*a.hint-start:hover{ background-color: #39424c;border-color: #39424c; }*/

a.button-list-more{border: 3px solid #713300;border-radius: 30px;padding: 0px 30px;color: #713300;font-size: 18px;display: inline-block;text-align: center;line-height: 50px;margin-top: 32px;font-weight: 600;font-family: PT Sans;}
a.button-list-more:hover {background-color: #713300; color: #fff;}
/*ICONS*/
.i-reward{background: url(/img/skins/cafe/icon-reward.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin: 0px 3px 0px;vertical-align: -4px;}
.i-review{background: url(/img/skins/cafe/icon-review.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin-right: 6px;vertical-align: -4px;}
.i-quote{background: url(/img/skins/cafe/icon-qutoe.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin-right: 6px;vertical-align: -4px;}
.i-opinion{background: url(/img/skins/cafe/icon-opinion.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin-right: 6px;vertical-align: -4px;}
a:hover .i-reward, a:hover .i-review, a:hover .i-quote, a:hover .i-opinion{opacity: 0.6;}
.i-vote{background: url(/img/skins/cafe/icon-vote.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin-right: 6px;vertical-align: -4px;}
.i-vote:hover{background: url(/img/skins/cafe/icon-vote-on.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin-right: 6px;vertical-align: -4px;}
.i-vote-on{background: url(/img/skins/cafe/icon-vote-on.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin-right: 6px;vertical-align: -4px;}
.i-comment{background: url(/img/skins/cafe/icon-comment.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin-right: 6px;vertical-align: -4px;}
.i-comment:hover{background: url(/img/skins/cafe/icon-comment-on.png) no-repeat;display: inline-block;width: 18px;height: 18px;margin-right: 6px;vertical-align: -4px;}
.i-fav{background: url(/img/skins/cafe/icon-fav-on.png) no-repeat;display: inline-block;width: 18px;height: 14px;margin-right: 6px;vertical-align: 0px;}
.i-fav:hover{background: url(/img/skins/cafe/icon-fav.png) no-repeat;display: inline-block;width: 18px;height: 14px;margin-right: 6px;vertical-align: 0px;}
.i-fav-on{background: url(/img/skins/cafe/icon-fav.png) no-repeat;display: inline-block;width: 18px;height: 14px;margin-right: 6px;vertical-align: 0px;}
.i-loading{background: url(/img/skins/cafe/loading.gif) no-repeat;display: inline-block;width: 35px;height: 35px;vertical-align: 0px;}
.i-green-star{background: url(/img/skins/cafe/icon-bg-star.png) no-repeat;display: inline-block;width: 14px;height: 14px;margin-top: 2px;}
.i-green-star-mini{border-radius: 1px;background-color: #04a00c;display: inline-block;width: 2px;height: 2px;}

.books-container{margin: 0 auto;padding-top: 80px;width: 960px;font-family: "PT Serif";padding-bottom: 48px;}
.books-container h1 {color: #333333;font-size: 36px;font-weight: 700;text-align: center; margin-top: 48px;}
.books-container .book-list {margin: 60px auto 0px;width: 934px;}
.books-container .book-item {width: 460px;height: 300px;position: relative;float: left;margin: 16px 5px 16px 0px;}
.books-container .book-item .book-img{float: left;opacity: 0.7;}
.books-container .book-item .book-img:hover{opacity: 1;}
.books-container .book-item img{background-color: #fffaf7;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;width: 194px;}
.books-container .book-item .book-info {margin: 0 0 0 20px;display: inline-block;width: 246px;font-family: Roboto;}
.books-container .book-item .book-info .book-title{overflow: hidden;color: #713300;font-size: 24px;font-weight: 500;text-decoration: none;display: inline-block;padding-bottom: 3px;}
.books-container .book-item .book-info .book-title:hover {color: #adadad;}
.books-container .book-item .book-info a.book-author,.books .book-item .book-info span.book-author {height: 19px;color: #333333;font-size: 14px;font-style: italic;text-decoration: none;display: inline-block;padding-bottom: 5px;}
.books-container .book-item .book-info a.book-author:hover{color: #adadad;}
.books-container .book-item .book-info .description {margin-top: 10px;line-height: 30px;}
.books-container .book-item .book-info .description a{font-size: 14px;font-weight: 400;}


/*BOOK PAGE*/
/* block image*/
.book {margin: 0 auto; padding-top: 80px; font-family: "PT Serif";}
.book .wrapper{width: 960px;margin:0 auto;padding-top:48px;}
.book .book-img {float: left;}
.book .book-img img{background-color: #fffaf7;width:300px;}

/*block description */
.book .book-description{float: right;width: 600px;margin-right: 30px;font-family: Roboto;text-align: center;}
.book .book-description h1{color: #713300;font-size: 36px;font-weight: 700;font-family: "PT Serif";}
.book .book-description h2{color: #713300;font-size: 18px;font-weight: 400;line-height: 28px;padding: 10px 0px;}
.book .book-description span.book-since{color: #333333;font-size: 14px;font-weight: 400;}
.book .book-description .book-info{text-align: center;width: 100%;margin-top: 20px;line-height: 20px;}
.book .book-description .full-desc, .book .book-description .short-desc {line-height: 40px;font-size: 14px;}
.book .book-description .full-desc span{background: url(/img/skins/cafe/icon-arrow-down.png) no-repeat;display: inline-block;width: 12px;height: 12px;margin-left: 6px;vertical-align: -3px;}
.book .book-description .short-desc span{background: url(/img/skins/cafe/icon-arrow-up.png) no-repeat;display: inline-block;width: 12px;height: 12px;margin-left: 6px;vertical-align: -3px;}
/*block tabs*/

.book .book-description a.tab-left, .book .book-description a.tab-right {border: 3px solid rgb(113, 51, 0);line-height: 40px;display: inline-block;font-size: 17px;font-weight: 500;}
.book .book-description a.tab-left {border-radius: 17px 0px 0px 17px;  color: #713300;width: 211px;}
.book .book-description a.tab-right {border-radius: 0px 17px 17px 0px;  color: #713300; border-left: none;width: 226px;}
.book .book-description a.tab-left.active, .book .book-description a.tab-right.active {background: #713300; color: #FFFAF7;}

.tabs {margin: 40px auto 20px;}
.tabs .tab-container {margin:30px auto 20px;position: relative;}
.tabs .tab-container ul{display: table;margin: 0 auto 45px;}
.tabs .tab-container ul li{display: table-cell;padding: 0 8px;vertical-align: middle;position: relative;}
.tabs .tab-container ul li img {width: 48px;height: 48px;opacity: 0.4;border-radius: 50%;cursor: pointer;}
.tabs .tab-container ul li span{background: url(/img/skins/cafe/combined-shape.png) no-repeat;display: none;width: 15px;height: 12px;position: absolute;bottom: -50px;left: 50%;margin-left: -8px;}
.tabs .tab-container ul li div{position: absolute;text-align: center;width: 200px;left: 50%;margin-left: -100px;margin-top: 8px;display: none;color: #333333;}
.tabs .tab-container ul li.active{padding:0 13px;cursor:default;}
.tabs .tab-container ul li.active img{width: 64px;height: 64px;opacity: 1;}
.tabs .tab-container ul li.active span{display: block;}
.tabs .tab-container ul li.active div {display: block;}

.tabs .tab-container .tab-block {width: 560px;border-radius: 8px;border: 1px solid #cccccc;background-color: #ffffff;color: #333333;font-family: Roboto;font-size: 14px;font-style: italic;margin: 10px auto 20px;padding: 23px 20px 10px;}
.tabs .tab-container .tab-block .tab-text {text-align: left;}
.tabs .tab-container .tab-block .tab-text img{max-width: 560px;}

.book-soc {height: 60px;border-bottom: 2px solid #FFF;margin-top: 20px;}

.book .book-description .book-text{color: #333333;font-size: 14px;font-weight: 400;text-align: justify;}
.book .book-description .book-items{margin-top: 43px;margin-bottom: 40px;}
.book .book-description .book-items a{font-size: 14px;font-weight: 400;}
.book .book-description .book-items b{font-weight: 700;}

a.btn-sendopinions{border: 3px solid #713300;border-radius: 30px;padding: 0px 30px;color: #713300;font-size: 18px;display: inline-block;text-align: center;line-height: 50px;font-weight: 600;font-family: PT Sans;}
a.btn-sendopinions:hover{background-color: #713300; color: #fff; }
/*block prices */
.book .book-prices{width: 300px;margin: 40px auto;margin-bottom: 40px;position: relative; float:left;}
.sources-inner {font-size: 10px; position:relative; background: #efdbca; padding: 10px 19px 0px; margin-top: 5px;font-family: PT Sans;}
.sources-inner .sources-top { position:absolute; top:-4px; left:0px; width:100%; height:5px; background: url(/img/skins/cafe/source-top.png) -1px 0 repeat-x; }
.sources-inner.full { border-bottom: 1px solid #f3f2f1; }
.sources-inner #source-blocks tr:hover a, .sources-inner #source-blocks tr:hover .source-action{color: #adadad;} 

.sources-footer { font-size: 13px; position:relative; height: 10px;line-height: 40px; width:100%;background: #efdbca url(/img/skins/cafe/source-bottom.png) 100% 100% repeat-x !important; text-align: center; }
.sources-footer a{color: #b07947;text-decoration: none;font-style: normal;padding: 7px 15px;background: #fff;border-radius: 3px;font-family: PT Sans;}
.sources-footer a:hover{ color: #adadad; text-decoration: underline; }
.sources-inner table { margin-bottom: 20px; width: 265px;font-size: 13px;}
.sources-inner table tr td {padding-top: 5px;line-height: 15px;padding-bottom: 2px;width: 100%;}
.sources-inner h2 { margin-bottom: 10px; color: #261506;}
.source-icons { display:none; }
#sources { width: 100%;position: relative;z-index: 10;margin-top: -5px; }


/* text editor */
.ed_button { overflow: auto; margin: 0 2px 0 0; border: solid 1px #aaaaaa; background: #eeeeee; font-size: 12px; }
.ed_textarea { width: 98%; }
.ed_preview { width: 100%; margin: 5px 0; font-size: 12px; }

/*messages*/
#tinyalert { position: fixed; z-index: 1001; max-height: 100%; overflow: hidden; font-size: 14px; color: #000000; top: 11px; right: 11px; }
#tinyalert > div { width: 240px; margin: 0 0 14px; -moz-box-shadow: 1px 1px 3px #c8c8c8; -webkit-box-shadow: 1px 1px 3px #c8c8c8; box-shadow: 1px 1px 3px #c8c8c8; position: relative; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }
#tinyalert > div.green { background-color: #9fe581; padding: 14px 21px; }
#tinyalert > div.red { background-color: #f4aaaa; padding: 14px 21px; }

/*ADMIN BOOK LIST*/
.admin-book-list{padding-bottom: 40px;}
.admin-book-list .book-item {width: 960px;position: relative;display: inline-block;margin: 16px 0px;border-bottom:solid 1px #aaaaaa; padding: 0 13px 10px;}
.admin-book-list .book-item .book-img{float: left;}
.admin-book-list .book-item img{background-color: #fffaf7;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;width: 194px;}
.admin-book-list .book-item .book-actionbar{text-align: center;margin: 7px auto;}
.admin-book-list .book-item .book-info {margin: 0 0 0 20px;display: inline-block;max-width:730px;font-family: Roboto;}
.admin-book-list .book-item .book-info .book-title{height: 24px;color: #713300;font-size: 24px;font-weight: 500;text-decoration: none;display: inline-block;padding-bottom: 5px;}
.admin-book-list .book-item .book-info .book-title:hover {color: #adadad;}
.admin-book-list .book-item .book-info .book-author {height: 19px;color: #333333;font-size: 14px;font-style: italic;text-decoration: none;display: inline-block;padding: 5px 0px;}
.admin-book-list .book-item .book-info .book-description {margin-top: 10px;line-height: 20px;}
.admin-book-list .book-item .book-info .book-description a{font-size: 14px;font-weight: 400;}
.admin-book-list.book-item .book-info .book-description b{font-weight: 700;}

div.userbook{ z-index: 60; position: absolute; width: 450px; margin: 3px auto 0; background: #ffffff; border: solid 1px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; -webkit-box-shadow: 0px 0px 10px #a0a0a0; }
div.userbook{ margin: 7px; padding: 14px; }

/* book block */
.bookinfo { width: 215px; font-size: 14px; line-height: 110%; }
.bookinfo .title { margin-bottom: 7px; text-align: left; font-weight: bold; }
.bookinfo .thumbnail { display: table-cell; width: 65px; overflow: hidden; vertical-align: top; }
.bookinfo .details { display: table-cell; width: 156px; padding-left: 4px; overflow: hidden; vertical-align: top; text-align: left; }
.bookinfo .details span { display: block; }
.bookinfo .details .author { font-size: 80%; }
.bookinfo .details .info { font-size: 80%; color: #535353; }

.actionbar .action { font-size:13px;line-height:20px; }
.actionbar .action span, .actionbar span.action { font-style:normal; }
.actionbar .action:hover { font-size:13px; }
.actionbar .action-blue:hover { color: #adadad; }
.actionbar .action span.count { margin-left:4px; font-style:italic; }
.actionbar .action:hover span.count {color: #adadad;}

.white-popup {position: relative;  background: #FFF;  width:auto;  max-width: 755px;  margin: 20px auto;box-shadow: 0 5px 20px rgba(56, 65, 76, 0.2), 0 2px 5px rgba(0, 0, 0, 0.05);border-radius: 10px;}
.popup-objects {position: relative;  background: #FFF;  width:auto;  max-width: 755px;  margin: 20px auto;box-shadow: 0 5px 20px rgba(56, 65, 76, 0.2), 0 2px 5px rgba(0, 0, 0, 0.05);border-radius: 10px;}
.popup-wrapper{padding: 20px;}
.popup-wrapper h3{color: #39424c;font-family: "PT Sans";font-size: 18px;font-weight: 700;text-align: center;}
.popup-wrapper a, .popup-wrapper a:visited{color: #0768d8;}
.popup-wrapper a:hover{color: #0768d8;}

.popup-container {margin: 25px auto;position: relative;}
.popup-container table{margin: 0 auto;}
.popup-container td{width: 252px;position: relative;font-family: "PT Sans";}
.popup-container .img-block{float: left;}
.popup-container .img-block img {width: 40px;height: 40px;}
.popup-container .source-block{float: left;margin-left: 10px;text-align: left;}
.popup-container .source-block .user-login{color: #0768d8;font-size: 16px;font-weight: 700;}
.popup-container .source-block .date {color: #9ca1a6;font-size: 12px;font-weight: 400;}
.popup-container .rating-block {float: right;height: 27px;width: 62px;position: relative;}
.popup-container .rating-block .mark{color: #04a00c;font-family: "PT Sans";font-size: 14px;font-weight: 700;float:left;}
.popup-container .rating-block .rating-bar{height: 3px;border-radius: 2px;background-color: #d8d8d8;margin-top: 3px;overflow: hidden;}
.popup-container .rating-block .rating-bar div {height: 3px;border-radius: 2px 0 0 2px;background-color: #04a00c;}
.popup-container .rating-block ul {width: 100%;text-align: left;list-style: none;margin-left: 1px;line-height: 0px;}
.popup-container .rating-block ul li {display: inline-block;}

.popup-container .description-block{margin-top: 10px;width: 339px;color: #39424c;font-size: 14px;font-weight: 400;line-height: 18px;}
.popup-container .description-block img{width: 339px;}
.popup-container .description-block p{padding: 5px 0px;}
.popup-container .actionbar-block{margin-top: 20px;}
.popup-container .actionbar-block .action-like{width: 60px;height: 35px;display: inline-block;line-height: 32px;text-align: center;color: #0768d8;font-family: "PT Sans";font-size: 14px;font-weight: 400;}
.popup-container .actionbar-block .action-like:hover .i-vote{background: url(/img/skins/cafe/icon-vote-on.png) no-repeat;}
.popup-container .actionbar-block .action-comment:hover .i-comment{background: url(/img/skins/cafe/icon-comment-on.png) no-repeat;}
.popup-container .actionbar-block .action-comment{width: 60px;height: 35px;border-radius: 3px;line-height: 32px;text-align: center;color: #0768d8;font-family: "PT Sans";font-size: 14px;font-weight: 400;margin-left: 15px;}
.popup-container .actionbar-block .action-fav{width: 60px;height: 35px;display: inline-block;line-height: 32px;text-align: center;color: #0768d8;font-family: "PT Sans";font-size: 14px;font-weight: 400;margin-left: 5px;}
.popup-container .actionbar-block .action-fav:hover .i-fav{background: url(/img/skins/cafe/icon-fav.png) no-repeat;display: inline-block;width: 18px;height: 14px;margin-right: 6px;vertical-align: 0px;}
.popup-container .actionbar-block span.action-like, .popup-container .actionbar-block span.action-comment, .popup-container .actionbar-block span.action-fav{border-radius: 3px;border: 1px solid #0768d8;}
.popup-container .actionbar-block .read-full{color: #0768d8;font-family: "PT Sans";font-size: 14px;font-weight: 400;float: right;line-height: 35px;}
.popup-container .actionbar-block .read-full:hover {text-decoration: underline;}
.popup-container .more-objects{text-align: center;margin-top: 40px;padding-top: 40px;border-top: 1px solid rgba(196, 195, 197, 0.5);}
.popup-container .more-objects a{padding: 0px 18px;display: inline-block;text-align: center;border-radius: 3px;border: 1px solid #0768d8;color: #0768d8;font-family: "PT Sans";font-size: 16px;font-weight: 700;line-height: 33px;}
.popup-container .more-objects a:hover{background-color: #0768d8; color: #FFFAF7;}

.popup-wrapper .popup-main {margin: 20px 0px;}
.popup-wrapper .popup-main .left-block {float:left;}
.popup-wrapper .popup-main .left-block img {width: 40px;height: 40px;border-radius: 5px;border: 1px solid #979797;}
.popup-wrapper .popup-main .right-block {float: left;margin-left: 15px;}
.popup-wrapper .popup-main .right-block textarea {min-width: 620px;max-width: 620px;min-height: 71px;height: 71px;border-radius: 8px;border: 1px solid #cccccc;background-color: #ffffff;padding: 12px 7px;color: #cccccc;font-family: Roboto;font-size: 16px;font-weight: 400;}
.popup-wrapper .popup-main .right-block textarea:focus{border: 1px solid #333333;color: #333333;}
.popup-wrapper .popup-main .right-block textarea.focus{border: 1px solid #333333;color: #333333;}
.popup-wrapper .popup-btn {text-align: right;}
.popup-wrapper .popup-btn a{border: 2px solid #0768d8;border-radius: 30px;padding: 0px 30px;color: #0768d8;font-size: 18px;display: inline-block;text-align: center;line-height: 50px;font-weight: 600;font-family: PT Sans;margin-right: 20px;}
.popup-wrapper .popup-btn a.active{background-color: #0768d8; color: #fff; }
.popup-wrapper .popup-btn a.disabled{opacity: 0.4; }
.popup-wrapper .popup-btn a:hover{background-color: #0768d8; color: #fff; }

ulogin-row { margin-bottom: 5px; }
.ulogin-btn { background: transparent url(/img/panel.png) 0 0 no-repeat; display: inline-block; width: 32px; height: 32px; vertical-align: -12px; margin-right: 10px; }
.ulogin-btn.vkontakte { background-position: 0px -38px; }
.ulogin-btn.twitter { background-position: 0px -178px; }
.ulogin-btn.odnoklassniki { background-position: 0px -73px; }
.ulogin-btn.mailru { background-position: 0px -108px; }
.ulogin-btn.facebook { background-position: 0px -143px; }
.ulogin-btn.google { background-position: 0px -213px; }
.ulogin-btn.yandex { background-position: 0px -248px; }
.ulogin-btn.livejournal { background-position: 0px -283px; }
.ulogin-btn.lastfm { background-position: 0px -423px; }
.ulogin-btn.linkedin { background-position: 0px -458px; }
.ulogin-btn.flickr { background-position: 0px -388px; }
.ulogin-btn.openid { background-position: 0px -318px; }
.ulogin-btn.foursquare { background-position: 0px -703px; }

.prm-vote { position: absolute; margin-top: -34px; margin-left: 50px; height: 42px;width: 99px;background: url(/img/premia/vote.png) center top no-repeat;cursor: pointer;}
.prm-vote:hover { background-position: center -42px; }
.prm-vote.voted, .prm-vote.voted:hover { background-position: center -84px; }
.prm-logo { cursor:pointer; display: block; margin: 5px auto 0px; width: 135px; height: 122px; background: transparent url(/img/premia/kpr-logo.png) 0 0 no-repeat;  }
.prm-button { margin: 10px auto 0px; cursor: pointer; width: 134px; height: 38px; display: block; background: transparent url(/img/premia/kpr-button.png) 0px 0px no-repeat; }
.prm-button:hover { background-position: 0px -40px; }
#prm-popup { display: none;padding: 0px;margin: 0px;position: fixed;height: 633px;width: 854px;background: url(/img/premia/popup.png) center top no-repeat;top: 50%;left: 50%;margin-left: -427px;margin-top: -316px;z-index: 15; }
#prm-popup .cross { width: 35px; height: 33px; background: url(/img/premia/cross.png) center top no-repeat; position: absolute; top: 30px; right: 40px; cursor: pointer; }
#prm-popup-back { display: none; top:0px; left: 0px; padding: 0px;margin: 0px;z-index: 14;position: fixed;height: 100%;width: 100%;background: url(/img/premia/kpr-bg.png);}
#prm-popup iframe {position: absolute;top: 65px;left: 70px;}

.loginform input[type="text"], .loginform input[type="password"] { border: solid 1px #d9d9d9; background: #ffffff; padding: 10px 10px; color: #aeaeae; }
.loginform .arrow { width: 5px; height: 3px; display: inline-block; margin-left: 5px; vertical-align: 2px; background: transparent url(/img/icons/arrow-down.png) 0 0 no-repeat; }
.social-btn { margin: 0px 7px 7px 0px;cursor: pointer;float: left;position: relative;display: inline-block; width: 45px; height: 45px; box-sizing: content-box; background: transparent url(/img/panel-social2.png) 0 0 no-repeat; }
.social-btn.vkontakte { background-position: -1px -1px; }
.social-btn.twitter { background-position: -209px -1px; }
.social-btn.odnoklassniki { background-position: -157px -52px; }
.social-btn.mailru { background-position: -157px -1px; }
.social-btn.facebook { background-position: -53px -1px; }
.social-btn.google { background-position: -105px -1px; }
.social-btn.yandex { background-position: -53px -52px; }
.social-btn.livejournal { background-position: -105px -52px; }
.social-btn.lastfm { background-position: -1px -52px; }
.social-btn.linkedin { background-position: -209px -52px; }
.social-btn.flickr { background-position: -1px -103px; }
.social-btn.openid { background-position: -53px -103px; }
.social-btn.foursquare { background-position: -105px -103px; }
.social-btn.litres { background-position: -157px -103px; }
.social-hide, .social-hide-popup { display: none; }
.social-column .social-btn { float: none; margin: 0px 10px 0px 0px; vertical-align: -19px; }

.popup-back { display: none; top:0px; left: 0px; padding: 0px;margin: 0px;z-index: 1050;position: fixed;height: 100%;width: 100%;background: url(/img/popup-bg.png);}
#popup-login { display: none;padding: 0px;margin: 0px;position: fixed;width: 360px;top: 50%;left: 50%;margin-left: -180px;margin-top: -227px;z-index: 1051; background-color: #f5f5f7; }
.popup-close { display: block; width: 18px; height: 18px; position: absolute; top: -9px; right: -9px; cursor: pointer; background: url(/img/icons/close-popup.png) center top no-repeat; }
.popup-menu { margin-bottom: 25px; }
.popup-menu tr td { width:180px; height: 58px; cursor: pointer; font-size: 18px; text-align: center; vertical-align: middle; background-color: #2e70d0; color: #FFF; }
.popup-menu tr td:hover { background: #2e70d0 url(/img/back-menu-hover.png) 0 0 repeat-x; }
.popup-menu tr td.active, .popup-menu tr td.active:hover { background: #f5f5f7; color: #000; font-weight: bold; }
.popup-socials { width: 260px; text-align: center; margin-left: 54px; padding-bottom: 20px; }



@media screen and (max-width: 960px) {
    html,body, .main, .book .wrapper, footer, .body, .conteiner .about{}
    
    .menu {text-align: center;height: 80px;margin-left: 100px;margin-right: 60px;/*margin: 0 auto;*//*float: left;*/}
    .menu span{margin-left:20px;}
    .menu ul.soc_menu li a {padding: 0 5px;}
    .menu ul.main-menu li a {padding: 0 15px;}
        
    .book .wrapper{margin:0 auto;padding-top:48px;}
    .book .book-img {float: none;text-align: center;}
    .book .book-img img{background-color: #fffaf7; width:600px;}
    
    .book .book-description{float: none;margin: 0 auto;border-bottom: 2px solid #FFF;}
    .book .book-description .book-info{margin: 20px auto 0px; max-width: 600px;}
    .book .book-prices{float:none;margin: 45px auto 40px;}
    .footer-conainer{width: auto;height: 100%;}
    .footer-conainer a.footer-button{margin-bottom: 20px;}
}

/* Magnific Popup CSS */
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background-color: rgb(51, 51, 51); opacity: 0.8;}
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden; }

.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;}
.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle; }
.mfp-align-top .mfp-container:before {display: none; }
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045; }
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {width: 100%;cursor: auto; }
.mfp-ajax-cur {cursor: progress; }
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none; }
.mfp-loading.mfp-figure {display: none; }
.mfp-hide {display: none !important; }
.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;  z-index: 1044; }
.mfp-preloader a {color: #CCC; }
.mfp-preloader a:hover {color: #FFF; }
.mfp-s-ready .mfp-preloader {display: none; }
.mfp-s-error .mfp-content {isplay: none; }
button.mfp-close{overflow: visible;cursor: pointer;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}
button::-moz-focus-inner {padding: 0;border: 0; }
.mfp-close {position: absolute;top: 7px;right: 6px;display: block;background: url(/img/skins/cafe/btn-close.png) top center no-repeat;width: 23px;height: 23px;text-indent: -9999px;cursor: pointer;}
.mfp-close:hover{opacity: 0.6; }

/* The shadow behind the image */
.mfp-figure {line-height: 0; }
.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444;}
.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px; }
.mfp-figure figure {margin: 0; }

/**
 * Fade-zoom animation for first dialog
 **/
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);opacity: 0;}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /*** Remove all paddings around the image on small screen*/
  .mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0; }
  .mfp-img-mobile img.mfp-img {padding: 0; }
  .mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0; }
  .mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; }
  .mfp-img-mobile .mfp-counter {right: 5px;top: 3px; }
  .mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0; } 
}

@media all and (max-width: 900px) {
  .mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75); }
  .mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0; }
  .mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%; }
  .mfp-container {padding-left: 6px;padding-right: 6px; } 
}