/* 05.08.2006 */
html, body {
        margin:0;
        padding:0;
}

a:link                {color: #0055CC;}
a:hover                {color:#CC0000;}

table.branches td        {font-family: Arial, Sans-Serif; font-size: 90%;height:21px;}


a.branches        {color:#E3E3E3; display: block; padding: 2px; text-decoration: underline;}
a.branches:visited        {color:#E3E3E3;}
td.storemenu a.branches                {color:#E3E3E3; display: block; padding: 2px; text-decoration: underline; background-image: url('http://store.artlebedev.ru/_i/2007/menu-dark.jpg')}
a.branches:hover                {color:#FFFFFF; display: block; padding: 2px; background-color: #666666}

a.activebranches, a.subbranches, a.fresh_black        {color:#000000; display: block}
a.activebranches        {padding: 2px; display: block;}
a.activebranches:hover, a.subbranches:hover        {color:#BD000D}
span.current {display: block; padding: 2px; font-weight: bold;}

a.footer, a.fresh                {color:#0055CC;}

a.footer:hover, a.fresh:hover, a.fresh_black:hover        {color:#FF0000;}

/* layers */
td.main_first                {padding-left:22px; padding-right:22px; padding-bottom:0;}
td.main                        {padding-left:22px; padding-right:22px; padding-bottom:1.5em;}
td.content                        {padding-left:0; padding-right:22px; padding-bottom:1.5em;}
div.main        {padding-left: 22px;}
td.main_black                {background-color:#000000; padding-left:22px; padding-right:22px; padding-bottom:1.5em;}
td.side                        {padding-left:22px; padding-right:22px; /* padding-bottom:1.5em;*/}

h1.main_title, h1.portfolio_work_title                {font-size:150%; margin-left:22px; margin-right:33%;}
h1 span a.navi {
        text-decoration:none;
        border-bottom:1px solid blue;
}
h1 span a.navi:visited {
        border-color:#800080;
}
h1.main_title2                                {font-size:150%; margin-left:22px; margin-right:22px;}
h1.generic_title                {font-size:150%; margin-left:0; margin-right:2em;}
p.subtitle        {font-size:85%; line-height:130%; margin-bottom:1.5em; margin-top:-1em; margin-left: 22px;}

h2.subtitle_first, h2.subtitle_first_full        {font-size:120%; margin-bottom:0.5em; margin-top:0;}
h2.subtitle, h2.subtitle_full                        {font-size:120%; margin-bottom:0.5em; margin-top:1.5em;}

h3.subtitle_first, h3.subtitle_first_full        {font-size:100%; margin-bottom:0.5em; margin-top:0;}
h3.subtitle, h3.subtitle_full                        {font-size:100%; margin-bottom:0.5em; margin-top:1.5em;}

.list                        {margin-left:2em; margin-bottom:1em; margin-top:0;}

li.main_li                {list-style-type:square; margin-bottom:1em;}
li.square                        {list-style-type:square; margin-bottom:0.2em;}
li.plain                        {list-style-type:square; margin-bottom:0em;}
li.square_ol                {margin-bottom:0.2em;}

/* preview */
div.thumbnail                {padding-left: 22px; width: 202px; height: 315px; margin: 0 22px 22px 0; float: left; font-size: 90%;}
div.img                        {width: 202px; height: 282px; margin-bottom: 0.5em; }
div.thumbnail img.shifted                {position: relative; top: 0; left: -8px; z-index: 5;}

div.image_first                {margin-bottom:0.5em; margin-top:0;}
div.image                        {margin-bottom:0.5em; margin-top:0.5em; color:#c6c6c6; border-style:none;}
div.image2                {margin-bottom:2em; margin-top:2em;}
div.image3                {margin-bottom:1em; margin-top:1em;}

span.active, a.active        {background-color:#EBEBCF; padding:2px;}
span.inactive                        {padding:2px;}

hr.l1                        {color:#555555; height:1px; border-style:none; background-color:#555555; margin-top:0; margin-bottom:0;}
hr.l1g                        {color:#CCCCCC; height:1px; border-style:none; background-color:#CCCCCC; margin-top:0; margin-bottom:0;}
div.block                        {color:#BD000D; height:5px; width:3em; border-style:none; background-color:#BD000D; margin-top:1.5em; margin-bottom:1px;}
div.block_alien                {color:#777777; height:5px; width:3em; border-style:none; background-color:#777777; margin-top:1.5em; margin-bottom:1px;}

.body, .body_first                {font-size:100%; line-height:130%; margin-bottom:0.5em; margin-top:0;}
.body_shifted                {font-size:100%; line-height:130%; margin-bottom:0.5em; margin-top:0; margin-left:1.5em;}
.body_smaller                {font-size:85%; line-height:130%; margin-bottom:0.5em; margin-top:0; text-indent:0em;}
.body_larger                {font-size:120%; line-height:130%; margin-bottom:0.5em; margin-top:0; text-indent:0em;}
.body_list                {font-size:100%; line-height:130%; margin-bottom:1em; margin-top:0; text-indent:0em;}
.body_list2                {font-size:100%; line-height:130%; margin-bottom:0em; margin-top:0; text-indent:0.5em;}

.small                        {font-size:90%;}
.smaller                        {font-size: 85%;}
.italic                        {font-style:italic;}
.bold                        {font-weight:bold;}
.gray                        {color:#555555;}
.lgray                        {color:#CCCCCC;}
.smaller_italic                {font-size:85%; font-style:italic;}
.smaller_bold                {font-size:85%; font-weight:bold;}
.date                        {font-size:70%; color:#555555; line-height:100%;}

span.ooo        {padding-left: 1.5pt;}
span.oo                {padding-left: 1.5pt; padding-right: 1.5pt;}
input.emptySearch {color: #C0C0C0;}

Div#HiResArtLebedevLogo img {display: none;}
.HiRes {display: none;}
.LoRes {display: block;}

#ArtLebedevBaseLogo {width: 90px; height: 60px; background: black url('http://img.artlebedev.ru/;-)/artlebedev_logo.gif') top left no-repeat; position: relative}
#ArtLebedevLogo {position: absolute; top: 0; left: 0; height: 30px; width: 90px; background-color: #BD000D; background-image: url('http://img.artlebedev.ru/artlebedev_logo.png'); background-position: top left; background-repeat: no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://img.artlebedev.ru/artlebedev_logo.png,sizingMethod=crop); display: none}
#ArtLebedevLogo a div {height: 30px; width: 90px; border: 0; cursor: pointer; cursor: hand}

@media print{
        .LoRes {display: none;}
        .HiRes {display: block;}
        .LoRes img {display: none;}
        div#HiResArtLebedevLogo img {display: inline; width: 273px; height: 66px;}
        td.HiResLeft, td.HiResRight {width: 50%; padding-left: 22px;}
}

div.visible {display: block}
div.invisible {display: none}

span.sbrace {margin-right: 0.3em}
span.hbrace {margin-left: -0.3em}

span.slaquo {margin-right: 0.44em}
span.hlaquo {margin-left: -0.44em}
span.slaquo-s {margin-right: 0.55em}
span.hlaquo-s {margin-left: -0.55em}

span.sbdquo {margin-right: 0.35em}
span.sbdquo:after { content: ' '; }
span.hbdquo {margin-left: -0.35em}
span.sbdquo-s {margin-right: 0.35em}
span.sbdquo-s {margin-left: -0.35em}

span.squot {margin-right: 0.32em}
span.hquot {margin-left: -0.32em}

span.sowc {margin-right: 0.04em}
span.howc {margin-left: -0.04em}

span.sowcr {margin-right: 0.05em}
span.howcr {margin-left: -0.05em}

.hang {margin: 0; padding: 0}

span.pause {margin-right: -0.25em; width: 0.25em}
span.pause span {position: relative; top: 0; left: 0}
span.pause span.ptop {top: -0.38em}
span.pause span.pbot {left: -0.25em}
span.pause span.pbot-s {left: -0.3em}
span.pause span.ptop-s {top: -0.4em; left: -0.05em}

.smaller span.pause {margin-right: -0.25em; width: 0.25em}
.smaller span.pause span {position: relative; top: 0; left: 0}
.smaller span.pause span.ptop {top: -0.42em}
.smaller span.pause span.pbot {left: -0.28em}
.smaller span.pause span.pbot-s {left: -0.3em}
.smaller span.pause span.ptop-s {top: -0.4em; left: 0.05em}

p.incut, div.incut {background-color: #F5F5EA; padding: 0.5em}

table.task {background-color: #F5F5EA; margin-bottom: 1em;}
table.task td {font-size: 85%; padding-top: 1em; padding-bottom: 1em}
table.task td.title {font-style: italic; padding-right: 1em;}
table.task td.text {padding-right: 1em;}

.downloadable        {background-color: #F5F5EA; position: relative; top: 0; left: -0.5em; padding: 0.5em; z-index: 1;}

.descr                        {margin-left: 50%; margin-top:1em; font-size:85%; text-align:left; font-style:italic; color:#000;}
.descr2                        {margin-top:1em; font-size:85%; text-align:left; font-style:italic; color:#000;}
p.text, div.text {width: 67%; padding-left: 22px;}

.monthTable a
{
        padding: 2px;
        display: block;
        width: 64px;
}
.monthTable a
{
        border: 2px solid #B2001A;
}
.monthTable a:visited
{
        border: 2px solid #FFFFFF;
}

.script, .script:visited, .script:active  {
        color: #0055CC;
        border-bottom: 1px dashed #0055CC;
// padding-bottom: 1px;
        cursor: pointer;
        cursor: hand;
}
.script:hover, a.yr:hover  {
        color: #CC0000;
        border-bottom: 1px dashed #CC0000;
// padding-bottom: 1px;
}

a.yr{
        display:block;
        position:absolute;
        top:5px;
        right:5px;
        text-decoration: none;
        color:#999;
        font-size:.8em;
}

div#yr {
        font-size:.75em;
        display:none;
        z-index:1000;
        position:absolute;
        top:92px;
        right:0;
        border:1px solid #ccc;
        border-top:none;
        border-right:none;
        background-color:white;
        width:300px;
}

div#yr p {margin:0 .5em .5em;line-height:130%;}

p.yr {margin:.5em;text-align:right;}

@font-face {
        font-family: "Rubl Sign";
        src: url(http://www.artlebedev.ru/;-)/ruble.eot);
}
span.rur {
        font-family: "Rubl Sign";
        text-transform: uppercase;
        // text-transform: none;
}
span.rur s {
        position: absolute;
        overflow: hidden;
        width: .45em;
        height: 1em;
        margin: .1ex 0 0 -.55em;
        text-decoration: none;
        // display: none;
}
span.rur s:before {
        content: '\2013';
}