html, body {
margin:0;
padding:0;
font-family: Arial, Sans-Serif;
color:#FFFFFF;
}
.floats4
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 0em; padding-left: 10pt;
text-align: center;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats4:after
{
content: '';
display: block;
clear: both;
}
.floats4 .left4
{
text-align: center;
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3.5em 0 0 0;
/* Задаем минимальную ширину по картинке и тексту */
width: 10.7em;
min-width: 260px;
}
.floats4 .left4 .r4
{
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats4 .left4 .min4
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 270px 0;
/* Задаем минимальную высоту по тексту */
height: 0.5em;
/* Дублируем значение минимальной ширины по картинке для IE */
min-width: 270px;
}
.floats3
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 0em; padding-left: 10pt;
text-align: center;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats3:after
{
content: '';
display: block;
clear: both;
}
.floats3 .left3
{
text-align: center;
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3.5em 0 0 0;
/* Задаем минимальную ширину по картинке и тексту */
width: 32 em;
min-width: 520px;
}
.floats3 .left3 .r3
{
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats3 .left3 .min3
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 333px 0;
/* Задаем минимальную высоту по тексту */
height: 0.5em;
/* Дублируем значение минимальной ширины по картинке для IE */
min-width: 520px;
}
.floats1
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em; padding-left: 10pt;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats1:after
{
content: '';
display: block;
clear: both;
}
.floats1 .left1
{
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3em 0 0 0.6em;
/* Задаем минимальную ширину по картинке и тексту */
width: 10.7em;
min-width: 510px;
}
.floats1 .left1 .r1
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats1 .left1 .min1
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 160px 0;
/* Задаем минимальную высоту по тексту */
height: 5em;
/* Дублируем значение минимальной ширины по картинке для IE */
min-width: 160px;
}
.floats2
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 0em; padding-left: 10pt;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats2:after
{
content: '';
display: block;
clear: both;
}
.floats2 .left2
{
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3em 0 0 0.6em;
/* Задаем минимальную ширину по картинке и тексту */
width: 10.7em;
min-width: 100px;
}
.floats2 .left2 .r2
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats2 .left2 .min2
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 160px 0;
/* Задаем минимальную высоту по тексту */
height: 5em;
/* Дублируем значение минимальной ширины по картинке для IE */
min-width: 160px;
}
.floats1
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em; padding-left: 10pt;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats1:after
{
content: '';
display: block;
clear: both;
}
.floats1 .left1
{
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3em 0 0 0.6em;
/* Задаем минимальную ширину по картинке и тексту */
width: 10.7em;
min-width: 100px;
}
.floats1 .left1 .r1
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats1 .left1 .min1
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 160px 0;
/* Задаем минимальную высоту по тексту */
height: 5em;
/* Дублируем значение минимальной ширины по картинке для IE */
min-width: 160px;
}
.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em; padding-left: 28pt;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3em 0 0 3em;
/* Задаем минимальную ширину по картинке и тексту */
width: 16em;
min-width: 253px;
}
.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats .left .min
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 250px 0;
/* Задаем минимальную высоту по тексту */
height: 6.35em;
/* Дублируем значение минимальной ширины по картинке для IE */
width: 250px;
}
.ins { TEXT-DECORATION:none; padding-left:50px; color:#E3E3E3}
.ins:hover {text-decoration:underline;BORDER-BOTTOM:none}
table.bigsky td {font-family: Arial, Sans-Serif; font-size: 90%;height:21px;}
a.skybig {color:#93e700; display: block; font-weight: bold; text-decoration: none;}
a.skyb {color:#93e700; text-decoration: none;}
a.bigsky {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky:visited {color:#E3E3E3;}
a.bigsky1 {color:#999999; padding: 2px; font-size:70%}
a.bigsky1:hover {color:#ffffff; padding: 2px; background-color: #000000; font-size:70%}
a.bigsky1:visited {color:#999999;}
td.storemenu a.bigsky {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #000000}
a.activebigsky, a.subbigsky, a.sky_black {color:#000000; display: block}
a.activebigsky {padding: 2px; display: block;}
a.activebigsky:hover, a.subbigsky:hover {color:#BD000D}
span.current {display: block; padding: 2px; font-weight: bold;}
a.kont {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky_1 {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky_2 {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky_3 {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky_4 {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky_5 {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky_6 {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky_1:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #d9022b}
a.bigsky_2:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #186198}
a.bigsky_3:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #e08f08}
a.bigsky_4:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #81539c}
a.bigsky_5:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #248100}
a.bigsky_6:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #88ac10}
a.footer {color:#93e700;}
a.sky {color:#93e700; display: block; font-weight: bold; text-decoration: none;}
a.sky_a {color:#b505db; font-weight: bold;}
a.footer:hover, a.sky:hover, a.sky_black:hover {color:#b505db;}
img.kids {position: relative; z-index: 2; border-color:#232323; border-style: solid; border-width:5px;}
div.kids {position: relative; z-index: 3;color:#FFFFFF;}
/* layers */
div.kol {font-family: Arial; font-size:11pt; text-align:center; color:#FFFFFF;}
div.naz {font-family: Tahoma; font-size:13pt; text-align:center; color:#93e700;}
div.naz_v {font-family: Tahoma; font-size:16pt; text-align:left; padding-left:30px; color:#81539c;}
div.nazvn {font-family: Tahoma; font-size:16pt; text-align:left; padding-left:30px;color:#81539c;}
div.naz_s {font-family: Arial; font-style:italic; font-size:11pt; text-align:left; padding-left:35px; color:#606060;}
img.bord { border-color:#232323; border-style: solid; border-width:5px; }
td.main_first {padding-left:16px; vertical-align:top; padding-right:16px; padding-bottom:0;}
td.main {padding-left:22px; padding-right:22px; padding-bottom:0.5em;}
td.content {padding-left:0; padding-right:22px; padding-bottom:1em;}
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; color:#FFFFFF;}
li.square {list-style-type:square; margin-bottom:0.2em; color:#FFFFFF;}
li.plain {list-style-type:square; margin-bottom:0em; color:#FFFFFF;}
li.square_ol {margin-bottom:0.2em; color:#FFFFFF;}
span.st1 {padding-right:20pt;text-align:right; color:#84d000; text-decoration: line-through }
span.st2 {padding-right:20pt;color:#84d000;}
div.img {width: 202px; height: 282px; margin-bottom: 0.5em; }
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:#d9022b; 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;}
.gl {font-size:82%; align:justify; line-height:130%; margin-bottom:0.5em; margin-top:0; color:#FFFFFF; font-family: Arial, Sans-Serif;}
.body, .body_first {font-size:100%; line-height:130%; margin-bottom:0.5em; margin-top:0; color:#FFFFFF; font-family: Arial, Sans-Serif;}
.body2 {font-size:100%; vertical-align:center; margin-bottom:0.3em; margin-top:0; color:#FFFFFF; font-family: Arial, Sans-Serif;}
.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-family: Arial, Sans-Serif; font-size:100%; line-height:130%; margin-bottom:1em; margin-top:0; text-indent:0em; color:#FFFFFF; background-color: #000;}
.body_list2 {font-size:100%; line-height:130%; margin-bottom:0em; margin-top:0; text-indent:0.5em;}
a.top_m1 {font-family: Arial, Sans-Serif; font-weight:bold; font-size:14px; line-height:25px; color:#fff; TEXT-DECORATION: none; BORDER-BOTTOM:1px dashed #fff }
a.top_m1:hover {color:#fff; background-color: #2c2c2c; TEXT-DECORATION: none; BORDER-BOTTOM:1px dashed #fff }
a.top_m2 {font-family: Arial, Sans-Serif; font-weight:bold;font-size:14px;line-height:25px;color:#81539c;TEXT-DECORATION:none;BORDER-BOTTOM:1px dashed #81539c }
a.top_m2:hover { background-color: #2c2c2c; TEXT-DECORATION: none;}
a.top_m {font-family: Arial, Sans-Serif; font-size:14px; line-height:22px; color:#81539c; TEXT-DECORATION: none; BORDER-BOTTOM:1px dashed #81539c }
a.top_m:hover { background-color: #2c2c2c; TEXT-DECORATION: none; }
a.top_m_f {font-family: Arial, Sans-Serif;font-weight:bold; font-size:17px; line-height:30px; color:#fff; TEXT-DECORATION: none; }
a.top_m_f:hover {background-color: #ff3787; TEXT-DECORATION: none; color:#E3E3E3; BORDER-BOTTOM:1px dashed #ff3787 }
a.top_m_a {font-family: Arial, Sans-Serif;font-weight:bold; font-size:17px; line-height:30px; color:#fff; TEXT-DECORATION: none; }
a.top_m_a:hover {background-color: #02c0ff; TEXT-DECORATION: none; BORDER-BOTTOM:1px dashed #02c0ff }
.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; color:#555555;}
.smaller_bold {font-size:85%; font-weight:bold;}
.date {font-size:70%; color:#81536f; line-height:100%;}
.date4 {font-size:70%; color:#81536f; line-height:100%;text-align:right;}
.date5 {font-size:70%; color:#8f8f8f;line-height:100%;}
.date2 {font-size:70%; color:#fff; line-height:100%;}
.date3 {font-size:70%; color:#fff; line-height:100%; padding-left: 70pt; }
span.artique1 {color:#fff; background-color: #a98700; }
span.artique2 {color:#fff; font-weight:bold; background-color: #81536f; }
span.artique3 {color:#fff; font-weight:bold; background-color: #993366; }
span.artique {color:#84d000; background-color: #000; }
span.ooo {padding-left: 1.5pt;}
span.oo {padding-left: 1.5pt; padding-right: 1.5pt;}
input.emptySearch {color: #C0C0C0;}
div.visible {display: block}
div.invisible {display: none}
.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;}