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

* {
    font-size: 100.01%;
    font-family: 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;
}

ol, ul {list-style: none;}

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: .81em;
    line-height: 1.3;
    color: #3c3c3c;
}

h1, h2, h3, dt {
    margin: 1.4em 0 .95em;
    font-weight: normal;
    font-size: 1em;
}

h1 {
    font-size: 1.62em;
    position: relative;
    z-index: 2;
}

h2, dt {font-size: 1.31em;}

h1, h2:first-child, h2:first-child, h3:first-child {margin-top: 0;}

h1+h2, h2+h3 {margin-top: 0;}

p, dd {margin-bottom: 1.3em;}

blockquote {
    margin: 1.3em 0 1.2em 0;
    font: italic 1.54em arial;
}

a {
    text-decoration: underline;
    color: #3a9c01;
}

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

/*---develop---------------------*/

.с {color: red;}

.z {border: 1px dashed red;}

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

.l-container {
    min-width: 895px;
    width: 100%;    
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

.l-container .page {
    margin: 0 auto;
    width: 895px;
    position: relative;
}

.l-container .wrapper {
    padding: 48px 45px 0 67px;
    overflow: hidden;
    position: relative;
}

.l-container .vertical-right,
.l-container .vertical-left {
    width: 14px;
    height: 9999px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.l-container .vertical-left {display: none;
    margin-left: -14px;
    background: url(../img/vertical-left.gif);
}

.l-container .vertical-right {display: none;
    margin-left: 100%;
    background: url(../img/vertical-right.gif);
}

/*---header----------------------*/

.b-header {
    width: 100%;
    position: relative;
    z-index: 1;
}

.b-header a {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.b-header span {
    padding: 0 200px .65em 0;
    position: relative;
    top: -12px;
    display: block;
    font-size: 2.38em;
    line-height: 1.1;
    color: #399c00;
}

.b-header span small {
    margin-top: .25em;
    display: block;
    font-size: .55em;
    color: #838c8c;
}

/*---footer----------------------*/

.b-footer {
    padding: 2em 0 .2em;
    width: 100%;
}

.b-footer a,
.b-footer {color: #838c8c;}

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

.l-content {
    padding-right: 45px;
    height: 100%;
}

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

.l-content .right,
.l-content .left {
    width: 50%;
    float: left;
    clear: right;
    position: relative;
}

.l-content .right {right: -45px;}

/*---corner----------------------*/

.b-corner {
    overflow: hidden;
    position: relative;
    display: block;
    background: #57bb1e;
    color: white;
    text-decoration: none;
}

.b-corner .center {
    padding: 0 13px;
    font-size: 1.62em;
    line-height: 1.8;
}

.b-corner .cn {
    width: 36px;
    height: 36px;
    position: absolute;
    left: -18px;
    display: block;
    background: url(../img/corner.png);
}

.b-corner .br,
.b-corner .tr {margin-left: 100%;}

.b-corner .tl,
.b-corner .tr {top: -18px;}

.b-corner .bl,
.b-corner .br {bottom: -18px;}

.b-corner-numer {
    margin: -.4em -55px 0 0;
    position: absolute;
    right: 100%;
}

.b-corner-back {
    float: left;
    position: relative;
    left: -68px;
    background: #c3c3c3;
}

.b-corner-forward {
    float: right;
    position: relative;
    right: -46px
}

.b-corner-back .center {padding-left: 16px;}

.b-corner-forward .center {padding-right: 16px;}

.b-corner-forward-off .center {padding: 0 44px 0 30px;}

a.b-corner-forward:hover,
a.b-corner-back:hover,
a.b-corner-forward,
a.b-corner-back {color: white !important;}

a.b-corner-forward:hover,
a.b-corner-back:hover {background: #ff0000;}

/*---panel-----------------------*/

.l-panel {
    padding-top: 2.8em;
    width: 100%;
    position: relative;
}

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

/*---quotes----------------------*/

.b-quotes {
    margin-bottom: -3px;
    position: relative;
}

.b-quotes-left {
    margin-right: -14px;
    left: -21px;
}

.b-quotes-right {margin-left: 7px;}

/*---autor-----------------------*/

.b-autor {
    margin: -.9em 0 3.15em;
    width: 100%;
    height: 100%;
}

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

.b-autor span {
    float: right;
    display: block;
    font-style: italic;
    font-family: arial;
}

/*---extract---------------------*/

.b-extract {
    margin: 2.4em 0;
    width: 100%;
    height: 100%;
}

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

.b-extract img {
    margin: 3px 1.08em 0 0;
    float: left;
    display: block;
    border-left: 3px solid #57bb1e;
}

.b-extract span {
    overflow: hidden;
    display: block;
    color: #3a9c01;
}

/*---review----------------------*/

.b-review {
    margin-bottom: 4em;
    width: 100%;
}

/*---center----------------------*/

.b-center {
    text-align: center;
    font-style: italic;
    font-family: arial;
}

.b-center-2 {
    margin-bottom: 3.8em;
    width: 81%;
    position: relative;
    left: 10%;
    text-align: left;
}

/*---glossary--------------------*/

.b-glossary {
    margin: 1.3em 0 1.9em;
    padding: 1.1em 0;
    width: 100%;
    border-right: 3px solid #57bb1e;
    border-left: 3px solid #57bb1e;
    background: #f7f7f7;
}

.b-glossary table {
    margin: 0 auto;
    width: 71%;
}

.b-glossary td {padding: 1em .69em;}

.b-glossary .translate,
.b-glossary td div {color: #399c00;}

.b-glossary td div {
    margin-top: -.45em;
    position: relative;
    text-align: center;
    font-size: 2.38em;
}

/*---images----------------------*/

.b-images {
    margin: 2.2em 0 2em;
    width: 100%;
    height: 100%;
}

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

.b-images img {
    margin: 0 auto;
    position: relative;
    display: block;
}

/*-------------------------------*/

.b-images-1 {margin: -3.2em 0 77px;}

.b-images-1 img {
    margin-right: -46px;
    float: right;
}

/*-------------------------------*/

.b-images-2a {margin-bottom: 1.6em;}

.b-images-2a img {left: -30px;}

.b-images-2b {margin: 5.2em 0 1em;}

.b-images-2b img {left: -53px;}

/*-------------------------------*/

.b-images-3 {margin-bottom: 2.8em;}

.b-images-3 img {
    margin-left: -67px;
    float: left;
}

/*-------------------------------*/

.b-images-4 {margin: 0 0 54px;}

/*-------------------------------*/

.b-images-5 {margin-top: 1em;}

/*-------------------------------*/

.b-images-6a {margin-top: 3.2em;}

.b-images-6b {margin: -33px 0 -.8em;}

/*-------------------------------*/

.b-images-7 {margin: 0 0 -.2em;}

/*-------------------------------*/

.b-images-8 {margin: -7.8em 0 60px;}

.b-images-8 img {
    margin-right: -46px;
    float: right;
}