@import url("bioline_font.css");

HTML { font-size:14px; font-family:arial,sans-serif; }
DIV, TD, TH { font-size:inherit; }

A { color:#226}
A:visited { color:#226; }
A:hover { color:#c22; text-decoration:underline; }
A:focus, A:active { color:#c22; }
A[NAME] { text-decoration:none; }
A.none { text-decoration:none; }
A.none:hover { text-decoration:underline; }
A.stable { color:#226; }
A.stable:hover { color:#c22; }

H1 { font-size:170%; font-family:arial,sans-serif; letter-spacing:-0.5px; }
H2 { font-size:190%; font-family:arial,sans-serif; font-weight:normal; }
H3 { font-size:150%; font-family:verdana,sans-serif; font-weight:normal; }
H4 { font-size:112%; font-family:verdana,sans-serif; }
H5 { font-size:100%; font-family:tahoma,sans-serif; }
H6 { font-size:100%; font-family:verdana,sans-serif; font-weight:normal; }
H1, H2, H3, H4, H5, H6 { margin:0.75em 0em 0.25em 0em; padding:0.25em 0em 0.25em 0em; }
H1 { color:#BF5040; margin:0em; padding:1rem 0rem 0.25rem 0rem; }
H2 { color:#BF5040; margin:0em; padding:0.25rem 0rem 0.25rem 0rem; }
H3 { color:#BF5040; margin:0em; padding:0.25rem 0rem 0.25rem 0rem; }
H1.subheader { text-align:right; color:#BF8040; }

P, UL, OL, .paragraph { padding-top:0.5rem; padding-bottom:0.25rem; margin-top:0rem; margin-bottom:0.5rem; }
LI { margin-bottom:0.25rem; }
P+UL, P+OL, UL+UL { margin-top:0rem; padding-top:0rem; }
DT { margin-top:0.25em; margin-bottom:0.25em; font-size:107%; }
DD { margin-top:0em; margin-bottom:0.75em; }
STRONG { font-family:verdana,sans-serif; }
EM { font-style:normal; color:#B33C77; }
CAPTION { padding:0.1em; font-family:verdana,sans-serif; font-weight:bold; }
BIG, .big, .large { font-size:112%; }
SMALL, .small { font-size:86%; }
.larger { font-size:107%; }
.smaller { font-size:93%; }
Q { quotes: "“" "”" "‘" "’"; }
ABBR, ACRONYM, .hint { cursor:help; }

FORM { margin:0px; padding:0px; }
INPUT, TEXTAREA { font-family:arial,sans-serif; font-size:100%; }
INPUT.wide, TEXTAREA.wide { width:99%; }

.grey, .gray { color:#777; }
.light { color:#bbb; }
.black { color:#000; }
.white { color:#fff; }
.error { color:#C33; }
.red { color:#C73F3F; }
.blue { color:#30308F; }
.green { color:#2B802B; }
.brown { color:#BF8040; }
.violet { color:#B33C77; }
.bright { color:#BF5040; }
.blanch { color:#BF9F40; }
.blank { background-color:#fff; }
.bgbright { background-color:#EDE4C9; }
.bgblanch { background-color:#F6F2E4; }
.bglight { background-color:#F8F2F2; }

.nowrap { white-space:nowrap; }
.novisible { visibility:hidden; }
.normal { font-weight:normal; }
.grayscale { -webkit-filter:grayscale(90%); -moz-filter:grayscale(90%); -ms-filter:grayscale(90%); filter:grayscale(90%); }

.hint { color:#936; text-decoration:none !important; cursor:pointer; cursor:hand; border-bottom:1px dotted; }
.warning:before { display:marker; content:"Âíèìàíèå!"; font-size:108%; font-family:verdana,sans-serif; color:#C33; }

.border { border:1px solid #BF8040; }
.overline { border-top:1px dotted #BF8040; }
.underline { border-bottom:1px dotted #BF8040; }


#suptop { padding-top:0.5rem; text-align:center; }
#menu { display:inline-block; text-align:left; }
#promo { display:inline-block; padding:0rem 2rem 0.5rem 2rem; margin-bottom:0.3rem; border-bottom:1px solid #BF9F40; }
#promo DIV { display:table-cell; vertical-align:top; }
#promo>DIV { padding-left:2.5rem; padding-right:3rem; text-align:left; font-size:12px; color:#BF9F40; }
#promo DIV[class|=icon] { font-size:20px; padding-right:4px; }
#promo A { color:#BF9F40; }
#logo { padding-bottom:4px; }
IMG.logo { width:102px; height:82px; }
@media all and (min-width:801px) {
#burger { float:none; }
#logo { float:left; }
}
@media all and (max-width:900px) {
#promo { padding:0rem 1rem 0.5rem 1rem; }
#promo>DIV { padding-left:1.5rem; padding-right:2rem; }
}
@media all and (max-width:800px) {
#promo { display:none; }
}
@media all and (max-width:800px) {
#menu { display:block; }
#burger { float:left; padding-top:29px; padding-left:12px; }
#logo { float:none; }
IMG.logo { width:82px !important; height:66px !important; }
}

#basket { float:right; position:relative; cursor:pointer; cursor:hand; }
#basket-frame { text-align:center; margin:7px 4px 0px 0px; padding:0px; background-color:#fff; border:1px solid #B9C642; border-radius:4px; }
#basket-count { position:absolute; right:0px; min-width:17px; margin-top:-1px; padding:0px 1px; font-size:14px; text-align:center; color:#fff; background-color:#A4B035; border:1px solid #B9C642; border-radius:9px; }

#cart { position:absolute; position:fixed; width:100%; height:auto; text-align:center; background-color:transparent; background-color:rgba(128,128,128,0.5); z-index:20; }
A.cart-control { text-decoration:none; font-size:24px; }
#cartorder { display:inline-block; overflow:auto; text-align:left; margin:6px; padding:0.5rem; background-color:#fff; border:1px solid #869923; border-radius:4px; box-shadow:2px 2px 3px #aab; }
#cartorder TABLE.goods { padding:0rem 1.25rem 0.5rem 1.25rem; }
@media all and (max-width:640px) {
#cartorder TABLE.goods { padding:0rem 0.75rem 0.125rem 0.75rem; }
#cartorder TABLE.goods TH, #cartorder TABLE.goods TD { padding:0.25rem; }
}
@media all and (max-width:480px) {
#cartorder TABLE.goods { padding:0rem; }
}

TABLE.goods TH { padding:0.25rem 0.4rem 0.35rem 0.4rem; font-weight:normal; }
TABLE.goods TD { padding:0.25rem 0.4rem 0.35rem 0.4rem; }
TABLE.goods THEAD TH, TABLE.goods THEAD TD { border-bottom:1px solid #cba; background-color:#F6F2E4; }
TABLE.goods TFOOT TH, TABLE.goods TFOOT TD { border-top:1px solid #cba; }
TABLE.goods INPUT[READONLY] { border:none; }
TABLE.goods .goods-row-480 { display:none; }
TABLE.goods .goods-480- { display:inline; }
TABLE.goods .goods-480 { display:none; }
@media all and (max-width:480px) {
TABLE.goods .goods-row-480 { display:table-row; }
TABLE.goods .goods-480- { display:none; }
TABLE.goods .goods-480 { display:inline; }
}

.phone { white-space:nowrap; font-family:verdana,sans-serif; padding-left:20px; }
.phone A { color:#009; text-decoration:none; }
.phone A:visited { color:#009; }
.phone A:hover { color:#c00; text-decoration:none; }
.phone A:focus, .phone A:active { color:#c00; }
.phones { line-height:1.4; }

#subtop { padding-top:0.4rem; padding-bottom:0.3rem; background-color:#EDE4C9; }
#subtop .phones { font-size:12px; padding-left:3px; }
#subtop .phone { padding-right:2rem; padding-top:1px; padding-bottom:2px; }
#subtop .social { font-size:19px; }
#subtop .social A { color:#228; text-decoration:none; }
#subtop .social A:hover { color:#c44; }
#subtop .social SPAN { padding:2px; text-shadow:1px 1px 1px #ffd; }

#content { padding-bottom:0.75rem; }

#footer { padding-top:0.5rem; padding-bottom:0.75rem; }

#bottom { padding-top:1rem; padding-bottom:1rem; min-height:1.2rem; background-color:#EDE4C9; border-top:1px solid #fff; }

.action { clear:both; font-size:107%; padding:0.75rem 1rem 0.5rem 1.25rem; margin:1.5rem 0rem 1rem 0rem; border:1px solid #BF5040; background-color:#fff8e4; }
.action H2 { color:#BF5040; }
.action STRONG { color:#C73F3F; }
.action UL { color:#C73F3F; }
.action UL SPAN, .action DIV UL { color:#000; }
.action P, .action .paragraph { margin-bottom:0.5em; line-height:100%; }
.action>P, .action>.paragraph { line-height:130%; }
.action .comment { font-size:93%; padding:0.5em 0em 0.5em 10%; }
.action .comment P { margin:0em; line-height:100%; }
.action .comment UL { font-size:93%; margin-bottom:0em; }
H1 + .action { margin-top:0.75rem; }
.action + H1, .action + H2, .action + H3 { padding-top:0rem; }
.action + .review, .action + .news { margin-top:1.5rem; }
.action + .booklet IMG { margin-top:0.5rem; }

.booklet { float:right; }
.booklet IMG { margin:0.75rem 0rem 0.25rem 1.5rem; border:1px solid #bbb; }
.booktext { clear:left; background-color:#F6F2E4; border-left:4px solid #EADFBF; padding:0.5rem 1.5rem 0.5rem 1.5rem; margin:0.75rem 0rem 1.25rem 0rem; line-height:140%; text-align:justify; }
.action+.booktext { margin-top:1.75rem; }
.booktext LI { line-height:120%; }
.booktext P+P { margin-top:0rem; padding-top:0rem; }
.bookimg { float:right; }
.bookimg IMG { padding:0.75rem 0.25rem 0.5rem 1.5rem; }
@media all and (max-width: 590px) {
.booklet, .bookimg { float:none; text-align:center; }
.booktext { clear:both; padding:0.25rem 1rem 0.25rem 1rem; }
}

.adaptive { clear:left; text-align:left; max-width:1196px; }
@media all and (max-width:1220px) { .adaptive { max-width:897px; } }
@media all and (max-width: 920px) { .adaptive { max-width:598px; } }
@media all and (max-width: 616px) { .adaptive { max-width:576px; } }
@media all and (max-width: 590px) { .adaptive { max-width:320px; } }

DIV.button { display:inline-block; text-align:center; }
DIV.button A { display:block; white-space:nowrap; font-family:verdana,sans-serif; text-align:center; padding:0.5em 1.2em; border-radius:5px; }
DIV.button A { color:#fff; text-decoration:none; background-color:#A4B035; border-top:none; border-right:1px solid #6C7238; border-bottom:1px solid #6C7238; border-left:none; }
DIV.button A:visited { color:#fff; }
DIV.button A:focus { color:#fff; }
DIV.button A:active { color:#fff; border-top:1px solid #6C7238; border-right:none; border-bottom:none; border-left:1px solid #6C7238; }
DIV.button A:hover { color:#fff; text-decoration:none; background-color:#BDCA4F; text-shadow:1px 1px #898; }
DIV.button A.b-grey { background-color:#AAAB9C; border-top:none; border-right:1px solid #696A59; border-bottom:1px solid #696A59; border-left:none; }
DIV.button A.b-grey:active { border-top:1px solid #696A59; border-right:none; border-bottom:none; border-left:1px solid #696A59; }
DIV.button A.b-grey:hover { background-color:#B9BBAE; text-shadow:1px 1px #888; }

.brief { float:left; width:257px; min-height:330px; padding:8px 12px 8px 12px; margin:8px; border:1px solid #ccc; box-shadow:4px 4px 12px #f0f0f8; overflow:hidden; }

.brief .brief-h5 { height:38px; overflow:hidden; margin:4px 0px 4px 0px; }
.brief .brief-h5 H5 { padding:0px; margin:0px; font-size:14px; font-family:tahoma,sans-serif; line-height:1.3; }
.brief .brief-h5 H5 A { text-decoration:none; }
.brief .brief-img { height:180px; overflow:hidden; text-align:center; }
.brief .brief-img IMG.brief-img-thumb { transition:0.5s; }
.brief .brief-img IMG.brief-img-thumb:hover { transform: scale(1.125); }
.brief .brief-img-i { display:table-cell; height:180px; min-width:245px; overflow:hidden; text-align:center; vertical-align:middle; }
.brief .brief-img-f { display:flex; height:180px; min-width:245px; overflow:hidden; align-items:center; justify-content:center; }
.brief .brief-img-b { display:block; height:180px; min-width:245px; background-repeat:no-repeat; background-position:center center; }
.brief .brief-text { height:34px; overflow:hidden; margin:4px 0px 2px 0px; font-size:13px; line-height:1.3; }
.brief .brief-brand { height:17px; overflow:hidden; margin:0px 0px 5px 0px; text-align:center; font-size:13px; white-space:nowrap; }
.brief .brief-price { height:24px; overflow:hidden; margin:6px 0px 4px 0px; text-align:center; font-size:14px; white-space:nowrap; }
.brief .brief-price BIG { font-size:16px; font-family:verdana,sans-serif; }
.brief .brief-form { min-height:26px; overflow:hidden; text-align:center; margin:6px 0px 0px 0px; }
.brief .brief-form INPUT { font-size:13px; }
.brief DIV.button A { font-size:14px; font-family:tahoma,sans-serif; padding:0.4em 1em; }

@media all and (min-width: 617px) { .brief, .brief-img-i { width:257px; } }
@media all and (max-width: 616px) { .brief, .brief-img-i { width:245px; } }
@media all and (max-width: 590px) { .brief, .brief-img-i { width:278px; } }

.sortline { clear:right; text-align:right; margin:8px 8px 0px 8px; }

.pageset { clear:both; }
.pageset DIV { padding:0.25rem; }
.pageset DIV.smaller { padding-top:0rem; }
.pageset BIG { vertical-align:1px; }
.pageset .pages A { display:block; text-decoration:none; color:#b33; border:1px solid #BF5040; min-width:2.5rem; text-align:center; padding:0.1rem 0.4rem 0.1rem 0.4rem; margin:0rem 0.5rem 0.75rem 0.5rem; }
.pageset .pages A:visited { color:#b33; }
.pageset .pages A:hover { color:#fff; background-color:#BF5040; }
.pageset .pages A:focus { color:#b33; background-color:#ffb; }
.pageset .pages A:active { color:#b33; background-color:#ffb; }
.pageset .pages SPAN { display:block; color:#666; border:1px solid #666; min-width:2.5rem; text-align:center; padding:0.1rem 0.4rem 0.1rem 0.4rem; margin:0rem 0.5rem 0.75rem 0.5rem; }

.catalog {  }
.catalog DIV.image { float:right; padding:8px 2px 8px 20px; min-width:40px; background-color:#fff; text-align:center; }
.catalog DIV.image IMG { vertical-align:middle; }
.catalog DIV.subheader { margin:0.25em 0em 0.75em 0em; }
.catalog DIV.subheader P { margin-bottom:0em; }
.catalog DIV.subheader P.small { font-size:93%; font-family:tahoma,sans-serif; }
.catalog DIV.price { float:left; padding:0em 2em 1.5em 0em; }
.catalog DIV.price BIG { font-family:verdana,sans-serif; }
.catalog DIV.submit { text-align:center; margin:0em 12em 0em 12em; padding:0.25em 0em 1.75em 0em; overflow:visible; }
@media all and (max-width:640px) { .catalog DIV.submit { margin-right:2.5em; } }

@media all and (max-width:1200px) { .img600 { width:600px; } }
@media all and (max-width:1100px) { .img550, .img600 { width:550px; } }
@media all and (max-width:1000px) { .img500, .img550, .img600 { width:500px; } }
@media all and (max-width:900px) { .img450, .img500, .img550, .img600 { width:450px; } }
@media all and (max-width:800px) { .img400, .img450, .img500, .img550, .img600 { width:400px; } }
@media all and (max-width:700px) { .img350, .img400, .img450, .img500, .img550, .img600 { width:350px; } }
@media all and (max-width:590px) { .img300, .img350, .img400, .img450, .img500, .img550, .img600 { width:300px; } }
@media all and (max-width:800px) { .img400h { height:400px; } }
@media all and (max-width:640px) {
.catalog DIV.image { float:none; padding:12px 0px 12px 0px; }
}

.seealso { padding-bottom:0.75rem; }
.seealso>DIV { display:inline-block; vertical-align:top; }
.seealso UL { margin-top:0rem; margin-bottom:0rem; padding-top:0rem; padding-bottom:0rem; }

.popcats { clear:both; padding-bottom:0.75rem; margin:1rem 0rem; border:1px solid #BF8040;}
.popcats H4 { padding:0rem 1rem 0.5rem 1rem; margin-bottom:0.75rem; border-bottom:1px dotted #BF8040; color:#BF8040; }
.popcat { float:left; width:25%; }
.popcat>DIV { min-width:14rem; max-width:16rem; overflow:visible; }
.popcat UL { margin-top:0rem; margin-bottom:0rem; padding-top:0rem; padding-bottom:0rem; }
.popcat LI { white-space:nowrap; }
.popcats .float-1 { clear:left; }
@media all and (max-width:880px) {
.popcat { width:50%; }
.popcats .float-3 { clear:left; }
}
@media all and (max-width:480px) {
.popcat { width:100%; }
.popcats .float-4, .popcats .float-4 { clear:left; }
}

.rubrics { clear:both; margin-bottom:0.5rem; border:1px solid #fff;  }
.rubrics H4 { padding:0rem 1rem 0.25rem 1rem; color:#BF8040; }
.rubric { float:left; width:25%; border-top:1px dotted #BF8040; }
.rubric>DIV { padding-top:0.75rem; padding-bottom:0.75rem; min-width:10rem; max-width:12rem; overflow:visible; }
.rubric>DIV>SPAN { padding-left:0.25rem; }
.rubric UL { margin-bottom:0em; padding-bottom:0em; }
.rubrics .float-1 { clear:left; }
@media all and (max-width:880px) {
.rubric { width:50%; }
.rubrics .float-3 { clear:left; }
}
@media all and (max-width:340px) {
.rubric { width:100%; }
.rubrics .float-4, .popcats .float-4 { clear:left; }
}

.news, .review { clear:left; padding:8px 12px 8px 12px; margin:12px 0px 16px 0px; border:1px solid #ccc; box-shadow:4px 4px 12px #f0f0f8; }
.news H5 { font-size:108%; margin-top:0px; padding-top:4px; }
.review H5 { float:left; font-weight:normal; margin-top:0px; padding-top:4px; }
.review P { margin-bottom:0em; }
.review P+P { margin-top:0em; }
.review .comment { font-size:93%; padding-left:2em; }
.catalog .review { padding:0px; margin:0px; border:none; box-shadow:none; }

.itimage { float:right; width:150px; text-align:center; overflow:visible; }
.itimage IMG { vertical-align:middle; }
.news .itimage { padding:0.5rem 0px 0rem 4px; }
.review .itimage { padding:4px 0px 4px 4px; }
@media all and (max-width: 480px) {
.itimage, .review H5 { float:none; width:auto; }
.news .itimage { padding:0rem 0px 0.5rem 0px; }
.review .itimage { padding:2px 0px 8px 0px; }
}

TABLE.persondata { margin-top:0.75rem; padding:0.4rem 1rem 0.6rem 1rem; background-color:#F6F2E4; border-left:4px solid #EADFBF; }
TABLE.persondata TD { padding:0.3rem 0.2rem 0.3rem 0.2rem; }

.contact { padding-top:0.5rem; }
.contact-table { display:table; width:100%; padding-top:1rem; }
.contact-row { display:table-row; }
.contact-col { display:table-cell; width:15%; padding:0.5rem 0rem 0.5rem 1rem; text-align:right; verticval-align:top; }
.contact-field { display:table-cell; padding:0.25rem 1rem 0.5rem 1rem; vertical-align:top; }
@media all and (max-width:640px) {
.contact-table, .contact-row, .contact-col, .contact-field { display:block; }
.contact-col { width:auto; padding-bottom:0rem; text-align:left; }
.contact-field { padding-top:0.25rem; }
}

.i-kievstar { background-image:url(../img/i-kievstar.png); background-repeat:no-repeat; background-position:left 1px; }
.i-lifecell { background-image:url(../img/i-lifecell.png); background-repeat:no-repeat; background-position:left 1px; }
.i-vodafone { background-image:url(../img/i-vodafone.png); background-repeat:no-repeat; background-position:left 1px; }

#subtop .phone, #footer .phone { font-size:16px; color:#BF5040; background-position:left center; }

.shares IMG { margin:0px 10px 9px 2px; }
.shares .font-bioline { margin:0px 14px 12px -2px; }

.langmenu { border:1px solid #b99; background-color:#fff; }
.langmenu .item { display:table-cell; font-size:93%; }
.langmenu .item A { display:block; color:#b33; background-color:transparent; text-decoration:none; padding:0.05rem 0.75rem 0.15rem 0.75rem; }
.langmenu .item A:visited { color:#b33; }
.langmenu .item A:hover { color:#fff; background-color:#BF5040; text-decoration:none; }
.langmenu .item A:focus { color:#b33; background-color:#ffb; }
.langmenu .item A:active { color:#b33; background-color:#ffb; }
.langmenu .item SPAN { display:block; color:#666; background-color:#f0ece0; text-decoration:none; padding:0.05rem 0.75rem 0.15rem 0.75rem; cursor:help; }

.bottommenu { display:block; margin:0px; padding:0px; }
.bottommenu LI { display:inline-block; white-space:nowrap; font-size:93%; list-style-type:none; margin:0px; padding:0rem 2rem 0.25rem 0rem; }

@media print {
.noprint { display:none; }
}

@media screen and (min-width:800px) {
A.extlink { padding-right:15px; background-image:url(../img/extlink.png); background-repeat:no-repeat; background-position:right -2px; }
A.extlink:visited { background-position:right -26px; }
A.extlink:hover { background-position:right -50px; }
A.extlink:focus { background-position:right -74px; }
A.extlink:active { background-position:right -98px; }
}