/*---reset-----------------------*/

* {
    font-size: 100.01%;
    font-family: 'Lucida Grande', tahoma, verdana, arial;
}

:focus {outline: 0;}

body, html,
h1, h2, h3, h4, h5, h6,
address, blockquote, div, p, pre,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, table, tbody, td, tfoot, th, thead, tr,
img,
iframe, object  {
    margin: 0;
    padding: 0;
    border: 0;
}

ul li {margin-left: 1.25em;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    vertical-align: top;
    text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {content: '';}

blockquote, q {quotes: '' '';}

/*---default---------------------*/

html, body {height: 100%;} 

body {
    background: white;
    font-size: .75em;
    line-height: 1.4;
    color: #000;
}

h1, h2, h3, h4 {
    margin: 0 0 0.3em;
    font: normal 1em 'Lucida Grande', tahoma;
    line-height: 1.1;
    color: #000;
}

h1 {   
    margin-left: 28px;
    font-size: 1.4em;    
    text-transform: uppercase;
}

h2 {
    font-weight: bold;
    margin: 0 0 0.2em;
}

p, ul {margin-bottom: 1em;}

a {
    text-decoration: underline;
    color: #0028aa;
}

a:hover, a:active, a:focus {color: #0028aa !important;}

small, sub, sup {font-size: 80%;}
noindex a {border: 0 !important;}
/*---develop---------------------*/

.z {border: 1px dashed red;}

.x {background-color: orange;}

/*---container-------------------*/

.l-container {
    margin: 0 auto;
    min-width: 960px;
    width: 100%;
    max-width: 1280px;
    min-height: 100%;
    position: relative;
}

.l-container .footer,
.l-container .page{
    width: 958px;
    margin: 0 auto 4px;    
    position: relative;
}

.l-container .footer {
    padding-top: .38em;
}

.l-container .footer p {
    margin-left: -6px;
    font-size: .92em;
    color: #0028aa;
}

.l-container .footer p a {
        margin: 0 6px;
        text-decoration: none;        
    }

.l-container .footer p span {
    margin-left: 6px;
    color: #aaa09b;
}

/*---меню------------------------*/

.b-menu {    
    overflow: hidden;
    position: relative;
    zoom: 1;
    background: url(../img/menu-bg.gif) 0 0 repeat-x;
    font: bold .9em 'Lucida Grande', tahoma;
    color: #fff;
    letter-spacing: 1px;
}

.b-menu a {
    text-decoration: none;
    color: #fff;
}

.b-menu a:hover,
.b-menu a:active,
.b-menu a:focus {color: #fff !important;}

.b-menu dt {
    padding: .25em 0 .58em 0;
    height: 1.88em;
    float: left;
    position: relative;
    line-height: 2;
    cursor: pointer;
}

.b-menu .b-menu-dt:hover {
    background: url(../img/menu-bg-selection.gif) 0 0 repeat-x;
}

.b-menu .b-menu-dt span {
    padding: 0 1em 0 2em;
    display: inline-block;
    height: 29px;
    background: url(../img/menu-ins.gif) 0 -3px no-repeat;
}

.b-menu .b-menu-dt span:hover,
.b-menu dt.selected span  {
    background: url(../img/menu-ins-selection.gif) 0 -3px no-repeat;
}

.b-menu dt.selected {
    background: url(../img/menu-bg-selection.gif) 0 0 repeat-x;
    z-index: 3;
    cursor: auto;
}

.b-menu dd {
    margin: 1.94em 0 0 -100%;
    width: 100%; 
    display: none;
    float: right;
    position: relative;
    z-index: 2;
}

.b-menu dd.selected {
    display: block;
}

.b-menu .b-menu-content {
    margin-top: .68em;
    font: normal 1em 'Lucida Grande', tahoma;
}

/*---второй уровень---*/
.b-menu-content {
    margin-left: 1px;
    height: 2.8em;
} 

.b-menu-dt-inner dt {
    padding: .25em .5em .58em;
} 

.b-menu-dt-inner dt span {
    padding-left: 1.4em;
    background: url(../img/menu-small.gif) 0 3px no-repeat;
}

.b-menu-dt-inner dt.selected span,
.b-menu-dt-inner span:hover {
    background: url(../img/menu-small-selection.gif) 0 3px no-repeat;
}

.b-menu-dt-inner dt.selected {
    background: none;
}

.b-menu-dt-inner dd {
    margin: 3.15em 0 0 -100%;
}

/*---третий уровень-*/
.b-menu-dt-content {
    margin: 0 -1px;
    width: 100%;
    height: 300px;
    position: relative;
    background: 0 0 no-repeat;
    z-index: 4;
}

.b-menu-dt-content ul {
    margin: 0 10px 0;
    padding: 6px 10px 0 32px;
    width: 215px;
    list-style-type: none;
    position: relative;
    background: #beb9b6 url(../img/menu.gif) 10px 5px no-repeat;
    opacity: .90;
    z-index: 5;
}

.b-menu-dt-content ul h2 {
    color: #fff;
    padding-bottom: 8px;
}

.b-menu-dt-content ul li {
    margin: 0 -10px 0 -32px;
    padding: 0;
    zoom: 1;
}

.b-menu-dt-content ul li.selected {
    padding: 5px 10px 5px 32px;
    background: #9c9d9f url(../img/menu-small-selection.gif) 15px 8px no-repeat;
}

.b-menu-dt-content a {
    padding: 3px 10px 5px 32px;
    display: block;
    text-decoration: none;
    color: #fff;
    opacity: 1;
    zoom: 1;     
}

.b-menu-dt-content a:hover,
.b-menu-dt-content a:active,
.b-menu-dt-content a:focus {background-color: #9c9d9f;}

/*---content---------------------*/

.l-content {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.l-content .right-4,
.l-content .right,
.l-content .center,
.l-content .left {
    width: 0;
    float: left;
    clear: right;
}

.l-content .center {width: 100%;}

@media screen and (-webkit-min-device-pixel-ratio: 0){
    .l-content .right-4,
    .l-content .right,
    .l-content .left {width: 0.1%;}
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
    .l-content .center {width: 99.8%;}
}

.l-content * .content-block,
.l-content .right-4 .wrapper,
.l-content .right .wrapper,
.l-content .center .wrapper,
.l-content .left .wrapper {
    padding: 0 1px;
    position: relative;
    zoom: 1;    
}

.l-content .left .wrapper {margin-right: -237px;}

.l-content .right .wrapper {margin-left: -237px;}

/*---3 колонки блоков------*/
.l-content .center .wrapper {margin: 0 241px;}

/*---3 цветные колонки блоков--*/
.content_color-3 .center .wrapper,
/*---2 колонки блоков------*/
.l-content-2 .center .wrapper {margin: 0 241px 0 0;}

/*---4 колонки блоков------*/
.l-content .right-4 .wrapper {margin-left: 4px;}

.l-content-4 .center {width: 74.8%;}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .l-content-4 .center {width: 75%;}
}
.l-content-4 .center .wrapper {margin: 0 241px 0 241px;}
.l-content-4 .left .wrapper {margin-right: -237px;}
.l-content-4 .right-4 .wrapper {margin-right: -241px;}

.content_color-3 .center .wrapper {margin: 0 241px 0 0;}
.content_color-3 .right-4 .wrapper {
    margin-left: 3px;
    width: 236px;
}

.l-content .right-4 .wrapper,
.l-content .right .wrapper,
.l-content .center .wrapper,
.l-content .left .wrapper {
    padding-top: 1px;
    background: #aaa09b;
}

.l-content .right-4 .wrapper,
.l-content .right .wrapper,
.l-content .center .content-block,
.l-content .left .content-block {padding-bottom: 0px;}

.content_white .right-4 .content-block,
.content_white .right .content-block,
.content_white .center .content-block,
.content_white .left .content-block,
.l-content .right-4 .wrapper,
.l-content .right .wrapper,
.l-content .center .wrapper,
.l-content .left .wrapper {    
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

@media all and (-webkit-min-device-pixel-ratio:0) {
    .l-content .right .wrapper {width: 237px;}
    .l-content .left .wrapper,
    .l-content .right-4 .wrapper {width: 234px;}     
}

.content_white .right-4 .content-block,
.content_white .right .content-block,
.content_white .center .content-block,
.content_white .left .content-block {background: #fff;}

.content_border .right-4 .wrapper,
.content_border .right .wrapper,
.content_border .center .wrapper,
.content_border .left .wrapper {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 1px;    
    border-top: 1px solid #aaa09b;
    background: #fff;
}

/*---2 цветные колонки блоков--*/
.content_color .center .wrapper {background: #9c9d9f;}
.content_color .right .wrapper {
    margin-left: -240px;
    width: 240px;
}

.content_color h3 {margin: .56em .50em;}
.content_color h3 img {margin: 0 .81em -.13em 0;}

.content-block h4 {
    margin: 0 -1px;
    padding: 5px 0 0 12px;       
    height: 31px;
    background: url(../img/content-block.gif) 0 0 repeat-x;
    color: #fff;
}

.b-text-block {margin: .31em .63em .21em .66em;}

.b-text-block ul li {margin-bottom: .31em;}

/*---1 колонка блоков----------*/
.l-content-1 {
    padding: .31em 1.56em 1.56em;
    background: url(../img/content-block.gif) 0 0 repeat-x;
    border: 1px solid #aaa09b;
}

.l-content-1 h4 {
    margin: 5px 0 25px -8px;
    color: #fff;
}

/*---внутренний блок из 2х колонок----------*/

.b-column {
    width: 100%;
    position: relative;
}

.b-column:after {
    clear: both;
    display: block;
    content: '';
}

.b-column .b-column-wrapper {
    width: 100%;
    float: left;
}

.b-column .b-column-right {margin: 0 0 0 245px;}

    /*---b-column-right-без картинки--*/
   .b-column .b-column-right-non  {margin: 0;}

.b-column .b-column-left {
    margin-left: -100%;
    width: 240px;
    float: left;
}

/*---панель--------------*/
.b-column-panel .b-column-right {margin: 0 60px 0 255px;}
.b-column-panel .b-column-left {
    padding-left: 28px;
    width: 190px;
}

.b-column-panel .b-column-left img {margin-bottom: 20px;} 

.content_color * {color: #fff;}
    
.content_color .b-text-block,
.content_color-3 .b-text-block {text-align: center;}

.content_color-3 h3 {margin-bottom: 1.56em;}

.content_color-3 .b-column-right p {margin: 0;}

.content_color-3 .b-column-right p img {margin: 0 10px -3px -25px}

.content_color-3 .b-column-left {padding-left: 50px;}

/*---Стрелки---------------------*/

.b-pointer-right,
.b-pointer-left {
    width: 15px;
    height: 15px;
    position: absolute;    
    top: 5em;
    display: block;
    background: url(../img/pointer-left.gif) 0 0 no-repeat;
    z-index: 10;
}

.b-pointer-left {left: 5px;}

.b-pointer-right {
    right: 5px;
    background: url(../img/pointer-right.gif) 0 0 no-repeat;
}

.content_color-3 .b-pointer-right,
.content_color-3 .b-pointer-left {top: 8em;}

/*---раскрывающийся список-------*/

.b-list-description {
    width: 100%;
}

.b-list-description dt {
    padding: 0 0 1.13em 20px; 
    background: url(../img/menu-small.gif) 0 5px no-repeat;
    cursor: pointer;
}

.b-list-description dt:hover {
    background: url(../img/menu-small-selection.gif) 0 5px no-repeat;
}

.b-list-description dt.selected {
    background: url(../img/menu-small-selection.gif) 0 5px no-repeat;
    cursor: auto;
}

.b-list-description dd {
    padding: 0 0 1.13em 20px;
    width: 100%;    
    display: none;    
}

.b-list-description dd.selected {
    margin: 0 0 0.88em;
    padding: 0.94em 0;
    border-top: 1px solid #aaa09b;
    display: block;
}

    /*---раскрывающийся список-"Где купить AUPING?"------*/
   .b-list-description dd div {margin-bottom: 10px;}
   
   .b-list-description dd div p {margin: 0px;}

/*---две колонки блоков 50%---*/

.l-duas {
    width: 100%;
    position: relative;
}

.l-duas:after {
    clear: both;
    display: block;
    content: '';
}

.l-duas .wrapper {
    width: 100%;
    float: left;
}

.l-duas .right {margin: 0 0 0 50%;}

.l-duas .left {
    margin-left: -100%;
    width: 50%;
    float: left;
}

/*---Контакты и спецпредложения---*/

.logo {
    height: 70px;
    position: relative;
}

.logo__left {position: absolute;}

.logo__right {
    margin: 0 4px 0 0;
    padding-top: 15px;
}

.logo__right a {
    margin-bottom: 1em;
    display: block;
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
    font-size: .92em;
}

.logo__right a img {margin: 0 0 -0.50em .31em;}