@charset "utf-8";

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, font, 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;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
img {border: 0; padding: 0; font-size: 100%; background: transparent;}
dfn,var {font-style: normal;}

/* Disable a deprecated */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

p {margin: 1em 0;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat;}

input,select,textarea,button {margin: 0; font-size: 92%;}
fieldset {padding: 0.5em; border: solid 1px #ccc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"] {padding: 2px; border: 1px solid #168acd; background: #fff;}
          input.text,input.password {padding: 2px; border: 1px solid #ccc; background: #fff;}
  input[type="hidden"] {display: none !important;}
          input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"],input[type="radio"] {width: auto !important;}
          input.image,input.checkbox,input.radio {width: auto !important;}
textarea {padding: 0.5em; border: 1px solid #ccc; background: #fff;}
input,label,select {vertical-align: middle;}
select {background: #fff;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {outline: 2px solid #ffffaa;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #ccc; background-color: #ccc; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0; padding: 0; list-style-type: none;}
   ul li {margin: 0.2em 0; padding: 0 0 0 10px; background: url("../img/bull_li.png") 0px 7px no-repeat;}
   li ul,dd ul {margin: 0;}
        ul[type=disc], li[type=disc] { list-style-type: disc; }
        ul[type=circle], li[type=circle] { list-style-type: circle; }
        ul[type=square], li[type=square] { list-style-type: square; }
ol {margin: 1em 0; padding: 0; list-style-position: inside;}
   ol li {margin: 0.2em 0; padding: 0;}
   li ol,dd ol {margin: 0 0 0 1.5em;}
dl {margin: 1em 0; padding: 0;}
   dl dt {margin: 0.5em 0 0 0; padding: 0;}
   dl dd {margin: 0 0 0.5em 1.5em; padding: 0;}


ul li { padding-left: 20px; color:#363636}
ol { color:#363636}
div.orange ul li { background:url("../img/bull-orange.png") no-repeat scroll 0 5px transparent}
div.blue ul li { background:url("../img/bull-blue.png") no-repeat scroll 0 5px transparent}
div.pink ul li { background:url("../img/bull-red.png") no-repeat scroll 0 5px transparent}
div.green ul li { background:url("../img/bull-yellow.png") no-repeat scroll 0 5px transparent}

@font-face {
  font-family: 'a_FuturaRoundDemiRegular';
  src: url('../fonts/fut_rd-webfont.eot');
  src: local('☺'), url('../fonts/fut_rd-webfont.woff') format('woff'), url('../fonts/fut_rd-webfont.ttf') format('truetype'), url('../fonts/fut_rd-webfont.svg#webfontKexQxiUQ') format('svg');
  font-weight: normal;
  font-style: normal;
}



       /* -- Images -- */
img {display: block; border: none; vertical-align: middle; font: normal 0.75em Tahoma; color: #aaa;}
#footer img,#bottom img,p img {display: inline;}
img[border="1"],img[border="2"] {border: 1px solid #000;}

img[align="left"] { float: left; margin:0 15px 5px 0}

       /* -- Text -- */
blockquote {margin: 1em 0 1em 1.5em; padding: 0.5em 1em; quotes: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote:before, blockquote:after {content: ''; content: none;}
blockquote q {text-indent: -0.8em;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {white-space: pre; overflow: auto; padding: 10px; background: #F6F6F6; border: 1px solid #E5E5E5; }

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
### `.g-ir`

Add the `.g-ir` class to any element you are applying image-replacement to. When
replacing an element's content with an image, make sure to also set a specific
`background-image: url(pathtoimage.png);`, `width`, and `height` so that your
replacement image appears.

#### `.g-hidden`

Add the `.g-hidden` class to any elements that you want to hide from all
presentations, including screen readers. It could be an element that will be
populated later with JavaScript or an element you will hide with JavaScript. Do
not use this for SEO keyword stuffing. That is just not cool.

#### `.g-visuallyhidden`

Add the `.g-visuallyhidden` class to hide text from browsers but make it
available for screen readers. You can use this to hide text that is specific to
screen readers but that other users should not see. [About invisible
content](http://www.webaim.org/techniques/css/invisiblecontent/), [Hiding content for
accessibility](http://snook.ca/archives/html_and_css/hiding-content-for-accessibility),
[HTML5 Boilerplate issue/research](https://github.com/h5bp/html5-boilerplate/issues/194/).

#### `.g-invisible`

Add the `.g-invisible` class to any element you want to hide without affecting
layout. When you use `display: none` an element is effectively removed from the
layout. But in some cases you want the element to simply be invisible while
remaining in the flow and not affecting the positioning of surrounding content.

#### `.g-clearfix`

Adding `.g-clearfix` to an element will ensure that it always fully contains its
floated children. There have been many variants of the clearfix hack over the
years, and there are other hacks that can also help you to contain floated
children, but the HTML5 Boilerplate currently uses the [micro clearfix]
(http://nicolasgallagher.com/micro-clearfix-hack/). */

.g-ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.g-ir:before{content:"";display:block;width:0;height:150%}.g-hidden{display:none!important;visibility:hidden}.g-visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.g-visuallyhidden.focusable:active,.g-visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.g-invisible{visibility:hidden}.g-clearfix:before,.g-clearfix:after{content:" ";display:table}.g-clearfix:after{clear:both}.g-clearfix{*zoom:1}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/

/*************** Fonts ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body,input,textarea {color: #000; font: normal 1em/1.4 Arial, Helvetica, sans-serif;}
code,pre {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}

h1,h2,h3,h4,h5,h6 {margin: 1em 0 0.5em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font: bold 4em a_FuturaRoundDemiRegular, Tahoma; color: #555;}
h2 {font: bold 3em Arial; color: #007FD4;}
h3 {font: bold 2em Tahoma; color: #333;}
h4 {font: bold 1.1428em Tahoma; color: #007FD4;}
h5 {font: normal 1.1428em Tahoma; color: #007FD4;}
h6 {font: bold 1em Tahoma; color: #5d5c5c;}

a         {color: #36c; text-decoration: underline;}
a:visited {color: #99c;}
a:hover, a:active, a:focus {text-decoration: none;}

/*************** Positioning ***************/
html {min-height: 100%;}
body {height: 100%; position: relative; background:#dfd7c2 url(../img/bg-body.png); padding: 0 17px; min-width: 1250px;}
#wrapper {  }
#main { position:relative; max-width: 1186px;  min-width:920px; padding-right:45px; margin: 0 auto; }
#main:after,
#main span.block-after { position: relative; bottom:0px; left:-5px; display: block; height: 45px; width:100%; padding:0; margin:0 0 0 0; content:''; background: url(../img/after-wrapper.png) no-repeat; clear:both }

#wrapper {padding:0 20px 0px 20px; margin-right:-45px;  background: #e9e4c9; border: 1px solid #d2c993; border-top:0; border-bottom:0; z-index:1 }
       /* -- Mainframes -- */
#header     { position:relative; margin:20px 0;   height:291px; background:#fff url(../img/bg-header.png) no-repeat 802px 0; border: 1px solid #d3ca95;}


#container { width:100%;}
#container:after,
#container span.block-after   { display: block; height:45px; width:54px; position:absolute; bottom:0px; right:-4px; padding:0; margin:0; content:''; clear: both; background: url(../img/after-container.png) right 0 }
#content    { float:left; width: 100%;   }
  #content-text { margin: 0 240px;  }
  #sidebar-left    { width:228px; float:left; margin-left:-100%; }
  #sidebar-right   { width:228px; float:left; margin-left:-228px;  }
    .sidebar  {width:192px;  padding: 0 14px 10px 14px; border:1px solid #d3ca95; background:#fff;}
#sidebar-right .sidebar  { position:relative; right:-6px;}
#footer     { clear:both; text-align: center; margin-top:30px;}
#bottom     {}

/*  -- Header --  */
/*  logo */
#logo  { width:36%; height:85%; margin:0; font-size:3em; position:absolute; bottom: 20px; left: 5px; color:#e94910; text-align:left;}
#logo a { color:#e94910; text-decoration: none}
#logo img {display:block; position:absolute; bottom: 16px; left: 5px; width: 100%;  margin: 0;  z-index:5; }

/* /logo */
@media screen and ( max-width: 1024px )
{
#header { background:#fff}
}



/* menu  */
ul#nav {margin: 0; padding: 0; width:444px; margin-left:-222px; position:absolute; bottom:0; left:50%; text-align: center; text-transform:uppercase; font-size:14px; font-weight: bold; z-index:60}
ul#nav li { float: left; padding:0; background:none; margin:0;}
ul#nav li a { position:relative; display: block; width:111px; height:31px; line-height:34px; color:#fff; text-decoration: none; cursor:pointer; font-family: a_FuturaRoundDemiRegular,Tahoma; font-weight: normal; font-size: 16px; }
ul#nav li a:hover{ color: #deff00; text-shadow: 0 0 1px #deff00; }
ul#nav li.home a{ background:#ffcd54}
ul#nav li.project a{background:#f46933}
ul#nav li.guestbook a{background:#2eacf4}
ul#nav li.contact a{background:#fa5654}

/* /menu */

/* /-- Header -- */

/* -- Footer --  */
#footer { margin-bottom: 20px; text-align: center; font-size: 1em; color: #494949; text-shadow: #494949 0 0;}
#footer a {color: #494949;}
#footer hr  {display: none;}


#footer   ul.bottom-menu { font-size:1.333em}
#footer   ul.bottom-menu li { display: inline; padding:0; background: none; margin: 0 6px;}
#footer   ul.bottom-menu li a { color:#f46933; font-weight: bold}
#footer   ul.bottom-menu li a:hover { text-decoration: none; color:#2eacf4}

/* contacts  */
address.vcard {font-style: normal; display: inline}
address.vcard a.fn {cursor: default; text-decoration: none; color: #494949;}
address.vcard .adr {display: block;}
address.vcard .country-name,.geo {position: absolute; visibility: hidden;}
address.vcard a.hcard-download {}
/* /contacts */
/* /-- Footer -- */

/* -- Bottom --  */
#bottom {font-size: 0.846em; color: #6b6b6b; text-align: center;}
#bottom a {color: #9c9c9c;}
/* /-- Bottom -- */
/* ^^^^^^^^^^^ Header style's ^^^^^^^^^^^ */

#header div.private { position:absolute; top:0; right:0; height:305px;  width:219px; color:#fff;  font-size:1.5em ;}
#header div.private div.cart { position: relative; overflow: hidden; margin:0; height: 142px; padding: 20px 13px 0px 29px; background:#2eacf4 url(../img/bg-car.png) no-repeat}
  #header div.private div.cart a.ico_cart {position: absolute; top: 23px; right: 13px; display: block; width: 45px; height: 45px; overflow: hidden;}
    #header div.private div.cart a.ico_cart span {position: absolute; top: 0; right: 0; display: block; width: 45px; height: 45px; background: url("../img/ico_cart.png") 0 0 no-repeat; cursor: pointer;}
#header div.private div.cart span.cart,
#header div.private div.cart span.cart a { color:#fff; font: normal 1em Arial, Helvetica, sans-serif; margin-bottom:0.5em; text-decoration: none}
#header div.private div.cart span.cart a:hover { text-decoration: underline}
#header div.private div.cart ul { font-family: "Arial Narrow", Calibri, Arial, sans-serif; margin:0;}
#header div.private div.cart ul li { padding-left: 19px; margin:0; background:url(../img/bull-car.png) no-repeat 0 center}
#header div.private div.cart a.view { float: right; padding-left: 12px; color:#004268; font-size:0.666em; background:url(../img/bull-a.png) no-repeat 0 center}


#header div.private div.sign-in { margin-top:-33px; height:161px;  padding: 20px 21px 0px 15px;  background:url(../img/bg-sign-in1.png) no-repeat;   font: normal 16px "Arial Narrow", Calibri, Arial, sans-serif; position: relative; z-index: 10; }
#header div.private div.logedin {background:url(../img/bg-loged-in.png) no-repeat; padding: 16px 21px 0 29px;}
  #header div.private div.logedin a.profile {display:inline-block; position: relative; top: -51px; left: -8px; font: normal 0.625em Verdana; color: #135d97; padding-top: 40px; background: url("../img/ico_profile.png") center 0 no-repeat}
#header div.private div.sign-in form {overflow: hidden; }
#header div.private div.sign-in dl { margin:0; overflow: hidden; background:#ffcd54}
#header div.private div.sign-in dl dt { float: left; width:50px; text-align: right; margin: 0 9px 0 0; }
#header div.private div.sign-in dl dd input { width:119px; height:18px; background: none; border: none; padding: 0 0 0; font: normal 14px Arial; }
#header div.private div.sign-in dl dd { overflow:  hidden; margin-bottom: 2px;}
#header div.private div.sign-in dl dd span { display: inline-block; width:119px; height:18px; padding:0 2px 4px 2px; border: 1px solid #8aa300;  background:#fff url(../img/bg-input-sign-in.png) no-repeat}

#header div.private div.sign-in ul.reg { margin: 0 0 0 0; font-size:0.6875em; font-family: Arial, Helvetica, sans-serif; color:#546400}
#header div.private div.sign-in ul.reg li { padding:0; margin:0; line-height:1.4; background: none; text-align: right}
#header div.private div.sign-in ul.reg li a { color:#546400}

.submit { float: right; height: 27px; width: 83px; margin-top:10px; color:#fff; background:#b4ce30 url(../img/btn1.png) no-repeat; border: none; font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase }
.submit:hover { color:#deff00; cursor: pointer}


#header div.private div.sign-in h2 { margin:0 0 5px 0; font:bold 1.125em Arial, Helvetica, sans-serif; color:#fff }
#header div.private div.sign-in div.login {overflow: hidden;}
#header div.private div.sign-in a { color:#fff}
#header div.private div.sign-in p.discount { margin: 3px 0 19px; font-size:1.125em; color:#546400; font-family: Arial, Helvetica, sans-serif}
#header div.private div.sign-in p.discount var { font-size:1.3333em; font-weight: bold}
#header div.private div.sign-in a.logout { display: inline-block; background:#B4CE30 url("../img/btn1.png") no-repeat ; color:#FFFFFF; float:right; height:27px; margin-top:10px; text-transform:uppercase; width:83px; font-size:1.125em; text-align:center; font-weight: bold; text-decoration: none; line-height:27px;}


div.search { width:340px; position:absolute; top:0; left:50%; margin-left:-170px; z-index:61}
div.search form {overflow: hidden; padding: 0 10px 15px 77px; width: 253px; height: 51px; background:#2eacf4 url(../img/bg-search.png) no-repeat 0 bottom; }
div.search form dl { margin:0;}
div.search form dl dt { margin:0; font: bold 1.5em Arial, Helvetica, sans-serif; color:#fff}
div.search form dl dd { margin:0; display: inline}
div.search form dl dd input  { background: none; border: none; width: 100%; padding: 0; outline:  }
div.search form dl dd input:focus  { outline: none  }
div.search form dl dd  span { display: inline-block; height:18px;  padding:2px; background:#fff url(../img/bg-input-sign-in.png); border:1px solid #0084cf; width:60%}
div.search form dl dd input.submit { float: none; width:83px; background:url(../img/btn1.png) no-repeat 0 -33px; margin:0;}
div.search form dl dd input.submit:hover { color:#deff00; cursor: pointer}

div.search ul.details { margin:0; float: right;}
div.search ul.details li { padding:0; background: none; float: left;}
div.search ul.details li a { display: block; margin-left: 14px; padding: 2px 0 2px 24px; font: normal 1em Arial, Helvetica, sans-serif; color:#005d97; background:url(../img/icons.png) no-repeat }
div.search ul.details li.sitemap a { background-position: 0 1px}
div.search ul.details li.contact a { background-position: 0 -19px; cursor: pointer;}

.b-searchResults {position: relative;}
.b-searchResults__inner{position: absolute; top: 0; left: 0; border: 1px solid #2eacf4; border-top: none; border-radius: 0 0 10px 10px; background: #fff;}
.b-searchResults__inner:before {content: ""; position: absolute; top: 0; left: -1px; display: block; width: 1px; height: 250px;
background: #fff;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIwLjMiIHN0b3AtY29sb3I9IiNGRkZGRkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyZWFjZjQiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIiAvPjwvc3ZnPg==);
background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #ffffff), color-stop(30%, #FFFFFF), color-stop(100%, #2eacf4));
background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 30%, #2eacf4 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 30%, #2eacf4 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #FFFFFF 30%, #2eacf4 100%);
background: -o-linear-gradient(top, #ffffff 0%, #FFFFFF 30%, #2eacf4 100%);
background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 30%, #2eacf4 100%);
}
.b-searchResults__list {margin: 0; padding: 0; list-style: none;}
.b-searchResults__link {display: block; padding: 10px; text-decoration: none;}
.b-searchResults__img {float: left; max-width: 35px; margin: 0 5px 0 0}
.b-searchResults__item {overflow: hidden;}
.b-searchResults__item:hover {background: #bce7ff;}
.b-searchResults__name {color: #36c; text-decoration: underline;}
.b-searchResults__name:hover {color: #47d; text-decoration: none;}
.b-searchResults__author {color: #8c8b8b;}
.b-searchResults__prices {margin: 5px 0 0; padding-left: 40px; color: #8c8b8b; font-size:0;}
.b-searchResults__price {display: inline-block; padding: 23px 5px 5px; border: 1px solid #ddd; border-radius: 3px; width: 70px; height: 15px; background: #fff url('../img/b-paySystem__link-bg.png') no-repeat; font: bold 12px/1 Arial, Helvetica, sans-serif; text-align: center;}
.b-searchResults__price.-type_sms {background-position: 11px 6px; color: #d85128;}
.b-searchResults__price.-type_webmoney {margin: 0 15px; background-position: -58px 6px; color: #3c8dc6;}
.b-searchResults__price.-type_liqpay {background-position: -128px 6px; color: #1ca105;}
.b-searchResults__allResults {display: block; margin: 10px 0; text-align: center;}
.b-searchResults__allResultsArrow {font-family: "Times New Roman",Times,serif;}

ul.nav-info { position:absolute; top:96px; left:50%; width: 356px; margin:0 0 0 -156px; text-align: center; z-index:60 }
ul.nav-info li { float: left; width: 118px; padding:72px 0 0 0; margin:0; background: url(../img/nav-info.png) no-repeat; cursor:pointer}
ul.nav-info li a {  display: table-cell; vertical-align:middle; height:70px; width:117px; padding-bottom:12px; padding-left: 2px; text-align: center; text-decoration: none; color:#007fd4; font: normal 15px/1 "Arial Narrow", Calibri, Arial, sans-serif; background:url(../img/nav-info-block.png) no-repeat -120px 0;}
ul.nav-info li a:active, ul.nav-info li a:focus {outline: none;}
ul.nav-info li a strong { font-size: 15px; font-family:Arial, Helvetica, sans-serif; color:#007fd4; }

@media screen and ( max-width: 1025px )
{
ul.nav-info { margin-left:-119px}
}


ul.nav-info li.ranok { background-position: 20px 0}
ul.nav-info li.buy { background-position:-107px 0}
ul.nav-info li.book { background-position:-225px 0}
ul.nav-info li.cd { background-position:-343px 0}
ul.nav-info li.lang { background-position:-463px 0}
ul.nav-info li.interactive { background-position:-584px 0}

ul.nav-info li.ranok:hover { background-position: 20px -228px}
ul.nav-info li.buy:hover { background-position:-107px -228px}
ul.nav-info li.book:hover { background-position:-225px -228px}
ul.nav-info li.cd:hover { background-position:-343px -228px}
ul.nav-info li.lang:hover { background-position:-463px -228px}
ul.nav-info li.interactive:hover { background-position:-584px -228px}

ul.nav-info li:hover a { color:#f47340; background-position: -1px 0}
ul.nav-info li:hover a strong{ color:#f47340; }

.lang-toggle { position: absolute; top: 0; left: 50%; margin: 0 0 0 175px; }
.lang-toggle-link { display: block; padding: 4px 8px 4px 10px; border-radius: 0 0 6px 6px; background: #fa5654; font-size: 12px; color: #fff; text-decoration: none; }
.lang-toggle-link:visited { background: #fa5654; color: #fff; text-decoration: none; }
.lang-toggle-link:hover,
.lang-toggle-link:active { background: #cc4567; color: #fff; text-decoration: none; }
.lang-toggle-link:focus { outline: none; }
.lang-toggle-icon { position: relative; display: inline-block; width: 14px; height: 14px; margin: -2px 0 0 4px; border-radius: 50%; background: #cc4567; vertical-align: middle; }
.lang-toggle-link:visited .lang-toggle-icon { background: #cc4567; }
.lang-toggle-link:hover .lang-toggle-icon,
.lang-toggle-link:active .lang-toggle-icon { background: #fa5654; }
.lang-toggle-icon:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; margin: -3px 0 0 -1px; border-width: 3px 0 3px 3px; border-style: solid; border-color: transparent transparent transparent #fff; }

/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */
.sidebar div.block a.pink,
a.pink  { padding-left:13px; font-size:12px; color:#df436b; background:url(../img/bull-pink-a.png) no-repeat 0 3px;}


.sidebar div.block a.orange,
a.orange { padding-left:13px; font-size:12px; color:#f46933; background:url(../img/bull-orange-a.png) no-repeat 0 3px;}
.sidebar div.block a.blue,
a.blue  {  padding-left:13px; font-size:12px; color:#1688de; background:url(../img/bull-a.png) no-repeat 0 3px;}

.sidebar div.block a.green,
a.green  {  padding-left:13px; font-size:12px; color:#ffcd54; background:url(../img/bull-yellow-a.png) no-repeat 0 3px;}


.sidebar div.block ul.nav,
div.block ul.nav { margin:0;}
.sidebar div.block ul.nav li,
div.block ul.nav li{ padding:0; background: none; margin:0; text-align:right}
div.block ul.nav li a { text-decoration: underline}
div.block ul.nav li a:hover { text-decoration: none}


.sidebar { font-size:1.1666em; color:#363636}
#sidebar-left .sidebar h2 {  position:relative; padding:5px 19px;  margin: 0 -14px;  font-size:1.714em; background:#fa5654 url(../img/bg-h2.png) no-repeat; color:#fff; text-transform: uppercase; text-align: right; color:#fff; font-family:a_FuturaRoundDemiRegular,Tahoma; font-weight:normal}

#sidebar-right .sidebar h2 {  font-size:1.714em; background: none; color:#fff; text-transform: uppercase; text-align: right; }
#sidebar-right .sidebar h2 a {}
#sidebar-right .sidebar h2 a span { position:absolute; top:0; left:0; display: block; height:100%; width:100%; background:url(../img/bg-h2.png) no-repeat; cursor:pointer }

#sidebar-right div.block h2 {position:relative; color:#1688de; font-size:14px; text-align:left; padding:9px 18px 14px 69px; margin:0 -21px; height:30px; overflow: hidden;   color:#1688de; background:url(../img/bg-h_1.png) no-repeat 0 -212px; font-family:a_FuturaRoundDemiRegular,Tahoma;}
#sidebar-right div.block h2 a {}
#sidebar-right div.block h2 span { position:absolute; top:0; left:0;}




.sidebar div.contact { overflow: hidden; margin: 0 -15px; padding: 0 14px;  }
#sidebar-left  .sidebar div.contact h2 {  text-align:left; margin: 0 -13px;}
#sidebar-left   .sidebar div.contact h2  {background: #2eacf4 url(../img/bg-h2.png) no-repeat 0 -110px;;}


.sidebar div.contact  dl { margin:19px -14px 0 0; }
.sidebar div.contact  dl dt {  margin:0; padding-left: 28px; margin-right: 5px; background:url(../img/ico-contact.png) no-repeat; font-size:16px; line-height:27px;}
.sidebar div.contact  dl dt.tel { background-position: 0 5px}
.sidebar div.contact  dl dt.icq { background-position: 0 -25px;}
.sidebar div.contact  dl dt.email{ background:url(../img/ico_contact-info.png) no-repeat 0 -90px;}
.sidebar div.contact  dl dt.work_time { padding-left:0; background:none;}

.sidebar div.contact  dl dd { margin:0 0 5px 0; font-size:14px; font-weight:bold; padding-left:28px;}
.sidebar div.contact  dl dd.tel {padding-right:44px;}
.sidebar div.contact  a.pink { color:#df436b; display: inline; text-decoration:underline}
.sidebar div.contact  a.pink:hover { text-decoration: none}

.sidebar div.block { margin-top:12px;}
.sidebar div.block h3 { margin:0; background:url(../img/bg-h_1.png) no-repeat; margin-left: -21px; margin-right: -14px; margin-bottom:0;  padding:17px 17px 17px 17px; font-family:a_FuturaRoundDemiRegular,Tahoma; font-weight: normal}
.sidebar div.block h3 a { position:relative; display: block;    font-size:16px; color:#f46933; line-height:14px;text-transform: uppercase; zoom:1; text-decoration:none }
.sidebar div.block h3 a span { position:absolute; top:0; left:0; display: block; height:100%; width:100%;  cursor:pointer}

.sidebar div.block ul { margin:0; margin:7px 0 0 14px;}
.sidebar div.block ul li { position:relative}
.sidebar div.block ul li a { position:relative; color:#363636; text-decoration: none; padding-left:0; background: none; font-size:1em}
.sidebar div.block ul li a.sel {font-weight: bold; }
.sidebar div.block ul li a:hover{ text-decoration: underline}

.sidebar div.block ul.nav li a { text-decoration: underline;}
.sidebar div.block ul.nav li a:hover{ text-decoration: none}


.sidebar div.orange h3 a {color:#f46933; }
.sidebar div.orange ul li { padding-left: 16px; margin:7px 0; background:url(../img/bull-orange.png) no-repeat 0 6px}

.sidebar div.green h3 {margin-left:-14px; margin-right: -21px; background-position: 0 -53px;   }
.sidebar div.green h3 a{ color:#FFCD54; text-align: right}
.sidebar div.green ul li { padding-left: 16px; background:url(../img/bull-yellow.png) no-repeat 0 6px}

.sidebar div.pink h3 {background-position: 0 -106px}
.sidebar div.pink h3 a{color:#fa5654; height:auto; line-height:1.1 }
.sidebar div.pink ul li { padding-left: 16px; background:url(../img/bull-red.png) no-repeat 0 6px}

.sidebar div.blue h3 {margin-left:-14px; margin-right: -21px; padding-left:34px; background-position: 0 -159px; }
.sidebar div.blue h3 a {color:#2eacf4;   }
.sidebar div.blue ul li { padding-left: 16px; background:url(../img/bull-blue.png) no-repeat 0 6px; position:relative}
.sidebar div.pink ul li a { display: block; position:relative; zoom:1}

#sidebar-right div.freeaddon h2 {color: #fa5654; background-position: 0 -325px; margin-left:-14px; margin-right: -21px; padding-bottom: 18px;}
#sidebar-right div.freeaddon ul.nav-freeaddon {margin: 0; padding: 0;}
#sidebar-right div.freeaddon ul.nav-freeaddon li {
  padding: 60px 9px 0 14px;
  margin: -56px -9px 0 -14px;
  background: none;
}
#sidebar-right div.freeaddon ul.nav-freeaddon li a {
  display: block;
  width: 198px;
  height: 56px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 15px 0 0 88px;
  background: url("../img/bg_nav-freeaddon-2.png") 0 0 no-repeat;
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 1;
}
#sidebar-right div.freeaddon ul.nav-freeaddon li a:hover,
#sidebar-right div.freeaddon ul.nav-freeaddon li a:focus,
#sidebar-right div.freeaddon ul.nav-freeaddon li a:active,
#sidebar-right div.freeaddon ul.nav-freeaddon li a:visited {
  color: #fff;
  text-decoration: none;
}

#sidebar-right div.discounts h2 {  color:#f46933; margin-left:-14px; margin-right: -21px; padding-left:80px; background-position:0 -268px; }
#sidebar-right div.discounts img { margin-left:-14px;}

.sidebar div.discounts ul.nav li {padding-left:13px; background: url("../img/bull-orange-a.png") no-repeat scroll 116px 130px;}
.sidebar div.discounts ul.nav li a.orange {margin:-125px -19px 0 -10px; padding:125px 19px 0 10px; display:block; background: none;}

.sidebar div.subscribe {margin-left: -14px; margin-right: -14px; margin-bottom: -10px;}
.sidebar div.subscribe table {background:#fae1dd; width: 100%; border: none; margin: 0;}
.sidebar div.subscribe table td {padding: 5px 10px;}
.sidebar div.subscribe table td a.title {font-weight:bold;color: #000000;font-family:Trebuchet MS, Helvetica, sans-serif;font-size:14px;}
.sidebar div.subscribe table td span.email {display: inline-block; height:18px; padding:0 2px 4px 2px; border: 1px solid #8aa300;  background:#fff url(../img/bg-input-sign-in.png) no-repeat;}
.sidebar div.subscribe table td span.email input#email {width:190px;height:18px; background: none; border: none; padding: 0 0 0; font: normal 14px Arial; }
.sidebar div.subscribe table td input[type="submit"] {background: url(http://image.subscribe.ru/subut/button-red.gif) no-repeat;border:none;width:93px;height:21px;font-size:12px;font-family:Trebuchet MS, Verdana, Arial; width:100px;}

div.banner { clear: both; margin: 12px 0 0; font-size:22px; border-top:1px solid #c8bd7a}
div.banner a { position: relative; display: block; margin: 10px 0; color:#2eacf4; font: 9px Arial; text-align:center; }
div.banner a img { margin: 0 auto;}
div.banner a br { display: none}


div.tag-cloud { margin-left:6px; margin-top:10px; text-align: justify}
div.tag-cloud a {color:#fa5654; text-decoration: none; line-height:1.1; }
div.tag-cloud a:hover { text-decoration: underline}
div.vk_group_community {margin: 25px 0;}
/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */

strong { color:#2b6a9c}

p.title { position:relative; font-size:3.272em; margin-bottom: 11px; color: #ffcd54; font-family: a_FuturaRoundDemiRegular, Tahoma; word-spacing: 10px; font-style: italic; }

#content-text { font-size:0.91666em; color:#8c8b8b}
body.index #content-text div.block h2:first-child { position:relative; font-size:2.181em; text-transform: uppercase;  margin-top:-10px!important;  margin:-10px 170px 11px -20px; padding: 5px 20px; color:#fff; font-family: a_FuturaRoundDemiRegular, Tahoma; }


body.index #content-text div.orange h2:first-child { background:#f46933 url(../img/orange.png) no-repeat right bottom}
body.index #content-text div.blue h2:first-child  { background:#2eacf4 url(../img/blue.png) no-repeat right bottom}
body.index #content-text div.green h2:first-child  { background:#ffcd54 url(../img/yellow.png) no-repeat right bottom}

#content-text div.block h2.book-week span { background:url(../img/bg-content-h.png) no-repeat 0 0}
#content-text div.block h2.hit span { background:url(../img/bg-content-h.png) no-repeat 0 -53px}
#content-text div.block h2.new span{ background: url(../img/bg-content-h.png) no-repeat 0 -108px}



#content-text div.block{ position:relative; background:#fff; padding:10px 20px; margin-bottom:10px; border: 1px solid #d0c68c}
#content-text div.block ul.nav { position:absolute; top:10px; right:20px; }
#content-text div.block ul.nav li a {font-size:1.272em}

#content-text div.block-welcome {padding:0; background:#fff; overflow: hidden; text-align: justify}
#content-text div.block-welcome div.welcome {padding:10px 20px; }
#content-text  div.small-welcome { background:#fff}

div.block {}

#content-text div.gallery{ clear: both; width:100%; position:relative}
#content-text div.gallery ul { overflow: hidden;  padding: 0 51px 0 65px; margin:0; }
#content-text div.gallery ul li.carousel-content { background: none;}
#content-text div.gallery ul li.carousel-content { padding:0; margin:0;}
#content-text div.gallery ul li.carousel-content ul { padding:0; margin:0; overflow: hidden; height:194px; }
#content-text div.gallery ul li.carousel-content ul li{ float: left;  margin: 0 0 0 0; padding:0 34px 0 0 ; background:none; overflow-x: visible!important; overflow-y: visible!important}
#content-text div.gallery ul li.carousel-content ul li a.info { display: block; position: relative;  width: 135px; height: 174px; padding: 10px; background: url(../img/gallery-products1.png) no-repeat; cursor: pointer; }
#content-text div.gallery ul li.carousel-content ul li a.info:hover { background-position: 0 -208px}

#content-text div.gallery ul li.nav-prev,
#content-text div.gallery ul li.nav-next { position: absolute; display: block; top:0px; left:-20px; height: 200px; width: 73px; padding:0 0; margin:0 0 0 0; background:#fff; text-align: center; z-index:10}
#content-text div.gallery ul li.nav-next { left:auto; right:-20px;}

#content-text div.gallery ul li.nav-prev a,
#content-text div.gallery ul li.nav-next a { display: block; position: absolute; left:14px; top:50%; height: 51px; width: 51px; margin-top: -30px;   }
#content-text div.gallery ul li.nav-next a { left:auto; right:14px;}
#content-text div.gallery ul li.nav-prev a span,
#content-text div.gallery ul li.nav-next a span{ display: block; position: absolute; left:0; top:0; height: 51px; width: 51px; background: url(../img/nav-gallery1.png) no-repeat; }
#content-text div.gallery ul li.nav-next a span{ background-position: -51px 0}

#content-text div.gallery ul li.nav-next a:hover span{ background-position: right 0; cursor:pointer}
#content-text div.gallery ul li.nav-prev a:hover span{ background-position: -102px 0; cursor:pointer}


#content-text div.gallery ul li.carousel-content ul li p.description { height:65px; overflow: hidden; margin:0; line-height:1.2}
#content-text div.gallery ul li.carousel-content ul li a.info  { position:relative; padding-top:116px; text-decoration: none; text-align: center; color:#575757}
#content-text div.gallery ul li.carousel-content ul li a.info img { margin: 5px auto 0px auto; width:66px; position:absolute; top:7px; left:50%; margin-left:-33px}

#content-text div.gallery ul li.carousel-content ul li a.info dl { position:absolute; top:55px; left:1px; padding: 4px 2px 6px 2px; background: url(../img/bg-price.png) no-repeat; text-align:left; width:89px; color:#f46933; font-size:10px; line-height:1}
#content-text div.gallery ul li.carousel-content ul li a.info dl dt { display: inline-block; margin:0; line-height:1 }
#content-text div.gallery ul li.carousel-content ul li a.info dl dd { margin:0; display: inline-block; margin-right:5px}
#content-text div.gallery ul li.carousel-content ul li a.info dl dd strong { font-size: 14px; color:#f46933;}
#content-text div.gallery ul li.carousel-content ul li a.info dl dd.webmoney strong { font-size:22px}
#content-text div.gallery ul li.carousel-content ul li a.info span.discount { position:absolute; top:15px; right:-15px; display: block; height:52px; width:52px; text-indent:-9999em; background:url(../img/discount.png) no-repeat}

/*====== Resize gallery ========*/

  #content-text div.small-gallery { margin: 0 -15px }
  #content-text div.small-gallery ul li.nav-prev a { left:5px }
  #content-text div.small-gallery ul li.nav-next a { right:5px}
  #content-text div.small-gallery ul{ padding:0 54px}
  #content-text div.small-gallery ul li.carousel-content ul li { padding-right: 10px}
  #content-text div.small-gallery ul li.nav-prev,
  #content-text div.small-gallery ul li.nav-next { width: 56px}
  #content-text div.small-gallery ul li.carousel-content ul li a.info span.discount { right:0}
  #content-text div.small-gallery ul li.nav-prev { left:-6px}
  #content-text div.small-gallery ul li.nav-next { right:-35px}



#content-text div.blue div.gallery ul li.carousel-content ul li a.info {  background: url(../img/gallery-products1.png) no-repeat -166px 0;  }
#content-text div.blue div.gallery ul li.carousel-content ul li a.info:hover { background-position:-166px -208px;}
#content-text div.blue div.gallery ul li.nav-prev a span,
#content-text div.blue div.gallery ul li.nav-next a span{  background: url(../img/nav-gallery1.png) no-repeat 0 -51px;  }
#content-text div.blue div.gallery ul li.nav-next a span{ background-position: -51px -51px}

#content-text div.blue div.gallery ul li.nav-prev a:hover span { background-position: -102px -51px}
#content-text div.blue div.gallery ul li.nav-next a:hover span{ background-position: -153px -51px;  }


#content-text div.blue div.gallery ul li.carousel-content ul li a.info span.discount { background:url(../img/hit.png) no-repeat}
#content-text div.blue  div.gallery ul li.carousel-content ul li a.info dl, #content-text div.blue div.gallery ul li.carousel-content ul li a.info dl dd strong { color:#228ecc;}

#content-text div.green div.gallery ul li.carousel-content ul li a.info {  background: url(../img/gallery-products1.png) no-repeat -338px 0;  }
#content-text div.green div.gallery ul li.carousel-content ul li a.info:hover { background-position:-338px -208px;  }

#content-text div.green div.gallery ul li.nav-prev a span,
#content-text div.green div.gallery ul li.nav-next a span{ background: url(../img/nav-gallery1.png) no-repeat 0 -102px;  }
#content-text div.green div.gallery ul li.nav-next a span{ background-position: -51px -102px}
#content-text div.green div.gallery ul li.nav-prev a:hover span { background-position: -102px -102px }
#content-text div.green div.gallery ul li.nav-next a:hover span{ background-position: right -102px;  }



#content-text div.green div.gallery ul li.carousel-content ul li a.info span.discount { background:url(../img/new.png) no-repeat}
#content-text div.green  div.gallery ul li.carousel-content ul li a.info dl, #content-text div.green div.gallery ul li.carousel-content ul li a.info dl dd strong { color:#65a311;}


#content-text div.partners-block {}
#content-text div.partners-block h3 {font-size: 1.636em;}
#content-text ul.partners { overflow: hidden; text-align: right; margin-top: 5px;}
#content-text ul.partners li {float: left; display: inline-block; padding-left:0; background: none; margin-right:2px;}
#content-text ul.partners li a{position: relative; display:block; height:109px; width:138px; text-indent: -999em; background-color:#fff; background-position: center; text-align: left; background-repeat: no-repeat;}
#content-text ul.partners li a span {position: absolute; top: 0; left: 0; display:block; height:112px; width:138px; background:url(../img/partners.png) no-repeat;}

/*== inner ==*/
#content-text h1,
#content-text h2.similar { font-size:2.181em; text-transform: uppercase;  margin:-10px 142px 11px -20px!important; padding: 5px 20px; color:#fff}

#content-text div.orange h1 { background:#f46933 url(../img/orange.png) no-repeat right bottom}
#content-text div.blue h1 { background:#2eacf4 url(../img/blue.png) no-repeat right bottom}
#content-text div.green h1 { background:#ffcd54 url(../img/yellow.png) no-repeat right bottom}

#content-text form.search { margin-bottom: 25px; clear: both}
#content-text form.search ul { overflow: hidden;}
#content-text form.search li { float: left; padding-left:0;  background: none; position:relative; margin-right:20px;}
#content-text form.search li label { display: block; font-size: 12px; color:#005d97}
#content-text form.search li select { font-size:14px; color:#5d5c5c}

#content-text select.styled {}
#content-text span.select { position:absolute; display: block; border: 1px solid yellow; background:#fff url(../img/select.png) no-repeat right 0; width:100%; height: 22px; line-height:22px; padding-left:2px }
#content-text form.search li:hover span.select {border: 2px solid yellow;}

#content-text form.search li input.btn {
  width:43px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 5px;
  margin-top: 15px;
  border: none;
  color:#fff;
  background:url(../img/btn-small.png) no-repeat;
  font: normal 18px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#content-text form.search li input.btn:hover { color:#deff00; cursor: pointer}

#content-text img.left { float: left; margin:0 16px 10px 0}

body.inner #content-text div.block { font-size:1.272em}
body.inner #content-text div.block h2 { font-size:1.714em;}

#content-text div.search-result { font-size:1em}
#content-text h3{ font-size: 1.2857em; font-family:Arial, Helvetica, sans-serif; color:#007fd4; margin-top:0; margin-bottom:0.3em}
#content-text div.search-result h3 a {color:#007fd4; text-decoration: none}
#content-text div.search-result h3 a:hover { text-decoration: underline}
#content-text div.search-result  p { margin:0.3em}



#content-text div.block-result ul.nav { position:static; clear: both; margin-bottom:5px; font-size:11px; }
#content-text div.block-result ul.nav li {text-align: left; }
#content-text div.block-result ul.nav li a {font-size:11px;}

#content-text div.search-result div.block-result {position: relative; margin: 0 0 20px 0; border: 1px solid #ff6633; border-radius: 12px; zoom: 1;}
#content-text div.search-result div.block-content {padding: 14px 18px 80px; margin-right: -1px; zoom: 1;}
#content-text div.search-result div.block-content.-express_yes {padding-bottom: 155px;}

#content-text div.search-result.-type_tile div.block-result {box-shadow: 0 3px 5px; display: inline-block; margin: 0 7px 10px; width: 200px; height: 250px; vertical-align: top;}
#content-text div.search-result.-type_tile h3 a {color: #000; font-size: 12px; font-weight: normal;}
.search-result.-type_tile .nav,
.search-result.-type_tile p {display: none !important;}
.search-result.-type_tile img {float: none !important;}


.search-result.-type_tile .payment,

#content-text div.search-result div.payment { position:absolute;  bottom:0px; right:0px; margin:0 0; height:64px; padding-top: 10px; width: 519px;  background:url(../img/table-info-payment.png) no-repeat right bottom;}
#content-text div.search-result table.info { font-size:12px; margin: 0; color:#007fd4; border: none; }
#content-text div.search-result table.info th { text-align: left; padding:0 2em 0 90px; font-weight: normal;}
#content-text div.search-result table.info td { text-align: center; padding:0 1em; vertical-align: top}
#content-text div.search-result table.info td strong { font-size: 18px; color:#007fd4; height:16px;}
#content-text div.search-result table.info td a { display: inline-block; width:76px; height:21px; line-height:21px; background:url(../img/type-payment.png) no-repeat;; text-decoration: none; color:#007fd4; font-weight: bold}
#content-text div.search-result table.info td a:hover { color:#0361a1; }
#content-text div.search-result table.info td a:hover { color:#0361a1; background-position: 0 -21px; }
#content-text div.search-result table.info td.orange a {color:#f46933}
#content-text div.search-result table.info td.orange a:hover {color:#fe4700}
#content-text div.search-result table.info td.green a {color:#ffcd54}
#content-text div.search-result table.info td.green a:hover {color:#97b200}
#content-text div.search-result table.info td.green a img {display: inline; margin-right: 5px;}

#content-text div.search-result table.info td.orange strong { color:#f46933}
#content-text div.search-result table.info td.green strong { color:#ffcd54}


/**
* @section Express Buy
*/
.l-buy {position: absolute; right: 0; bottom: 0;}


/**
* @section Express Buy
*/
.b-expressbuy {clear: both; margin: 0 23px 10px; text-align: right;}
.product .b-expressbuy {text-align: left;}
.b-expressbuy__form {display: inline-block; padding: 9px; border: 1px solid #2f9ae5; text-align: left;}
.b-expressbuy__form * {vertical-align: middle;}
.b-expressbuy__title {margin: 0 11px 5px 0; color: #2f9ae5; font: 18px/18px 'Trebuchet MS', Helvetica, sans-serif; display: inline-block;}
.b-expressbuy__item {position: relative; display: inline-block; margin: 0; vertical-align: middle;}
.b-expressbuy input[type="text"] {padding: 3px; width: 159px; height: 29px; border: 1px solid #8c8b8b; font: 13px/21px Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.b-expressbuy select {padding: 3px; width: 180px; height: 29px; border: 1px solid #8c8b8b; color: #727272; font: 13px/21px Arial, Helvetica, sans-serif;}
.b-expressbuy input[type="submit"] {margin: 0; padding: 0 0 5px; width: 43px; border: none; background: url(../img/btn-small.png) no-repeat; color: #fff; text-align: center; text-transform: uppercase; font: 18px Arial, Helvetica, sans-serif; cursor: pointer;}
.b-expressbuy input[type="submit"]:hover {color: #deff00;}
.b-expressbuy__help {background: url("../img/question.png") no-repeat 0 0; display: inline-block; height: 14px; margin: 0 14px 0 3px; padding: 0; text-indent: -9999px; overflow: hidden; right: 0; top: 3px; width: 14px;}


/**
* @section Payment
*/
.b-payment {padding: 10px 10px 10px 20px; border-radius: 32px 0 12px 0; background: #f8f9fa;}
.b-payment__list {margin: 0; padding: 0; list-style: none; text-align: right;}
.b-payment__item {display: inline-block; margin: 0 0 0 6px; padding: 0; background: none !important; vertical-align: top;}
.b-payment__item:first-child {margin-left: 0;}

/**
* @subsection Payment Info
*/
.b-paymentInfo {margin: 0; padding: 6px 5px 6px 0; list-style: none;}
.b-paymentInfo__item {margin: 0; padding: 8px 0; background: none !important; color: #2f9ae5 !important; text-align: right; font: 13px/18px 'Trebuchet MS', Helvetica, sans-serif;}
.b-paymentInfo__info {overflow: hidden; display: inline-block; margin: 2px 0 0; width: 14px; height: 14px; background: url('../img/b-paymentInfo__info-ico.png') no-repeat; vertical-align: top; text-indent: -999px;}
.b-paymentInfo__info:after {z-index: 100; display:block; border-radius: 5px; position:absolute; top:45px; content: "Книги представлены в формате PDF. Особенность Защищенного PDF - наличие лицензионного кода для установки на двух устройствах."; left:-70px; padding:10px; background: #FFF; display: none; text-align: left; color:#8C8B8B; text-decoration: none; width:215px; box-shadow: 0 0 3px #000; text-indent: 0;}
.b-paymentInfo__info:hover:after {display:block;}


#content ul.pager { text-align: center; color:#ffcd54; font-size:1.2857em}
#content ul.pager li { display: inline-block; line-height:1.2; padding: 0 5px; background: none; color:#ffcd54}
#content ul.pager li a { color:#ffcd54; text-decoration: none;}
#content ul.pager li a:hover { text-decoration: underline}
#content ul.pager li.prev-page,
#content ul.pager li.next-page,
#content ul.pager li.home-page,
#content ul.pager li.last-page { padding:0; }

#content ul.pager li.prev-page a,
#content ul.pager li.next-page a,
#content ul.pager li.home-page a,
#content ul.pager li.last-page a { position:relative; display: inline-block; text-decoration: none;}

#content ul.pager li.prev-page a span,
#content ul.pager li.next-page a span,
#content ul.pager li.home-page a span,
#content ul.pager li.last-page a span { position: absolute; top:0; left:0; display:block; height:100%; width:100%; background: url(../img/pager.png) no-repeat 0 center;}

#content ul.pager li.next-page a span { background-position: right center}

#content ul.pager li.home-page a span,
#content ul.pager li.last-page a span{ background:url(../img/home-last-pager.png) no-repeat 0 center;}
#content ul.pager li.last-page a span { background-position: right center}



#content ul.pager li.sel{ background:#ffcd54; color:#fff}

#content-text dl.lang { position:absolute; top:0px; right:12px; font-size: 11px; }
#content-text dl.lang dt { display: inline-block; margin:0; }
#content-text dl.lang dd { display: inline-block; margin:0;margin-left: 10px; }
#content-text dl.lang dd a { padding-left: 15px; background:url(../img/lang.png) no-repeat; color:#4d4d4d }
#content-text dl.lang dd a:hover var { background:#c5d861; color:#5e7000}

#content-text dl.lang dd.ru a { background-position: 0 3px;}
#content-text dl.lang dd.ua a { background-position: 0 -18px;}

#content-text div.product { padding-top: 30px; color:#8C8B8B!important; font-family: Arial, Helvetica, sans-serif!important; }
#content-text div.product p { font-family: Arial, Helvetica, sans-serif!important; }
#content-text div.product h1.product-name {margin: 0 !important; padding: 0; background: none; color: #007fd4; font: bold 1.2857em Arial, Helvetica, sans-serif; text-transform: none;}
#content-text div.product h3 { color: #007FD4!important}
#content-text div.product p { color:#8C8B8B!important; font-size:14px!important; }
#content-text div.product-info { float: left; width:200px; margin-right:25px;}
#content-text div.product-info img { width:200px;}
#content div.product-info a,
#content div.product-info strong { color:#2290d9!important}
#content-text div.product-description { font-size:14px!important; text-align:justify!important}
#content-text div.product-description p{ font-size:14px!important; text-align:justify!important}

#content-text div.product dl.data { overflow: hidden; font-style:italic!important}
#content-text div.product dl.data dt { float: left; margin:0 3px 0 0; padding:0; color:#178BD8!important; }
#content-text div.product dl.data dd {  margin:0; padding:0; color:#8C8B8B!important}
#content-text ul.programs li.manager {background:url('../img/ico-manager.png') no-repeat;}

#content-text ul.download-book { margin-top:30px;}
#content-text ul.download-book li { position:relative; display: inline-block; margin-top:-17px; padding:0 14px 0 0; background: none; }
#content-text ul.download-book li a { color:#f46933; padding-left:25px; background: url(../img/bg-book.png) no-repeat; display: block; padding-right:10px}
#content-text ul.download-book li.payment a  { background-position: 0 0}
#content-text ul.download-book li.download a  { background-position: 0 -82px;}
#content-text ul.download-book li a.hint { position:absolute; right:0; top:3px; display: inline-block; height:14px; width: 14px; margin-left:10px; background:url(../img/question.png) no-repeat; padding:0;}
.hint.hint__paper:after {z-index: 100; display:block; border-radius: 5px; position:absolute; top:20px; content: 'Перехід на сторінку паперової книги на сайті видавництва «Ранок»'; left:0; padding:10px; background: #FFF; display: none; text-align: left;
       color:#8C8B8B; text-decoration: none; width:215px; box-shadow: 0 0 3px #000;}

.hint.hint__demo:after {z-index: 100; display:block; border-radius: 5px; position:absolute; top:20px; content: 'Демо-версія призначена для попереднього ознайомлення з книгою. Демо-версія являє собою 5 сторінок книги і має обмежені функціональні можливості в порівнянні з оригіналом.'; left:-70px; padding:10px; background: #FFF; display: none; text-align: left;
       color:#8C8B8B; text-decoration: none; width:215px; box-shadow: 0 0 3px #000;}
.hint:hover:after {display:block; }

#content-text ul.programs { clear: both; color:#727272; font-size:0.928em; margin-left:68px;}
#content-text ul.programs li { padding-left:35px; background: none; line-height:28px; }
#content-text ul.programs li a { color:#727272}

#content-text ul.programs li.adobe-reader { background:url(../img/ico-adobe-reader.png) no-repeat;}
#content-text ul.programs li.my-test { background:url(../img/ico-mytest.png) no-repeat;}
#content-text ul.programs li.power-point-viewer { background:url(../img/ico-power-point-viewer.png) no-repeat;}
#content-text ul.programs li.manager {background:url('../img/ico-manager.png') no-repeat;}

#content-text div.block div.subblock { background:#fff; padding:40px 20px 10px 20px; margin-bottom:10px; border: 1px solid #d0c68c; }
#content-text div.block div.book-content {padding:10px 20px; color:#8C8B8B!important; font-size:14px!important;}
#content-text div.block div.book-content p{color:#8C8B8B!important; font-size:14px!important;
}
#content-text div.block div.subblock h4 { color:#7b7b7b; font-size:1.2857em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif}
#content-text div.block div.book-content h4 {font-size:1.143em; margin-bottom: 15px;}
#content-text div.block div.subblock div.content {overflow-y: scroll; height: 130px; margin: 0 -20px -10px 0; padding-bottom:10px;}
#content-text div.block div.subblock div.content p { margin-top:0;}

#content-text div.pink h2:first-child { background: #fa5654 url(../img/red.png) no-repeat right bottom; margin-right: 210px!important;}

body.inner #content-text div.block ul.nav li a { font-size:14px; color:#fa5654; background:url(../img/bull-pink-a.png) no-repeat 0 center}
body.inner #content-text div.block div.gallery { font-size:11px}

#content-text div.pink div.gallery ul li.nav-next a span { background-position: -51px -153px}
#content-text div.pink div.gallery ul li.nav-prev a span { background-position: 0 -153px}

#content-text div.pink div.gallery ul li.nav-next a:hover span { background-position: right -153px}
#content-text div.pink div.gallery ul li.nav-prev a:hover span { background-position: -102px -153px}


#content-text div.pink div.gallery ul li.carousel-content ul li a.info { background-position: -505px 0}
#content-text div.pink div.gallery ul li.carousel-content ul li a.info:hover { background-position: -505px -208px}
#content-text div.pink div.gallery ul li.carousel-content ul li a.info dl,
#content-text div.pink div.gallery ul li.carousel-content ul li a.info dl strong { color:#fa5654;}

#content-text div.price { padding:10px; clear: both; background:#f2f2f3; overflow-x: auto; -moz-border-radius: 1em;   -webkit-border-radius:1em; border-radius: 1em;}
#content-text div.price table { width: 100%; font-size:1.285em; color:#007fd4; background:#f2f2f3; line-height:1; margin:0; border: none; border-collapse:separate;}
#content-text div.price table th { text-align: right; font-weight: normal; border: 1px solid #f2f3f3; }
#content-text div.price table td { text-align:center; padding: 0 0.5em; border: none; vertical-align: middle;  border: nonel; border-left:1px solid #fff  }
#content-text div.price table tr.buy td a { display: inline-block; width:94px; height:25px; text-align: center; text-decoration: none; background:url(../img/btn-buy.png) no-repeat; color:#167bbf; text-transform: uppercase; font-size:0.72222em; line-height:25px; font-weight: bold}


#content-text div.price p { font-size:11px; text-align:center}
#content-text div.price a { color:#8c8b8b}
#content-text div.price table tr.buy td.blue a,
#content-text div.price table tr td.blue strong {color:#167bbf}

#content-text div.price table tr.buy td.blue a:hover { color:#0361a1; background-position: 0 -25px;}
#content-text div.price table tr.buy td.orange a,
#content-text div.price table tr td.orange strong {color:#f46933}
#content-text div.price table tr.buy td.orange a:hover{ color:#ff4700; background-position: 0 -25px;}

#content-text div.price table tr td.wm {background:url(../img/ico_wm.png) right 0 no-repeat}
#content-text div.price table tr td.rl {background:url(../img/ico_rl.png) right 0 no-repeat}

#content-text div.price table tr.buy td.green a,
#content-text div.price table tr td.green strong {color:#ffcd54}
#content-text div.price table tr.buy td.green a:hover{ color:#97b200; background-position: 0 -25px;}
#content-text div.price table tr.type-payment td a { font-size:11px; display: inline-block; width: 56px; padding-left: 70px; padding-top: 5px; text-align: left}
#content-text div.price table tr.type-payment td.blue a.sms { background:url(../img/payment-sms.png) no-repeat 0 6px; color:#007fd4}
#content-text div.price table tr.type-payment td.orange a.webmoney { background:url(../img/payment-webmoney.png) -1px 0px no-repeat; color:#f46933 }
#content-text div.price table tr.type-payment td.green a.liqpay { background:url(../img/payment-liqpay.png) -1px 0px no-repeat; color:#ffcd54 }

#content-text div.block div.book-content h4 {font-size:1.143em; margin-bottom: 15px;}
#content-text div.block div.subblock div.content {overflow-y: scroll; height: 130px; margin: 0 -20px -10px 0; padding-bottom:10px;}
#content-text div.block div.subblock div.content p { margin-top:0;}

#content-text div.pink h2:first-child { background: #fa5654 url(../img/red.png) no-repeat right bottom; margin-right: 210px!important;}

body.inner #content-text div.block ul.nav li a { font-size:14px; color:#fa5654; background:url(../img/bull-pink-a.png) no-repeat 0 center}
body.inner #content-text div.block div.gallery { font-size:11px}

#content-text div.pink div.gallery ul li.nav-next a span { background-position: -51px -153px}
#content-text div.pink div.gallery ul li.nav-prev a span { background-position: 0 -153px}

#content-text div.pink div.gallery ul li.nav-next a:hover span { background-position: right -153px}
#content-text div.pink div.gallery ul li.nav-prev a:hover span { background-position: -102px -153px}


#content-text div.pink div.gallery ul li.carousel-content ul li a.info { background-position: -505px 0}
#content-text div.pink div.gallery ul li.carousel-content ul li a.info:hover { background-position: -505px -208px}
#content-text div.pink div.gallery ul li.carousel-content ul li a.info dl,
#content-text div.pink div.gallery ul li.carousel-content ul li a.info dl strong { color:#fa5654;}


/**
* @section Price
*/
.b-price {padding: 30px 30px 20px; border-radius: 12px; background: #f2f2f3;}
.b-price__list {margin: 0; padding: 0; list-style: none; text-align: right;}
.b-price__item {display: inline-block; margin: 0 0 0 6px; padding: 0; background: none !important; vertical-align: top;}
.b-price__item:first-child {margin-left: 0;}
.b-price__agreement {margin: 13px 0 0; color: #8c8b8b; text-align: center; font: 13px/18px Arial, Helvetica, sans-serif;}
.b-price__agreementLink {color: #8c8b8b !important;}

/**
* @subsection Price Info
*/
.b-priceInfo {margin: 0; padding: 6px 5px 6px 0; list-style: none;}
.b-priceInfo__item {margin: 0; padding: 8px 0; background: none !important; color: #2f9ae5 !important; text-align: right; font: 18px/18px 'Trebuchet MS', Helvetica, sans-serif;}

/**
* @subsection PDF Link
*/
.b-pdfLink {position: relative; padding: 9px 0 11px; height: 89px; border-radius: 7px; text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.b-pdfLink__title {display: inline-block; padding: 0 34px 0 0; font: bold 15px/26px 'Trebuchet MS', Helvetica, sans-serif;}
.b-pdfLink__btn {display: block; margin: 7px auto 0; width: 82px; height: 32px; text-align: center; text-decoration: none; font: 13px/32px 'Trebuchet MS', Helvetica, sans-serif;}
.b-pdfLink__price {font-weight: bold;}
.b-pdfLink.-style_payment.-type_secure {width: 188px;}
.b-pdfLink.-style_payment.-type_normal {width: 121px;}
.b-pdfLink.-style_price.-type_secure {width: 263px;}
.b-pdfLink.-style_price.-type_normal {width: 171px;}
.b-pdfLink.-type_secure {border: 2px solid #007fd4; background: url('../img/b-pdfLink_secure-bg.png');}
.b-pdfLink.-type_normal {border: 1px solid #9a9a9a; background: url('../img/b-pdfLink_normal-bg.png');}
.b-pdfLink.-type_secure .b-pdfLink__title {color: #007fd4; background: url('../img/b-pdfLink__title_secure-ico.png') 100% 50% no-repeat;}
.b-pdfLink.-type_normal .b-pdfLink__title {color: #ff0002; background: url('../img/b-pdfLink__title_normal-ico.png') 100% 50% no-repeat;}
.b-pdfLink.-type_secure .b-pdfLink__btn {background: url('../img/b-pdfLink__btn_secure-ico.png') no-repeat; color: #fff; text-shadow: 1px 1px 2px #005ab4;}
.b-pdfLink.-type_normal .b-pdfLink__btn {background: url('../img/b-pdfLink__btn_normal-ico.png') no-repeat; color: #f46933; text-shadow: 1px 1px 1px #fff; font-size: 11px;}

/**
* @subsection Pay System
*/
.b-paySystem {position: absolute; top: 80px; left: 50%; z-index: 1000; display: none; box-shadow: 0 0 21px rgba(0,0,0,.5); margin: 0 0 0 -114px; padding: 14px; width: 201px; border: 1px solid #a2a2a2; border-radius: 10px; background: #fff; text-align: center;}
.b-paySystem:before {position: absolute; top: -14px; left: 50%; margin: 0 0 0 -14px; width: 27px; height: 14px; background: url('../img/b-paySystem_before-bg.png') no-repeat; content: '';}
.b-paySystem__title {margin: 0 -14px; color: #000; font: bold 11px/18px Arial, Helvetica, sans-serif;}
.b-paySystem__list {overflow: hidden; margin: 0; padding: 0; list-style: none;}
.b-paySystem__item {float: left; margin: 0 0 0 10px; padding: 0; width: 60px; background: none !important; vertical-align: top;}
.b-paySystem__item:first-child {margin-left: 0;}
.b-paySystem__link {display: block; padding: 28px 0 0; width: 58px; height: 30px; border: 1px solid #ddd; background: url('../img/b-paySystem__link-bg.png') no-repeat; text-decoration: none; font: 10px/1em Arial, Helvetica, sans-serif;}
.b-paySystem__link.-type_sms {background-position: 0 9px; color: #d85128;}
.b-paySystem__link.-type_webmoney {background-position: -70px 9px; color: #3c8dc6;}
.b-paySystem__link.-type_liqpay {background-position: -140px 9px; color: #1ca105;}
.b-paySystem__price {display: block; font-weight: bold; font-size: 14px;}
.b-paySystem__moreLink {color: #363636 !important; text-decoration: underline; font: 11px/18px Arial, Helvetica, sans-serif;}
.b-paySystem__moreLink:hover {text-decoration: none;;}

/**
* @subsection How to PDF
*/
.b-howToPDF {margin: 8px 0 0; padding: 0; list-style: none; text-align: right;}
.b-howToPDF__item {display: inline-block; overflow: hidden; margin: 0 0 0 6px; padding: 0; background: none !important; vertical-align: top; text-align: left; font: 11px/13px Arial, Helvetica, sans-serif;}
.b-howToPDF__item:first-child {margin-left: 0;}
.b-howToPDF__item.-type_secure {width: 262px;}
.b-howToPDF__item.-type_normal {width: 171px;}
.b-howToPDF__linkVideo {display: inline-block; overflow: hidden; margin: 0 10px 0 0; width: 37px; height: 34px; background: url('../img/b-howToPDF__linkVideo-ico.png') no-repeat; vertical-align: top; text-indent: -999px;}
.b-howToPDF__link {display: inline-block; margin: 4px 0 0; max-width: 200px; color: #3c8dc4 !important; vertical-align: top; text-decoration: none;}
.b-howToPDF__link:hover {text-decoration: underline;}


div.hint {z-index: 100; position: absolute; top: 0px; left: 0px; visibility: hidden;  padding:3px; z-index: 500; border: 1px solid #99d3eb; font-family: Arial, Helvetica, sans-serif; color:#2582b7; text-align: justify; z-index: 500; font-size:10px; background:#f9f9fa; margin-top: -35px; }

/*===== cart ======*/
#content-text div.cart { padding: 10px 0 0 168px; background:url(../img/cart.png) no-repeat 25px 0;  font: normal 1.1428em "Arial Narrow", Calibri, Arial, sans-serif;}

#content-text table.list-cart { width:100%; border:1px solid #308ec4; background: #fff; font-size:0.857em}
#content-text table.list-cart  th { padding:0.2em 0.7em; border:1px solid #308ec4; background:url(../img/bg-th.png) repeat-x; text-transform: uppercase; color:#fff; font-weight: normal; text-align:left}
#content-text table.list-cart  td { padding:0.7em; border:1px solid #308ec4; color:#007fd4;  }

#content-text table.list-cart td var  { color:#949494; font-family: "Arial Narrow", Calibri, Arial, sans-serif; font-size:1.3333em }
#content-text table.list-cart td img { margin: 0 auto}
#content-text table.list-cart td strong.price { display: block; text-align:center; font: bold 2em "Arial Narrow", Calibri, Arial, sans-serif; color:#f46933}
#content-text table.list-cart td  small { font-weight: bold; font-size:11px; color:#f46933}
#content-text table.list-cart td  a.delete { display: block; height:15px;  width:15px; margin:20px auto; text-indent:-999em; font-size:1px; background:url(../img/delete.png) no-repeat; overflow: hidden}

#content-text ul.nav-cart { float: right; list-style-type: none;}
#content-text ul.nav-cart li { float: left; padding:0; margin:0 0 10px 15px;}
#content-text ul.nav-cart li a { display: block; width:164px; height:32px; padding: 0 0 0 34px;  color:#fff; font: normal 12px/30px "Arial Narrow", Calibri, Arial, sans-serif; background: url(../img/nav-cart.png) no-repeat; text-decoration: none;}
#content-text ul.nav-cart li.order a { background-position: -205px 0;     padding-left: 32px; width: 166px; font-size: 15px;}


#content-text ul.breadcrumbs-cart {}
#content-text ul.breadcrumbs-cart li { display: inline-block; padding-left:32px; margin-left: 14px; color:#2eacf4; background:url(../img/breadcrumbs-errow.png) no-repeat 0 0}
#content-text ul.breadcrumbs-cart li:first-child { padding-left:0; margin-left:0; background: none}
#content-text ul.breadcrumbs-cart li.sel { font-weight: bold;}

.b-downloadSPDF {overflow: hidden; padding: 10px; border: 2px solid #007fd4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e9e9e9 url(../img/b-downloadSPDF-bg.jpg); }
.b-downloadSPDF__descr {color: #007fd4; font: bold 15px "Trebuchet MS", Helvetica, sans-serif; }
.b-downloadSPDF__descrIcon {display: inline-block; width: 25px; height: 25px; background: url(../img/SPDF-icon.png) no-repeat; vertical-align: text-bottom;}
.b-downloadSPDF__link {display: block; height: 31px; width: 25px; margin: 20px auto; text-indent: -999em; font-size: 1px; background: url(../img/download_link-bg.png) no-repeat; overflow: hidden;}
.b-downloadSPDF__spdfIcon {width: 25px; height: 25px; background: url(../img/SPDF-icon.png);}
.b-downloadSPDF__licenseCode {margin: 5px 0; color: #363636;}
.b-downloadSPDF__licenseCode strong {color: #363636;}
.b-downloadSPDF  .b-downloadSPDF__licenseCodeField {width: 96px; margin-left: 10px; border: 1px solid #8c8b8b; padding: 6px 9px; font: normal 12px Arial, Helvetica, sans-serif;}
.b-downloadSPDF__licenseCodeField::-webkit-input-placeholder {color: #f46933; }
.b-downloadSPDF__licenseCodeField::-moz-input-placeholder {color: #f46933;}
.b-downloadSPDF__licenseCodeField:-ms-input-placeholder {color: #f46933; font: normal 11px Arial, Helvetica, sans-serif;}
.b-downloadSPDF__licenseCodeField .placeholder {color: #f46933;}
.b-downloadSPDF__text {color: #363636;}
.b-downloadSPDF__hint {float: right; }
.b-downloadSPDF__hintLink{display: block; height: 100%; padding-left: 40px; background: url(../img/b-downloadSPDF__hint-bg.png) left center no-repeat; color: #2b6a9c; text-decoration: none;}

.b-downloadPDF {margin-top: 10px; padding: 10px; border: 1px solid #9a9a9a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f5f5f5 url(../img/b-downloadPDF-bg.jpg);}
.b-downloadPDF__link {display: block; height: 31px; width: 25px; margin: 20px auto; text-indent: -999em; font-size: 1px; background: url(../img/download_link-bg.png) no-repeat; overflow: hidden;}
.b-downloadPDF__pdfIcon {width: 20px; height: 21px; background: url(../img/PDF-icon.png);}
#content-text .b-downloadPDF table.list-cart {margin: 0;}
#content-text .b-downloadPDF table.list-cart th {border: 1px solid #9a9a9a; background: url(../img/b-downloadPDF_th-bg.png) repeat-x; color: #363636;}
#content-text .b-downloadPDF table.list-cart td {border: 1px solid #9a9a9a;}




#content-text div.angle-block { width:auto; min-height:245px; margin-top: 10px;  position:relative; border:1px solid #46b5f4; padding:0 15px 17px 15px; border-bottom:none; border-top:none; background:#f7f8f6}

#content-text div.angle-block:before,
#main  #content-text div.angle-block span.block-before { display: block; height: 11px; font-size: 1px; line-height: 1px; width: auto; margin: 0 -17px; padding:0; content:url('../img/engle-left-authorization.png'); background: url(../img/engle-right-authorization.png?20140612) no-repeat right top;}
#content-text div.angle-block:after,
#main #content-text div.angle-block span.block-after { position: absolute; left:-1px; right:-1px; bottom:0; top:auto; display: block; height: 17px; width: auto; margin:0 0; padding:0; content:url('../img/engle-bottom-left-authorization.png'); background: url(../img/engle-bottom-right-authorization.png?20140612) no-repeat right 0px}



#content-text div.angle-block:before, x:-moz-any-link, x:default { background-position: right 0;} /* FireFox 3 */


#main #content-text div.reg-user,
#main #content-text div.new-client {float: left; width:290px; }
#main #content-text div.new-client {float: right; margin-right: 1px; }


body.inner #content-text div.reg-user { margin-right: 0px}
body.inner #content-text div.not-reg { width:95%; clear:both }

body.inner #content-text div.angle-block h2 { font: normal 1em Arial, Helvetica, sans-serif; margin-top:1em !important; margin:0.5em 0; padding:0; background: none;  color:#2eacf4; text-transform: uppercase}
body.inner #content-text div.angle-block ul.nav-cart li { text-align:right; padding:0; background: none; float: none; display: block;}
body.inner #content-text div.angle-block ul.nav-cart li a { display: inline-block; text-align:left; background:url(../img/btn-authorization.png) no-repeat;}
body.inner #content-text div.angle-block ul.nav-cart li input { display: inline-block; border: none; background:url(../img/btn-authorization.png) no-repeat; height:32px; width:97px; padding-left:20px; padding-bottom:5px; color:#fff }

body.inner #content-text div.angle-block ul.nav-cart { margin-bottom:0; overflow: hidden; float: none}
body.inner #content-text div.angle-block ul.nav-cart li.reg a{ background-position: 0 -45px; font-size: 16px;}
body.inner #content-text div.angle-block ul.nav-cart li.order a{ background-position: 0 -106px;}
body.inner #content-text div.angle-block ul.nav-cart li.order a{ background-position: 0 -106px;}
body.inner #content-text div.angle-block ul.nav-cart li.status a { background-position: 0 -153px; width:204px; padding-left:40px}

body.inner #content-text div.cart-block { min-height:987px;}
body.inner #content-text div.cart-block span.tel { display: inline-block; white-space: nowrap}
body.inner #content-text div.cart-block div.error {color: #f00; margin: 1em 0;}

#main  #content-text div.angle-block form { overflow: hidden; }
#main  #content-text div.angle-block form dt { float: left; margin-top:0;}
#main  #content-text div.angle-block form dd input { width:90%;}

#main  #content-text div.angle-block form ul.nav-login { margin-left:62px; margin-bottom:0; color:#949494; font: normal 16px "Arial Narrow", Calibri, Arial, sans-serif;}
#main  #content-text div.angle-block form ul.nav-login li { padding:0; background: none}
#main  #content-text div.angle-block form ul.nav-login li a {color:#949494}


body.inner #content-text div.download ul.nav-cart li.back a { background:url("../img/nav-cart.png") no-repeat scroll 0 0 #7BD0F2}
body.inner #content-text div.download.angle-block ul.nav-cart li.back a { background-color: #f7f8f6;}


#main  #content-text div.angle-block table.list-cart td { background:#ffffff}
#main  #content-text div.angle-block table.list-cart a.download { display: inline-block; padding-top: 17px; background: url(../img/ico-download.png) no-repeat center 0}
body.inner #content-text div.download h2,
body.inner #content-text div.order h2 { font: bold 24px Arial, Helvetica, sans-serif; text-transform: none; margin-top:0.5em!important; margin-bottom: 0.5em 0}


/*======= registration ========*/
#content-text div.registration { padding-bottom:400px; background:#fff url(../img/bg-registration.jpg) no-repeat right bottom;}

#content-text form.registr { clear: both; padding-left:11px; font: normal 1.1428em "Arial Narrow", Calibri, Arial, sans-serif; background:url(../img/bg-form-registr.png) no-repeat; }
#content-text form.registr dl { max-width:390px; height:207px; padding:37px 60px 49px 30px; background:url(../img/bg-dl-register.png) no-repeat right 0 }
#content-text form.registr dl dt { float: left; width:126px; margin:0 0 0 0; clear:left}
#content-text form.registr dl dd { margin:0 0 10px 0; overflow: hidden }
#content-text form.registr dl dd.distribution { position:relative; }
#content-text form.registr dl dd.distribution input { display: inline}
#content-text form.registr dl dd.distribution label input { margin-right:10px;}
#content-text form.registr dl dd input { background: none; border: none; font-size:12px; padding:2px; display: block; width:98%; text-align: left}
#content-text form.registr dl dd span {background:url("../img/bg-input.png") repeat scroll 0 0 #FFFFFF; border:1px solid #0084CF; display:inline-block; height:22px; width:92% }
#content-text form.registr dl dd input.btn-registr { display: inline-block;  height:32px; width:198px; padding: 0 0 5px 20px; margin-right: 20px;  background:url(../img/btn-registr.png) no-repeat; color:#fff; font: bold 15px Arial; text-align:center }

#content-text form.registr dl dd input.btn-registr:hover { color:#deff00; cursor: pointer}
#content-text form.registr dl dd.submit-btn { margin-top:20px; text-align: right }

#content-text form.registr label.checkbox-off { display: inline-block; height:20px; background: url("../img/checkbox.png") no-repeat 0 0;  }
#content-text form.registr label.checkbox-on { display: inline-block; height:20px; background: url("../img/checkbox.png") no-repeat 0 -20px; }
#content-text form.registr label input { position: relative; }

#fill_form { display: none; background: #90c9e9; position:fixed; width:300px; top:50%; left:50%; margin-left:-170px; margin-top: -78px; color:#000; padding:20px; z-index:500; border: 2px solid #2eacf4; -moz-border-radius:1em; -webkit-border-radius:1em;}
#fill_form  ul li { background: none; padding-left:0;}
#fill_form a { position:absolute; top:5px; right:5px; color:#fff; font-weight: bold}
.visible { display: block!important}


#content-text dl.inquiry { float: left; width:300px; margin:0; font: normal 0.857em Arial, Helvetica, sans-serif; color:#ffcd54}
#content-text dl.inquiry dt { display: inline; margin:0;}
#content-text dl.inquiry dd { display: inline; margin:0;}
#content-text dl.inquiry dd var { display: block}


#content-text form.fast-search  { float: right; width:360px; margin: 5px 0 20px 0}
#content-text form.fast-search label{ display: inline-block; margin-right:10px; color:#fa5654; font-size:1.285em}
#content-text form.fast-search  input { border: 1px solid #fa5654}
#content-text form.fast-search input.btn {
  background:url("../img/btn-search.png") no-repeat scroll 0 0 transparent;
  border:medium none;
  color:#FFFFFF;
  font:18px Arial,Helvetica,sans-serif;
  margin-top: 2px;
  padding-top: 3px;
  padding-bottom: 5px;
  text-align:center;
  text-transform: uppercase;
  width:43px;
}


#content-text form.search-inner { margin: 0 -10px 25px -10px; padding:12px; -moz-border-radius: 1em;   -moz-border-radius:1em; border-radius: 1em; background:#f7f8f6}



#content-text ul.breadcrumbs  { overflow: hidden; position:absolute; left:0; bottom: -40px; width:100%; height:25px; padding-bottom:16px; margin:0; background:url(../img/after-ul-search-result.png) no-repeat right bottom; font-size:11px; line-height:1.5; color:#007fd4;}
#content-text ul.breadcrumbs li { float: left; text-transform: uppercase; padding-left:0; background: none; margin-left:10px;}
#content-text ul.breadcrumbs li a { text-transform: none; padding-left:15px; background:url(../img/separator-breadcrumbs.png) no-repeat 0 5px; margin-left:-7px; color:#007fd4}


/*====== constructor =====*/
#content p { text-align: justify}
div.caption { font-style:italic}
div.pink {}
div.pink a { color:#fa5654}
div.blue a {color:#2893db}
div.orange a {color:#f46933}
div.green a {color:#ffcd54}

ul.category { clear: both;}
#content-text ul li { color: #8C8B8B; }
#content ul.category li { display: inline; padding:0; margin:0 8px 0 0; background: none;}

blockquote { padding:0 24px 0 73px; border: none; background:url(../img/blockquote.png) no-repeat 0 3px; text-align: justify}
blockquote q { font-style: italic}
blockquote q:before,
blockquote q:after { display: none}

blockquote cite { display: block; text-align: right; color:#007fd4}

/*==== titles =====*/

#content-text  h1 { background: #fa5654 url(../img/red.png) no-repeat right bottom; margin-right: 210px!important; color:#FFFFFF; font-size:1.714em; margin:-10px 170px 11px -20px !important; padding:5px 20px;
position:relative; text-transform:uppercase; font-weight: normal;}

div.block dl dt { color:#178bd8;}
div.block dl dd { margin-left:60px;}

form.searches { zoom:1; width: 100%;}
form.searches label { float: left; width:215px;  color:#007fd4; position:relative;}
form.searches select { display: block; width:218px; border: 2px solid #007fd4; height:24px;}
form.searches span.select { top:20px; left:0; background: url(../img/bg-select.png) no-repeat right 0; color:#5d5c5c}

form.searches input.btn-search { width:43px; height: 30px;  margin: 15px 0 0 10px; background:url(../img/btn-ok.png) no-repeat 0 2px; border: none; text-transform: uppercase; color:#fff}


div.pink form.searches span.select { border-color:#fa5654; background-position: right -39px; }
div.blue form.searches span.select { border-color:#007fd4; background-position: right -81px; }
div.orange form.searches span.select { border-color:#f86126; background-position: right -128px; }
div.orange form.green span.select { border-color:#f86126; background-position: right 0px; }



div.pink form.searches input.btn-search  {background-position: right -60px; }
div.blue form.searches input.btn-search  {background-position: right -161px; }
div.orange form.searches input.btn-search  {background-position: right 2px; }
div.green form.searches input.btn-search  {background-position: right -99px; }

body.inner #content-text div.orange ul.nav li a {color:#f86126; background:url("../img/bull-orange-a.png") no-repeat scroll 0 3px transparent}
body.inner #content-text div.green ul.nav li a {color:#ffcd54; background:url("../img/bull-yellow-a.png") no-repeat scroll 0 3px transparent}
body.inner #content-text div.pink ul.nav li a {color:##fa5654; background:url("../img/bull-pink-a.png") no-repeat scroll 0 center transparent}
body.inner #content-text div.blue ul.nav li a {color:#007fd4; background:url("../img/bull-blue-a.png") no-repeat scroll 0 3px transparent}



/*Contact us*/

body.inner #content-text div.block div.contact-subblock {margin: 50px 0 60px;}
  body.inner #content-text div.block div.contact-subblock h2 {margin: 0 0 10px 0 !important; padding: 0 0 0 32px !important; background: none; font: bold 1.286em Arial; text-transform: none; color: #0883d5}
  body.inner #content-text div.block div.contact-subblock dl {margin: 10px 0; padding: 0; font-size: 1.143em; color: #5d5c5c;}
    body.inner #content-text div.block div.contact-subblock dl dt {float: left; clear: left; margin: 0 5px 5px 0; padding: 0 0 0 32px; color: #0883d5; background: url("../img/ico_contact-info.png") 0 2px no-repeat;}
    body.inner #content-text div.block div.contact-subblock dl dt.phone {background-position: 0 -47px;}
    body.inner #content-text div.block div.contact-subblock dl dt.address {background-position: 0 -147px;}
    body.inner #content-text div.block div.contact-subblock dl dt.phones {background: none;}
  body.inner #content-text div.block div.contact-subblock dl dt.work_time { background:none;}
    body.inner #content-text div.block div.contact-subblock dl dd.tel {background: url("../img/ico_contact-info.png") 0 -47px no-repeat; padding: 0 0 0 32px; clear: left;}
    body.inner #content-text div.block div.contact-subblock dl dt.email {background-position: 0 -94px;}
    body.inner #content-text div.block div.contact-subblock dl dt.post-address {background-position: 0 -94px;}
    body.inner #content-text div.block div.contact-subblock dl dd.post-address {clear: left; padding: 0 0 0 32px;}

    body.inner #content-text div.block div.contact-subblock dl dd {margin: 0 0 5px; padding: 0;}
      body.inner #content-text div.block div.contact-subblock dl dd a.email {color: #5d5c5c; text-decoration: none;}
      body.inner #content-text div.block div.contact-subblock dl dd a.email:hover,body.inner #content-text div.block div.contact-subblock dl dd a.email:focus {text-decoration: underline;}


/*Our Disks*/
body.inner #content-text div.disks {padding-bottom: 300px; background: #fff url("../img/bg_disks.jpg") right bottom no-repeat;}
  body.inner #content-text div.disks p a {color: #2893db;}
  body.inner #content-text div.disks a.btn_download-disks {display: inline-block; padding: 8px 0 0 63px; min-height: 42px; background: url("../img/ico_download.png") 0 0 no-repeat; color: #f46933;}

/*How to work*/
body.inner #content-text div.how2work {padding-bottom: 30px;}
  body.inner #content-text div.how2work div.ill-left {float: left; margin: 1.5em 20px 1em 0; width: 149px; text-align: center;}
    body.inner #content-text div.how2work div.ill-left img {display: inline;}
    body.inner #content-text div.how2work div.ill-left var {display: block; margin-top: 13px; font: italic 0.857em Arial; color: #007fd4;}
  body.inner #content-text a.btn_download-pdf {padding: 11px 0 0px 26px; display: inline-block; margin-left: 5px; color: #127ec6; background: url("../img/ico_pdf.png") 0 0 no-repeat}

/*Popup*/
div#popup_wrapper {display: none; position: absolute; padding-bottom: 20px; z-index: 157; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/bg_popup_wrapper.png") 0 0 repeat}
  div#popup_wrapper #popup {position: fixed; top: 50%; left: 50%; width: 332px; height: 407px; padding: 38px 73px 0 70px; margin: -222px 0 0 -232px; background: url(../img/bg_popup.png) 0 0 no-repeat;}
  div#popup_wrapper #popup h2 {font: normal 14px/1 Arial; color: #2eacf4; margin-bottom: 15px; text-transform: uppercase;}
  div#popup_wrapper #popup form {}
    div#popup_wrapper #popup form fieldset {padding: 0; margin: 0; border: none;}
      div#popup_wrapper #popup form fieldset label {display: inline-block; margin-right: 10px; font: normal 16px "Arial Narrow", Calibri, Arial, sans-serif; color: #949494}
      div#popup_wrapper #popup form fieldset input {width: 326px; margin: 3px 0 15px 0;}
      div#popup_wrapper #popup form fieldset input#btn_send {
        width: 197px;
        height: 32px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2px 10px 0 32px;
        display: block;
        margin: 25px 0 0 auto;
        background: #4aaee5 url("../img/btn_send-2.png") 0 0 no-repeat;
        color: #fff;
        font-size: 13px;
        text-align: left;
        border: none;
        cursor: pointer;
      }
      div#popup_wrapper #popup form fieldset textarea {width: 318px; height: 110px; margin: 3px 0 15px 0; border: 1px solid #168ACD;}
      div#popup_wrapper #popup form fieldset span.answer {margin-left: 1em;}

  div#popup_wrapper #popup a.btn_close-popup {display: block; width: 21px; height: 21px; top: 21px; right: 18px; position: absolute; text-indent: -999em; background: url("../img/btn_close.png") 0 0 no-repeat}

/* Site Map page */
#content-text div.block ul.list_site_map { margin: 18px 0 0 6px; padding: 0;}
#content-text div.block ul.list_site_map li { margin: 0; padding: 0; background: none; }
#content-text div.block ul.list_site_map li h2 { width: 178px; height: 72px; margin: 0 !important; padding: 0 10px 0 42px !important; background: #2eacf4 url("../img/bg-ul-site-map-li.png") 0 -72px no-repeat; color: #fff; font: normal 18px Tahoma; text-transform: none !important; font-size:18px!important;  }
#content-text div.block ul.list_site_map li h2 a { display: block; width: 178px; height: 63px; line-height: 63px; vertical-align: middle; text-align: center; text-decoration: none; color: #fff;}
#content-text div.block ul.list_site_map li h2 a:hover { text-decoration: underline; }
#content-text div.block ul.list_site_map li h2.f_line a { font-size: 16px; }
#content-text div.block ul.list_site_map li h2.f_line a:first-line { font-size: 18px  }
#content-text div.block ul.list_site_map li h2.two_row a { height: 58px; padding-top: 5px; line-height: 25px }
#content-text div.block ul.list_site_map li:first-child h2  { background-position: 0 0 }
#content-text div.block ul.list_site_map li.last-child h2  { background-position: 0 -144px }
#content-text div.block ul.list_site_map li h2 span { font-size: 16px }


#content-text div.block ul.list_site_map li ul.inner_first { margin: -8px 0 0; padding: 0; background: none; }
#content-text div.block ul.list_site_map li ul.inner_first li  { margin: 0; padding: 0; background: none; }
#content-text div.block ul.list_site_map li ul.inner_first li h3  { margin: 0; width: 176px; height: 72px; padding: 0 10px 0 110px; background: #f7f8f6 url("../img/bg-ul-site-map-li-inner.png") 0 -80px no-repeat; color: #2eacf4; font-size: 18px; font-weight: normal; }
#content-text div.block ul.list_site_map li ul.inner_first li h3 a  { display: block; width: 176px; height: 63px; line-height: 63px; vertical-align: middle; text-align: center; text-decoration: none; color: #2eacf4; }
#content-text div.block ul.list_site_map li ul.inner_first li h3 a:hover  { text-decoration: underline; }
#content-text div.block ul.list_site_map li ul.inner_first li:first-child h3  { height: 63px; padding-top: 8px; padding-bottom: 9px; background-position: 0 0  }
#content-text div.block ul.list_site_map li ul.inner_first li:first-child h3 a {background-position: 0 0  }
#content-text div.block ul.list_site_map li ul.inner_first li.last-child h3  { background-position: 0 -153px }
/* /Site Map page */

/* Guest Book page */

#content-text div.form_block { margin: 23px 0 0 2px; max-width: 510px;}

div.form_block form.guest_form { padding: 0 0 0 22px; margin: 10px 0 }
div.form_block form.guest_form label { display: inline-block; width: 135px; margin-top: 6px; vertical-align: top; font-size: 14px; color: #949494;  }
div.form_block form.guest_form input[type="password"],
div.form_block form.guest_form input[type="text"] { width: 238px; height: 18px; margin: 5px 0; padding: 2px 3px; border: 1px solid #168acd; background: #fff url("../img/bg_input.png") 0 0 no-repeat; font-size: 13px; line-height: 18px; color: #000; }
div.form_block form.guest_form textarea { width: 238px; height: 118px; margin: 7px 0 0; padding: 2px 3px; border: 1px solid #168acd; background: #fff url("../img/bg_input.png") 0 0 no-repeat; font-size: 13px; line-height: 18px; color: #000; }

div.form_block form.guest_form div.send_block { overflow: hidden; margin-top: 7px; }
div.form_block form.guest_form div.send_block label.label-1 { float: left; width: 139px; margin-top: 2px; line-height: 18px; }
div.form_block form.guest_form div.send_block div.capture_block { float: left; width: 78px; height: 22px; margin: 3px 10px 0 0; border: 1px solid #168acd; background: #fff url("../img/capture_block_zagl.png") 0 0 no-repeat; }
div.form_block form.guest_form div.send_block input[type="text"].text-1 { float: left; width: 147px; margin: 3px 0 0; vertical-align: top; }
div.form_block form.guest_form span.remark { display: block; margin: 26px 0 0 7px; font: italic 14px Arial; color: #949494;  }
div.form_block form.guest_form div.button_block { overflow: hidden; margin: 41px 0 0; text-align:center; }

div.form_block form.guest_form div.button_block input[type="button"] {
  display: inline-block;
  width: 197px;
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 19px 10px 19px;
  padding: 1px 10px 0 43px;
  border: none;
  background: #fff url("../img/bg_input_button_guest_back-2.png") 0 0 no-repeat;
  color: #208ed9;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

div.form_block form.guest_form div.button_block input[type="submit"] {
  display: inline-block;
  width: 197px;
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 10px 0 40px;
  margin:0 19px 10px 19px;
  border: none;
  background: #fff url("../img/btn_send-2.png") 0 0 no-repeat;
  color: #fff;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
#content-text ul.faq_block { margin: 19px -20px 0; padding: 0 }
#content-text ul.faq_block li { margin: 0; padding: 23px 25px 5px 44px; background: none; border-bottom: 1px solid #2eacf4; }
#content-text ul.faq_block li.answer { padding-top: 17px; padding-bottom: 10px; background: #f7f8f6 }
#content-text ul.faq_block li:first-child { border-top: 1px solid #2eacf4; }
#content-text ul.faq_block li h2 { margin: 0; padding: 0; background: none; font: bold 18px Arial; color: #2eacf4; text-transform: none; }
#content-text ul.faq_block li span { display: block; margin-bottom: -8px; font-size: 14px; font-style: italic; color: #2eacf4; }
#content-text ul.faq_block li p { line-height: 17px; }

#content-text ul.faq_pager { overflow: hidden; margin: 14px 0 0 0px; padding: 0; text-align:center}
#content-text ul.faq_pager li { display: inline-block; margin: 0; padding: 0; background: none; }
#content-text ul.faq_pager li a { display: inline-block; font-size: 18px; color: #f46933; padding: 2px 5px; text-decoration: none; }
#content-text ul.faq_pager li a:hover { background: #f46933; color: #fff  }
#content-text ul.faq_pager li:first-child a { width: 10px; height: 8px; background: #fff url("../img/bg_ul_faq_pager_first.png") center center no-repeat; }
#content-text ul.faq_pager li:first-child a:hover { width: 10px; height: 8px; background: #fff url("../img/bg_ul_faq_pager_first_h.png") center center no-repeat; }
#content-text ul.faq_pager li.last-child a { width: 10px; height: 8px; background: #fff url("../img/bg_ul_faq_pager_last.png") center center no-repeat; }
#content-text ul.faq_pager li.last-child a:hover { width: 10px; height: 8px; background: #fff url("../img/bg_ul_faq_pager_last_h.png") center center no-repeat; }



#content-text  div.blue ul.faq_pager li a {  color: #2EACF4; }
#content-text  div.blue ul.faq_pager li a:hover { background: #2EACF4; color: #fff  }
#content-text  div.blue ul.faq_pager li:first-child a { width: 10px; height: 8px; background: #fff url("../img/bg_ul_faq_pager_first-blue.png") center center no-repeat; }
#content-text  div.blue ul.faq_pager li:first-child a:hover { width: 10px; height: 8px; background: #fff url("../img/bg_ul_faq_pager_first_h-blue.png") center center no-repeat; }
#content-text  div.blue ul.faq_pager li.last-child a { width: 10px; height: 8px; background: #fff url("../img/bg_ul_faq_pager_last-blue.png") center center no-repeat; }
#content-text  div.blue ul.faq_pager li.last-child a:hover { width: 10px; height: 8px; background: #fff url("../img/bg_ul_faq_pager_last_h-blue.png") center center no-repeat; }






/* /Guest Book page */

/* Restore password */
form.restore_form { margin-bottom: 12px; }
form.restore_form input[type="text"] { width: 238px; height: 18px; margin: 5px 0; padding: 2px 3px; border: 1px solid #168acd; background: #fff url("../img/bg_input.png") 0 0 no-repeat; font-size: 13px; line-height: 18px; color: #000; }

form.restore_form input[type="submit"] {
    width: 197px;
    height: 32px;
    margin-left: 19px;
    border: none;
    background: #fff url("../img/bg_input_restore_pass.png") 0 0 no-repeat;
    cursor: pointer;
    color: #ffffff;
    text-align: left;
    padding-left: 32px;
    font-size: 16px;
}
/* /Restore password */

#sidebar-left div.block h3 { position:relative; background:#f0ede2 url(../img/bg-h-orange.png) repeat-y; width:193px;}
#sidebar-left div.block h3  a{ position:relative; z-index:10; line-height:1.2}
#sidebar-left div.block h3:before,
#sidebar-left div.block h3 span.block-before { position:absolute; top:0; left:0; display: block; height:22px; width:227px; padding:0; margin:0; content:''; background:url(../img/bg-h_1.png) no-repeat; z-index:1}
#sidebar-left div.block h3:after,
#sidebar-left div.block h3 span.block-after { position:absolute; bottom:0; left:0; display: block; height:22px; width:227px; padding:0; margin:0; content:''; background:url(../img/bg-h_1.png) no-repeat 0 -28px; z-index:1}


#sidebar-left div.green h3 { background:url(../img/bg-h-yellow.png) repeat-y}
#sidebar-left div.green h3:before,
#sidebar-left div.green h3 span.block-before{ background-position: 0 -53px}
#sidebar-left div.green h3:after,
#sidebar-left div.green h3 span.block-after{ background-position: 0 -82px}


#sidebar-left div.pink h3 { background:url(../img/bg-h-pink.png) repeat-y}
#sidebar-left div.pink h3:before,
#sidebar-left div.pink h3 span.block-before{ background-position: 0 -106px}
#sidebar-left div.pink h3:after,
#sidebar-left div.pink h3 sapn.block-after{ background-position: 0 -135px}

#sidebar-left div.blue h3 { background:url(../img/bg-h-blue.png) repeat-y 1px 0}
#sidebar-left div.blue h3:before,
#sidebar-left div.blue h3 span.block-before{ background-position: 0 -159px}
#sidebar-left div.blue h3:after,
#sidebar-left div.blue h3 span.block-after{ background-position: 0 -188px}


#content-text ul.info {}
#content-text ul.info li { overflow: hidden; color:#909190 }
#content-text ul.info li.nth-child { background:#f7f8f6}
body.inner #content-text div.block ul.info li h2 { font-size:1.2857em; margin-bottom:1.5em}
body.inner #content-text div.block ul.info li h2 a{ color:#2EACF4; text-decoration: none }
body.inner #content-text div.block ul.info li h2 a:hover { text-decoration: underline}
#content-text ul.info li span  { display: block; text-align:right; clear:both; margin: 5px 0 }

#content-text ul.info ul.nav { position:static; float: right; margin: 0 0 3px 0;}
#content-text ul.info ul.nav li {padding:0; border: none}
body.inner #content-text ul.nav li a {padding-left:10px; }

#content-text div.info span.date { display: block; font-style:italic; color:#2eacf4; font-size:1.1428em}
#content-text div.info span.category {display: block; font-style:italic; color:#ffcd54; }
#content-text div.info p a {color:#2eacf4;}
#content-text div.info div.author {color:#2eacf4; font-style:italic}
#content-text div.info div.author a {color:#2eacf4; }

#content-text div.info a.back { display: inline-block; margin-top:30px; padding-left:33px; background:url(../img/a-back.png) no-repeat 0 3px; font-size:1.2587em; color:#2eacf4; text-decoration: none }
#content-text div.info a.back:hover  { text-decoration: underline }

#content-text div.blue ul.pager { color:#2893DB}
#content-text div.blue ul.pager li{ color:#2893DB}
#content-text div.blue ul.pager li a { color:#2893DB}
#content-text div.blue ul.pager li.sel { background:#2893DB; color:#fff}
#content-text div.blue ul.pager {}

#content div.blue  ul.pager li.prev-page a span,
#content div.blue  ul.pager li.next-page a span { background:url(../img/pager-blue.png) no-repeat 0 center}

#content div.blue  ul.pager li.next-page a span { background:url(../img/pager-blue.png) no-repeat right center}

#content h1 a { color:#fff; text-decoration: none}
#content h1 a:hover { color:#fff; text-decoration: underline}
#sidebar-right h2 a { text-decoration: none}

#content-text img {max-width: 100%; height: auto;}


/* Personal Account*/
#content-text div.account_data{ margin: 15px 0; overflow: hidden;}
#content-text div.account_data table{ border: none;}
#content-text div.account_data ul li { background: none; }
#content-text div.account_data h3 {font-size: 1.214em; margin:10px 0; text-transform: uppercase; font-weight:normal; color:#919191; }
#content-text div.account_data h3 a {color:#919191; }
#content-text div.account_data a { color:#000}

#content-text div.account_data input{ width:115px; height:28px; border: none; background:url(../img/bg_btn.png) 0 -113px !important;  font-size:12px; text-align: center;}
#content-text div.account_data a.submit_s { display:block; width:115px; height:28px; line-height:28px; background:url(../img/bg_btn.png) 0 -113px !important;  font-size: 12px; text-align: center; text-decoration:none}


#content-text div.account_data dl{ margin:0;}
#content-text div.account_data dl dd { margin-left: 50px;}

#content-text div.contact_s { float: left; width: 240px; }
#content-text div.contact_s dl dt{ float:left; margin-top: 0; margin-right:10px;}
#content-text div.contact_s dl var{ font-weight: bold }
#content-text div.contact_s dl dd input{ width:150px}

#content-text div.account_data ul.btn { margin-left: 0; }
#content-text div.account_data ul.btn li{ padding-left: 0;}
#content-text div.account_data ul.subscribe { margin-left:0; overflow: hidden; margin-top:150px}
#content-text div.account_data ul.subscribe li{ padding-left:0; }

#content-text div.discount_block{ clear: left; float: left; width: 240px; margin-top: 37px; }

#content-text div.order_history { float: right; width: 401px; margin-bottom: 15px;}
#content-text div.order_history dl dt{ float:left; margin-top: 0; margin-right:10px;}
#content-text div.order_history dl var{ font-weight: bold }

#content-text div.other-settings {clear: both;}

/* \Personal Account*/

/* Personal Account History */

table.orders_history td ul{ margin: 0; line-height: 27px; }
table.orders_history td ul li{ padding:0; }
table.orders_history td a.more{ float: right; width:112px; height:25px; text-decoration: none; background: url(../img/bg_btn.png) no-repeat 0 -116px; text-align: center; line-height:24px; color:#000; margin:5px 10px}

table.orders_history{ width:99%; border:1px solid #c9c8c8 !important}
table.orders_history thead tr th { background:#e9e9e9; text-transform:uppercase; border-bottom: 1px dashed #c9c8c8; border-left:1px solid #c9c8c8; text-align:center; height:38px}
table.orders_history td{ border:1px solid #c9c8c8; padding:0.3em; text-align: center; vertical-align: middle;}
table.orders_history.sel { font-size: 0.9em  }
table.orders_history.sel td{  padding: 0.2em 0; }
table.orders_history tr.nth-child td{ background:#f5f5f5;}

table.orders_history td ul li{ background:none;}
table.orders_history td  a.print{ position: relative; display: block; height:32px; width:29px; margin: 0 auto}
table.orders_history td  a.print span{ position: absolute; top:0; left:0; height:32px; width:29px; background:transparent url(../img/ico_detals.png) no-repeat scroll 0 -32px;}
/* Personal Account History */

/* Personal Account History One */
#content-text table.print{ border:1px solid #c9c8c8}
#content-text table.print tr th{ padding:0.5em; background:#e9e9e9; font-weight:bold; text-transform:uppercase; border-bottom:1px dashed #c9c8c8; border-left:1px solid #c9c8c8; text-align:center; height:38px}
#content-text table.print td{ border:1px solid #c9c8c8; padding:0.3em; text-align: center; vertical-align: middle;}
#content-text table.print tr.nth-child td{ background:#f5f5f5;}
/* \Personal Account History One */

/* Billing */
div.sms-billing h4 {font: bold 1.714em Arial; color: #2eacf4;}
div.sms-pay h4 {display: inline;}

div.sms-billing h5.summary {padding: 0 0 0 25px; margin: 30px 0 35px; font: normal 1.286em Arial; color: #2eacf4;}
  div.sms-billing h5.summary var {font-weight: bold; font-size: 2em;}
div.sms-pay h5.summary {margin: 15px 0 0; font: normal 1em Arial;}

@media screen and ( max-width: 1024px )
{
#content-text div.search-result div.payment { width:auto; }
#content-text div.search-result table.info th { padding:0 0 0 30px;}
#content-text div.search-result table.info td  { padding: 0 0.5em}

#content-text div.price { padding:10px 5px}
#content-text div.price table td { padding:0.5em 3px 0.5em 3px}
#content-text div.price table th { display: none}
#content-text div.price table td.blue { padding-left:0; border-left: none}
}


body.small #content-text div.search-result div.payment { width:auto; }
body.small #content-text div.search-result table.info th { padding:0 0 0 30px;}
body.small #content-text div.search-result table.info td  { padding: 0 0.5em}

#content-text div.price { padding:10px 5px}
#content-text div.price table td { padding:0.5em 3px 0.5em 3px}
body.small #content-text div.price table th { display: none}
body.small #content-text div.price table td.blue { padding-left:0; border-left: none}



  div.sms-billing ul.product {font: normal 0.857em Arial;}
    div.sms-billing ul.product li {padding-left: 25px; color: #007fd4; background-position: 0 3px;}
  div.sms-pay ul.product {display: inline; font-size: 1.429em;}
    div.sms-pay ul.product li {display: inline; padding-left: 10px; background: none;}

  div.sms-billing div.additionally {padding-left: 25px; color: #4f4f4f; font-size: 0.714em;}
  div.sms-billing div.note {border-left: 2px solid #2eacf4; margin: 30px 0 30px 25px; padding: 0 15px; color: #4f4f4f; font: normal 0.857em Arial;}
  div.sms-billing div.tip {padding-left: 25px; color: #4f4f4f;}
  div.sms-billing div.valid {padding-left: 25px; color: #4f4f4f; font-size: 0.714em;}
  div.sms-billing div.mob-text {margin: 15px 0; padding-left: 25px; font-weight: bold; color: #4f4f4f;}
    div.sms-billing div.mob-text strong {color: #2eacf4}
    div.sms-billing div.mob-text var {color: #bb5757; font-size: 1.126em;}
    div.sms-billing div.mob-text .sms-code {color: #bb5757; font-size: 1.126em; white-space: nowrap;}

form.payform {margin: 30px 0; padding: 0 0 0 25px; font: normal 1em Arial; color: #2eacf4;}
form.payform input#code {margin: 0 18px; width: 149px}
form.payform input.btn_ok {margin: 0; padding: 0; width: 44px; height: 26px; text-indent: -999em; font-size: 0.001px; background: url("../img/btn_ok.png") 0 0 no-repeat; border: none; cursor: pointer; color: #53b4ea;}
form.payform input.button {
  width:94px;
  height:25px;
  background:url(../img/btn-buy.png) no-repeat;
  color:#167bbf;
  border: none;
  line-height:25px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
}

div.sms-billing ul.productwmu li {overflow: hidden;}
  div.sms-billing ul.productwmu li var {float: right; display: block; text-align: center; margin-left: 114px; font: bold 3em/1 Arial;}
    div.sms-billing ul.productwmu li var small{font: normal 0.389em/1 Arial;}

div.sms-billing ul.total {margin: 30px 0; overflow: hidden;}
  div.sms-billing ul.total li {margin: 0px; padding: 0; float: left; background: none}
    div.sms-billing ul.total li h5.summary {margin: 0px;}
  div.sms-billing ul.total li.btn_pay {float: right;}
      div.sms-billing ul.total li.btn_pay input.btn_pay {display: block; width: 157px; height: 32px; background: url("../img/btn_pay.png") 0 0 no-repeat; cursor: pointer; font-size: 0.0001px; text-indent: -999em; color: #ccc; border: none; margin-top: 12px;}

/* \Billing */

div.form_block form.guest_form div.button_block input[type="submit"].send { display: inline-block;  height:32px; width:196px; padding: 0 0 5px 20px; margin-right: 20px;  background:url(../img/btn-registr.png) no-repeat; color:#fff; font: bold 18px "Arial Narrow", Calibri, Arial, sans-serif; text-align:center }

#content ul.discount { position:absolute; top:25px; left:-19px; z-index:20}
#content ul.discount li { display:block; height:52px; width:52px; text-indent:-9999em; margin-top:-30px; }
#content ul.discount li.hit {background:url("../img/hit.png") no-repeat;}
#content ul.discount li.new {background:url("../img/new.png") no-repeat; }
#content ul.discount li.week { background:url("../img/discount.png") no-repeat; }

body.inner #content-text div.error-404 { background:#fff url("../img/bg-error.png") no-repeat right bottom; }

a.contact-form { cursor:pointer}

/* capcha */
div.form_block form.guest_form div.send_block span.question { display: block; padding-right: 18px; color: #2EACF4; font-size: 13px; text-align: right; }
div.form_block form.guest_form div.send_block span.answer { display: block;  }
/* \capcha */

#banner1 {position: relative; right: -6px; width: 222px; margin: 10px 0;}
#banner1 a {display: block;}
#banner1 img {display: block; margin: 0 auto;}
@media screen and ( max-width: 1024px )
{
#content-text div.search-result div.payment { width:auto; }
#content-text div.search-result table.info th { padding:0 0 0 30px;}
#content-text div.search-result table.info td  { padding: 0 0.5em}

#content-text div.price { padding:10px 5px}
#content-text div.price table td { padding:0.5em 3px 0.5em 3px}
#content-text div.price table th { display: none}
#content-text div.price table td.blue { padding-left:0; border-left: none}
}


body.small #content-text div.search-result div.payment { width:auto; }
body.small #content-text div.search-result table.info th { padding:0 0 0 30px;}
body.small #content-text div.search-result table.info td  { padding: 0 0.5em}

#content-text div.price { padding:10px 5px}
#content-text div.price table td { padding:0.5em 3px 0.5em 3px}
body.small #content-text div.price table th { display: none}
body.small #content-text div.price table td.blue { padding-left:0; border-left: none}


/* Маленькие фото дисков */
ul.small-cd-img {margin: 20px 0; padding: 0;}
ul.small-cd-img li {display: inline-block; margin: 0 5px 0; padding: 0; background: none;}
ul.small-cd-img li img {max-width: 88px; max-height: 66px;}

/* *** +++ LightGallery v1.3 patched +++ *** */
#LG_container {border: 1px solid #aaa; visibility: hidden; position: absolute; top: 0px; left: 0px; padding: 2px; z-index: 200; opacity: 1; background-color: #fff; background-position: center; background-repeat: no-repeat; font: normal 12px verdana, arial, sans-serif; box-shadow: 0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=135)";}
#LG_loading {background: url('../img/lightgallery/ico-loading.gif') no-repeat center; display: none; position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px;}
#LG_panel {padding: 1px 0}

#LG_prevLink,#LG_nextLink {position: absolute; top: 10px; width: 0px; height: 0px; cursor: pointer; opacity: 1 !important; filter: alpha(opacity=100) !important; visibility: visible;}
#LG_prevLink {left: 0; background: url('../img/lightgallery/prev.png') no-repeat left center; z-index: 1}
#LG_nextLink {right: 0; background: url('../img/lightgallery/next.png') no-repeat right center; z-index: 1;}

#LG_imgIndex {display: none; float: left; margin-left: 16px; color: #777; height: 20px; line-height: 20px;}
#LG_titleBar {color: #555; height: 30px; line-height: 30px; overflow: hidden; text-align: center;}
#LG_overlay {position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; display: none; opacity: 0; filter: Alpha(opacity=0);}
#LG_pic {display: none; margin: 0 auto}

#LG_zoomIn, #LG_zoomOut, #LG_zoomNormal, #LG_fitScreen, #LG_zoom_disabled {display: none; width: 20px; height: 20px; margin: 1px; float: left; cursor: pointer;}
#LG_zoom_disabled {display: none;}
#LG_zoomIn {background: url('../img/lightgallery/sprite.gif') no-repeat 0 0px}
#LG_zoomIn:hover {background: url('../img/lightgallery/sprite.gif') no-repeat 0 -40px}

#LG_zoomNormal {background: url('../img/lightgallery/sprite.gif') no-repeat 0 -80px}
#LG_zoomNormal:hover {background: url('../img/lightgallery/sprite.gif') no-repeat 0 -120px}

#LG_zoomOut {background: url('../img/lightgallery/sprite.gif') no-repeat 0 -160px}
#LG_zoomOut:hover {background: url('../img/lightgallery/sprite.gif') no-repeat 0 -200px}

#LG_fitScreen {background: url('../img/lightgallery/sprite.gif') no-repeat 0 -320px}

#LG_closeBtn {position: absolute; top: 10px; right: 10px; background:url(../img/lightgallery/close.png) 0 0 no-repeat; width: 30px; height: 30px; cursor: pointer; z-index: 20}
#LG_closeBtn:hover {}
/* *** +++ /LightGallery v1.3 patched +++ *** */

div.share42init {float:right;}
#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

ul.tabs {margin: 0 -14px; padding: 0; overflow: hidden;}
    ul.tabs li {float: left; width: 110px; height: 51px; padding: 0; margin: 0; background: none; font: normal 18px/35px Verdana; color: #fff;}
        ul.tabs li a {text-decoration: none; color: #fff; display: block; float: left; width: 110px; text-align: center; height: 51px; background: url("../img/bg_tabs.png") 0 -51px no-repeat;}
        ul.tabs li a.t_books {line-height: 28px;}
        ul.tabs li.active a.t_books {background-position: 0 0;line-height: 35px;}
        ul.tabs li a.t_cd {background-position: right 0; line-height: 28px;}
        ul.tabs li.active a.t_cd {background-position: right -51px; line-height: 35px;}

        .banner_right {height:300px;}
          .banner_right a{ color: #1688DE;}
          .banner_right img{line-height: 12; font-size:20px; margin-left: -5px; text-align: center; color: #1688DE;}

       .orderForm   {padding:4px 10px 10px; border:1px solid #008000; margin-bottom: 20px;}
.selectOrder__selected {background: url('../img/order-dropdown.png') no-repeat right 7px; padding: 0 12px 0 0; font-weight: bold;}
.selectOrder__list {display: none; position: absolute; top:-27px; left:-10px; background: #FFF; border-radius: 10px; box-shadow: 0 0 6px #000; z-index: 333; width:138px; padding:10px;}
.selectOrder, .selectOrder__items {display: inline-block; margin:0 9px 0 0;  position: relative;}
.selectOrder:hover .selectOrder__list {display: block;}
div.green li.selectOrder__item {background: none !important; border-bottom: 1px solid #CCC; padding: 0 0 5px;}
div.green .selectOrder__item a {color:#8c8b8b;}
div.green .selectOrder__item a:hover {color:#ffcd54}
div.green .selectOrder__item.-selected a {display: block; font-weight: bold; color:#ffcd54}

.showOrder {display: inline-block; margin: 0 5px 0 0; position: relative; top: 5px;}
div.green li.showOrder__item {background: url('../img/showOrder.png') no-repeat; width:15px; height:15px; padding: 0; display: inline-block; cursor: pointer;}
div.green li.showOrder__item.-type_list {background-position:-20px -15px;}
div.green li.showOrder__item.-tyle_table {background-position: 0px -15px;}
div.green li.showOrder__item.-type_list.-selected {background-position: -20px 0px}
div.green li.showOrder__item.-tyle_table.-selected {background-position: 0px 0px;}
.selectOrder__items .selectOrder__list{width: 60px;}
.selectOrder__items:hover .selectOrder__list {display: block;}


/*---TEMPORARY STYLES---*/
/*Hidden LiqPAY block*/
/*#content-text div.price table tr.buy td.green {display: none;}
#content-text div.price table tr td.green.rl {display: none;}
#content-text div.price table tr.type-payment td.green {display: none;}*/
/*Hidden LiqPAY block*/
/*.b-paySystem__item:nth-child(3) {display: none;}
.b-paySystem {width: 131px; left: 94px;}
.b-paySystem__title {margin: 0 0 3px;}
.payment table.info {float: right; margin-right: 16px !important;}
.payment table.info .green {display: none;}*/
/*---TEMPORARY STYLES---*/

/**
* @section affiliateIframe
*/

/* Iframe size */
.-type_affiliateIframe {min-width: 0; height: auto; padding: 10px 0;}
.-type_affiliateIframe #container {width: auto;}
.-type_affiliateIframe #content    {width: auto; float: none;}
.-type_affiliateIframe #content-text {width: 770px; margin: 0 auto;}

/* Iframe content fixes */
.-type_affiliateIframe #container:after, #container span.block-after {display: none;}
body.inner.-type_affiliateIframe #content-text div.cart-block { min-height: 0;}

/* iframe back button */
.b-btn {display: inline-block; padding: 5px; background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px; color: #2893DB; cursor: pointer; font: 12px Arial,Helvetica,sans-serif; text-decoration: none;}
.b-btn:hover {text-decoration: underline;}