html, body {
margin:0;
padding:0;
font-family: Arial, Sans-Serif;
color:#FFFFFF;
}
}
.thumbnailsg
{
/*Новинки на главной Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -2em 0 0 -1em;
/* Выравнивание по центру */
text-align: center;
}
.thumbnailg
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;
/* Следующее правило для Firefox 2 */
display: -moz-inline-box;
/* а это для остальных */
display: inline-block;
vertical-align: top;
/* Убираем выравнивание по центру */
text-align: center;
/* Отступы между блоками */
margin: 2em 0 0 1em;
}
.thumbnailg .rg
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */
/* Задаем минимальную ширину по тексту */
width: 12em;
/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
}
.thumbnails
{
/*Fabrics Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -2em 0 0 -4em;
/* Выравнивание по центру */
text-align: center;
}
.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;
/* Следующее правило для Firefox 2 */
display: -moz-inline-box;
/* а это для остальных */
display: inline-block;
vertical-align: top;
/* Убираем выравнивание по центру */
text-align: left;
/* Отступы между блоками */
margin: 2em 0 0 2.5em;
}
.thumbnail .r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */
/* Задаем минимальную ширину по тексту */
width: 17em;
/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
}
.floats4
{
/*Мебель на заказ Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats4:after
{
content: '';
display: block;
clear: both;
}
.floats4 .left4
{
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3em 0 0 4em;
/* Задаем минимальную ширину по картинке и тексту */
width: 14em;
min-width: 253px;
}
.floats4 .left4 .r4
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats4 .left4 .min4
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 250px 0;
/* Задаем минимальную высоту по тексту */
height: 2em;
/* Дублируем значение минимальной ширины по картинке для IE */
width: 250px;
}
.floats3
{
/*Карнизы RA Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats3:after
{
content: '';
display: block;
clear: both;
}
.floats3 .left3
{
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3em 0 0 4em;
/* Задаем минимальную ширину по картинке и тексту */
width: 14em;
min-width: 253px;
}
.floats3 .left3 .r3
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats3 .left3 .min3
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 250px 0;
/* Задаем минимальную высоту по тексту */
height: 4.5em;
/* Дублируем значение минимальной ширины по картинке для IE */
width: 250px;
}
.floats2
{
/*Карнизы Frandoli Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;
/* Эти правила для 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 4em;
/* Задаем минимальную ширину по картинке и тексту */
width: 14em;
min-width: 253px;
}
.floats2 .left2 .r2
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats2 .left2 .min2
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 130px 0;
/* Задаем минимальную высоту по тексту */
height: 3.2em;
/* Дублируем значение минимальной ширины по картинке для IE */
width: 250px;
}
.floats1
{
/*Dizz Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: 0.5em 0 0 0em;
/* Эти правила для 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: 1em 0 0 2em;
/* Задаем минимальную ширину по картинке и тексту */
width: 14em;
min-width: 253px;
}
.floats1 .left1 .r1
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats1 .left1 .min1
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 90px 0;
/* Задаем минимальную высоту по тексту */
height: 3em;
/* Дублируем значение минимальной ширины по картинке для IE */
width: 60px;
}
.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;
/* Эти правила для 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: 4em 0 0 4em;
/* Задаем минимальную ширину по картинке и тексту */
width: 14em;
min-width: 253px;
}
.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats .left .min
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 250px 0;
/* Задаем минимальную высоту по тексту */
height: 5.2em;
/* Дублируем значение минимальной ширины по картинке для IE */
width: 250px;
}
a:link {color: #93e700;}
a:hover {color:#a2a2a2;}
table.bigsky td {font-family: Arial, Sans-Serif; font-size: 90%;height:21px;}
a.skybig {color:#81539c; display: block; text-decoration: none;}
a.skyb {color:#93e700; text-decoration: none;}
a.bigsky {color:#E3E3E3; display: block; padding: 2px; text-decoration: none;}
a.bigsky:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #000000 }
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.footer, a.sky {color:#93e700;}
a.footer:hover, a.sky:hover, a.sky_black:hover {color:#b505db;}
/* layers */
div.kol {font-family: Arial; font-size:11pt; text-align:center; color:#FFFFFF;}
div.kolg {font-family: Arial; font-size:9pt; 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:15pt; text-align:left; padding-left:40px; color:#81539c;}
div.naz_s {font-family: Arial; font-style:italic; font-size:11pt; text-align:left; padding-left:45px; color:#606060;}
img.bord { border-color:#232323; border-style: solid; border-width:3px; }
img.bord1 { border-color:#FF0000; border-style: solid; border-width:3px; }
td.main_first {padding-left:16px; 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;}
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.l1h {color:#40283E; height:1px; border-style:none; background-color:#CCCCCC; 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; 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;}
.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_mno {font-family: Arial, Sans-Serif; font-weight:bold;font-size:14px;line-height:25px;color:#81539c;TEXT-DECORATION:none;BORDER-BOTTOM:1px dashed #40283E }
a.top_m2:hover { background-color: #2c2c2c; TEXT-DECORATION: none;}
a.top_lep {font-family: Arial, Sans-Serif; font-weight:bold;font-size:14px;line-height:25px;color:#FF0000;TEXT-DECORATION:none;BORDER-BOTTOM:1px dashed #FF0000 }
a.top_lep: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: #93e700; TEXT-DECORATION: none; color:#E3E3E3; BORDER-BOTTOM:0px 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; color:#E3E3E3; BORDER-BOTTOM:1px dashed #02c0ff }
a.top_m_s {font-family: Arial, Sans-Serif;font-weight:bold; font-size:17px; line-height:30px; color:#fff; TEXT-DECORATION: none; }
a.top_m_s:hover {background-color: FF9544; TEXT-DECORATION: none; color:#E3E3E3; BORDER-BOTTOM:0px dashed #ff3787 }
.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%;}
.date2 {font-size:90%; color:#81536f; line-height:100%;}
span.artique {color:#84d000;}
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;}
.web h1 {
text-align:left;
font-weight:bold;
color:#93E700;
text-decoration:none;
font-size:20px;
}
.web h2 {
text-align:left;
font-weight:bold;
color:#93E700;
text-decoration:none;
font-size:16px;
}
.web p {
font-size:12px;
text-align:justify;
}
.web li {
font-size:12px;
text-align:justify;
}
.web p.zam_h2 {
text-align:left;
font-weight:bold;
color:#93E700;
text-decoration:none;
font-size:16px;
}