/* MAIN
----------------------------------------------- */
body {font-size: 12px; line-height: 16px;}
body,
input,
select,
textarea {font-family: Arial, Helvetica, sans-serif; color: #7f7f7f;}

a,
a:hover {color: #c81005;}

p {margin: 0 0 16px;}

h1, h2, h3, h4, h5, h6 {font-size: 12px; line-height: 16px; color: #c81005; margin: 0 0 16px;}

h1 {font-size: 24px; line-height: 28px; font-weight: normal; margin-bottom: 13px;}
h1 a,
h1 a:hover {color: #c81005;}

h2 {font-size: 20px; line-height: 24px; font-weight: normal;}
h2 a,
h2 a:hover {color: #c81005;}

h3 {font-size: 16px; line-height: 20px;}
h3 a,
h3 a:hover {color: #c81005;}

ol,
ul {margin: 0 0 19px 20px; padding: 0;}
ol,
ul li {padding-left: 20px;}
ul {list-style: none outside none; display: block;}
ul li {background: url(../img/li.gif) no-repeat 5px 7px; display: block;}

hr {height: 1px; margin: 16px 0; color: #d2d2d2; background: #d2d2d2; border: 0; display: block;}
* html hr {margin: 9px 0;}
*+html hr {margin: 9px 0;}



/* COMMON
----------------------------------------------- */
a,
object {outline: 0;}
li,
img {vertical-align: top;}
img {border: 0;}
.clear {clear: both; float: none; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.wrap {min-height: 1px; clear: both; display: block;}
* html .wrap {height: 1px;}
.wrap:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.hidden {display: none;}

/* rc */
.rc {position: relative; min-height: 1px; display: block;}
* html .rc {height: 1px;}
.rc .lt,
.rc .rt,
.rc .rb,
.rc .lb {width: 10px; height: 10px; background: url(../img/rc.png); overflow: hidden; display: block; position: absolute; z-index: 10;}
.rc .lt {left: 0; top: 0;}
.rc .rt {background-position: -10px 0; left: -10px; top: 0; margin-left: 100%;}
.rc .rb {background-position: -20px 0; left: -10px; margin: -10px 0 0 100%;}
.rc .lb {background-position: -30px 0; margin-top: -10px;}
.rcb .lt,
.rcb .rt,
.rcb .rb,
.rcb .lb {width: 5px; height: 5px; background: url(../img/rcb.png);}
.rcb .rt {background-position: -6px 0; left: -5px; top: 0;}
.rcb .rb {background-position: -12px 0; left: -5px; margin-top: -5px;}
.rcb .lb {background-position: -18px 0; margin-top: -5px;}
.rcb input,
.rcb textarea {display: block;}
.rcfh .rb,
.rcfh .lb {top: 100%;}


/* FORMS
----------------------------------------------- */
form,
fieldset {margin: 0; padding: 0; border: 0; display: block;}
input,
select,
textarea {font-size: 12px; line-height: 16px;}
select,
textarea,
input.text {color: #7f7f7f; background: #fff;}
input.image {border: 0;}
textarea,
input.text {border: 1px solid #d2d2d2; margin: 0; padding: 1px 4px;}
textarea {overflow: auto;}
* html textarea,
* html input.text {margin: -1px 0;}
*+html textarea,
*+html input.text {margin: -1px 0;}
input.button {padding: 1px 13px;}
* html input.button {padding: 0;}
*+html input.button {padding: 0;}
input.holder,
select.holder,
textarea.holder {color: #ccc;}
label.error {font-weight: bold; color: #c81005;}
select.error,
textarea.error,
input.error {background: #fbeceb;}



/* LAYOUT
----------------------------------------------- */
html, body {height: 100%; min-width: 990px; min-height: 600px;}
body {background: #fff url(img/px.gif) no-repeat fixed; margin: 0; padding: 0; text-align: center;}
#header,
#content,
#footer {width: 944px; margin: 0 auto; padding: 0 23px; text-align: left;}
#header:after,
#content:after,
#content:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
#header .wrap {margin-bottom: 10px;}
#content {margin-bottom: 32px;}
#left {width: 260px; float: left;}
#main {width: 674px; float: right;}
#mainWrap {border: 1px solid #d2d2d2; padding: 16px 38px;}
#footer {height: 32px;}



/* STATIC
----------------------------------------------- */
#logo {margin: 16px 0 18px; float: right; display: inline;}
#copy {font-size: 10px; text-transform: uppercase; float: right;}
#atelier {width: 27px; height: 60px; right: 0; bottom: 64px; position: fixed;}

/* sideBlock */
#sideBlock {background: #c81005;}
#sideBlock .wrap {padding: 10px 16px;}
#sideBlock .descr {font-size: 11px; color: #fcc; margin-bottom: 16px; padding-top: 6px;}
#sideBlock h1,
#sideBlock h2,
#sideBlock h3,
#sideBlock h4,
#sideBlock h5,
#sideBlock h6 {font-size: 24px; line-height: 40px; color: #fff; margin: -16px -16px 16px; padding: 0 16px; background: #a61d0b;}


/* NAVIGATION
----------------------------------------------- */
/* lang */
#lang,
#lang li {margin: 0; padding: 0; background: none;}
#lang {text-align: center; position: relative;}
#lang li {font-size: 13px; text-transform: uppercase; display: inline;}
#lang .ukr {border-right: 1px solid #d93521; padding-right: 15px; margin-right: 15px;}
#lang a,
#lang a:hover {color: #fff; text-decoration: none; padding-left: 20px; background: url(../img/lang_bull.gif) no-repeat 0 50%;}
#lang a:hover {background-position: -800px 50%;}

/* m0 */
#m0,
#m0 li {font-size: 10px; text-transform: uppercase; float: left; display: inline; margin: 0; padding: 0; background: none;}
#m0 li {margin-right: 8px; padding-right: 9px; background: url(../img/m0_sep.gif) no-repeat 100% 50%;}
#m0 li.last {margin-right: 0; padding-right: 0; background-image: none;}
#m0 a {color: #7f7f7f; text-decoration: none;}
#m0 a:hover,
#m0 a.a,
#m0 strong {color: #c81005; font-weight: normal;}

/* m1 */
#m1,
#m1 li {margin: 0; padding: 0; background: none;}
#m1,
#m1 li,
#m1 a,
#m1 strong {font-weight: normal; float: left; display: inline;}
#m1 {font-size: 13px; text-transform: uppercase; margin: 43px 0 20px;}
#m1 li {margin-right: 32px;}
#m1 a {color: #7f7f7f; text-decoration: none;}
#m1 a:hover,
#m1 a.a,
#m1 li {color: #c81005;}
#m1 a,
#m1 strong {padding-left: 20px; background: url(../img/link_bull.gif) no-repeat 0 50%;}
#m1 a:hover,
#m1 a.a,
#m1 strong {background-position: -800px 50%;}

/* m2 */
#m2,
#m2 li {margin: 0; padding: 0; background: none;}
#m2 {margin: 0 -4px; padding-bottom: 6px;}
#m2 li {border-bottom: 1px solid #d93521;}
#m2 a,
#m2 strong {font-weight: normal; color: #fcc; text-decoration: none; padding: 4px 24px 3px 4px; background: url(../img/m2_bull.gif) no-repeat 100% 50%; display: block; height: 1%;}
#m2 a.a,
#m2 a:hover,
#m2 strong {color: #fff;}
#m2 a.a,
#m2 strong {background: none;}
#m2 small {font-size: 10px; line-height: 13px; color: #e48882; display: block;}



/* BLOCKS
----------------------------------------------- */
/* system-messages */
.system-messages .error {color: #900; font-weight: bold;}

/* bn */
.bn {margin-bottom: 10px; text-align: center;}
.page .bn {width: 350px; height: 260px; margin: 0; background: url(../img/home_bn.jpg); position: absolute;}

/* page */
.page {height: 620px; background-repeat: no-repeat; position: relative;}
.page .lnk {font-size: 20px; position: absolute;}
.page .lnk a,
.page .lnk a:hover {color: #fff; text-decoration: none; padding: 5px 30px 10px 15px; background: #a61d0b; display: block;}
.page .lnk a:hover {background: #c81005;}
.cufon-active .page .lnk a,
.cufon-active .page .lnk a:hover {padding-bottom: 6px;}

/* pageSplash */
.page-splash1 {background-image: url(../img/pages/splash_bg1.jpg);}
.page-splash2 {background-image: url(../img/pages/splash_bg2.jpg);}
.page-splash3 {background-image: url(../img/pages/splash_bg3.jpg);}
#pageSplash div {background: #a61d0b; padding: 15px; position: absolute; right: 0; top: 150px;}
#pageSplash h1 {font-size: 40px; line-height: 46px; color: #fff; margin: 0 0 15px;}

/* pageHome */
#pageHome {background-image: url(../img/pages/home_bg.jpg);}
#pageHome .bn {left: 0; bottom: 0;}
#pageHome .bn img {width: 350px; height: 260px;}
#lnkCatalog {right: 504px; top: 240px;}
#lnkShowrooms {right: 90px; top: 170px;}
#lnkCompany {right: 0; top: 535px;}

/* pageCompany */
#pageCompany {height: 620px; background: url(../img/pages/company_bg.jpg) no-repeat; position: relative;}
#lnkSpace {right: 504px; top: 75px;}
#lnkProduction {right: 271px; top: 325px;}
#lnkDesign {right: 683px; top: 475px;}
#lnkProfile {right: 0; top: 510px;}

/* pageShowrooms */
#pageShowrooms {background-image: url(../img/pages/showrooms_bg.jpg);}
#lnkMap {right: 504px; top: 180px;}
#lnkService {right: 0; top: 430px;}

/* map */
.map {text-align: center;}
#mapFlash {margin: 0 auto;}

/* images */
.images {margin-bottom: 10px;}
.images ul,
.images li {width: 674px; height: 260px; overflow: hidden; margin: 0; padding: 0; background: none; text-align: center;}
.images .nav {font-size: 18px; line-height: 35px; color: #fff; right: 0; top: 200px; position: absolute; z-index: 10; display: none;}
.images .nav div {background: url(../img/images_nav_bg.png); float: left;}
.images .nav em,
.images .nav span {float: left; display: inline;}
.images .nav em {width: 19px; height: 13px; margin: 11px 8px 0; text-indent: -9999px; overflow: hidden; background: url(../img/images_arrows.png) no-repeat; cursor: pointer;}
.images .nav em.next {background-position: -19px 0;}

/* awards */
.awards .i {width: 85px; margin-right: 85px; text-align: center; float: left; display: inline;}
.awards .r {margin-right: 0;}
.awards .clear {height: 32px;}
.awards p {margin-bottom: 8px;}
.awards h2 {font-size: 11px; line-height: 16px; color: #7f7f7f; font-weight: normal; width: 135px; margin: 0 -25px; position: relative;}

/* contacts */
.contacts {width: 200px; float: left;}

/* feedback */
.feedback {width: 366px; float: right;}
.feedback fieldset.wrap {width: 386px; margin: 0 0 4px -20px;}
.feedback .i {width: 173px; margin-left: 20px; float: left; display: inline;}
.feedback label {font-size: 11px; margin-left: 5px;}
.feedback .text {width: 163px;}
.feedback textarea {width: 356px; height: 112px;}
.feedback .submit {margin-top: 4px; position: relative;}
.feedback .submit span {font-size: 11px; text-transform: uppercase; padding-left: 20px; background: url(../img/link_bull.gif) no-repeat 0 50%; float: right;}
.feedback .submit input {width: 84px; height: 16px; border: 0; margin: 0; padding: 0; right: 0; top: 0; background: transparent url(../img/px.gif); display: block; position: absolute; cursor: pointer;}
.feedback .submit span.hover {color: #c81005; background-position: -800px 50%;}

/* link */
.link {font-size: 11px; text-transform: uppercase; margin-top: 16px; min-height: 1px;}
* html .link {height: 1px;}
.link:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.link a,
.link strong {color: #7f7f7f; font-weight: normal; text-decoration: none; padding-left: 20px; background: url(../img/link_bull.gif) no-repeat 0 50%; float: right;}
.link a.a,
.link a:hover,
.link strong {color: #c81005; background-position: -800px 50%;}

/* articles */
.articles .date {font-size: 11px; color: #ccc;}
.articles h2 {font-size: 12px; line-height: 16px; font-weight: bold; margin: 0;}
.articles .descr {margin-bottom: 16px;}

#articlesList {color: #c81005; margin-top: 16px;}
#articlesList ul,
#articlesList ul li {margin: 0; padding: 0; background: none;}
#articlesList li,
#articlesList .wrap {border: 1px solid #d2d2d2;}
#articlesList .wrap {padding: 8px 12px 8px;}
#articlesList li {border-width: 0 0 1px;}
#articlesList li.last {border: 0;}
#articlesList a,
#articlesList strong {font-weight: normal; padding: 4px 24px 3px 4px; background: url(../img/link_bull.gif) no-repeat 100% 50%; display: block; height: 1%;}
#articlesList a span {text-decoration: underline;}
#articlesList a,
#articlesList a.a span,
#articlesList a:hover span {text-decoration: none;}
#articlesList a.a,
#articlesList strong {background: none;}
#articlesList small {font-size: 11px; line-height: 14px; color: #999; display: block; text-decoration: none;}

/* article */
.article h1 {width: 496px; float: left;}
.article .date {font-size: 11px; color: #ccc; margin-top: 10px; float: right;}

/* archive */
.archive {margin-left: -10px;}
.archive ul,
.archive li {margin: 0; padding: 0; background: none;}
.archive ul {width: 293px; margin-left: 10px; float: left; display: inline;}
.archive li {border-bottom: 1px solid #f0f0f0;}
.archive strong {font-weight: normal;}
.archive small {font-size: 10px; line-height: 13px; color: #ccc; display: block;}
.archive a {color: #7f7f7f; text-decoration: none; padding: 4px 24px 3px 4px; background: url(../img/link_bull.gif) no-repeat 279px 50%; display: block; height: 1%;}
.archive a:hover {color: #c81005; background-position: 100% 50%;}
.archive a:hover small {color: #7f7f7f;}

/* date-select */
.date-select {min-height: 1px; clear: both; float: none; display: block;}
.date-select:after {content: '.'; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; display: block;}
* html .date-select {height: 1px;}
.date-select select {margin: 5px 0; float: right;}
.date-select .year {width: 70px;}
.date-select .month {width: 154px; margin-right: 10px;}

/* pages */
.pages {font-size: 11px; text-align: center; margin-top: 16px;}
.pages a,
.pages strong {margin: 0 5px;}
.pages a {color: #7f7f7f;}
.pages a:hover,
.pages strong {color: #c81005;}
.pages strong {font-size: 14px;}
.pages .prev,
.pages .next {text-decoration: none;}

/* cities */
#cities {margin-top: 16px;}
#cities .wrap {border: 1px solid #d2d2d2; padding: 8px 0 16px;}
#cities h2 {font-size: 24px; line-height: 28px; margin: 0; padding: 0 15px 13px;}
#cities ul,
#cities li {font-size: 9px; text-transform: uppercase; margin: 0; padding: 0; background: none;}
#cities ul {width: 109px; margin: 0 -5px 0 15px; float: left; display: inline;}
#cities li {min-height: 1px; margin-bottom: 4px;}
* html #cities li {height: 1px;}
#cities li:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
#cities a {color: #7f7f7f; text-decoration: none; padding-left: 20px; background: url(../img/link_bull.gif) no-repeat 0 50%; float: left;}
#cities a.a,
#cities a:hover {color: #c81005; background-position: -800px 50%;}

/* fancy */
div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30;}
div#fancy_wrap {text-align: left;}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100;}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(../img/fancy/fancy_progress.png) no-repeat;}
div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30;}
div#fancy_loading_icon {position: absolute; background: url(../img/fancy/fancy_loading.gif) no-repeat; z-index: 35; width: 16px; height: 16px;}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 50px 33px 50px; margin: 0; overflow: hidden; background: transparent; display: none;}
div#fancy_inner {position: relative; width: 100%; height: 100%; border: 0px solid #BBB; background: #FFF;}
div#fancy_content {background: #fff; margin: 0; z-index: 100; position: absolute;}
div#fancy_div {color: #FFF; height: 100%; width: 100%; z-index: 100;}
img#fancy_img {position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%;}
div#fancy_close {position: absolute; top: -20px; right: -20px; height: 40px; width: 40px; background: url(../img/fancy/fancy_closebox.png) top left no-repeat; cursor: pointer; z-index: 181; display: none;}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none;}
#fancy_ajax {width: 100%; height: 100%; overflow: auto;}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(../img/px.gif); outline: none;}
a#fancy_left {left: -10px;}
a#fancy_right {right: -10px;}
span.fancy_ico {position: absolute; top: 50%; margin-top: -15px; width: 40px; height: 40px; z-index: 112; cursor: pointer; display: block;}
span#fancy_left_ico {left: -9999px; background: transparent url(../img/fancy/fancy_left.png) no-repeat;}
span#fancy_right_ico {right: -9999px; background: transparent url(../img/fancy/fancy_right.png) no-repeat;}
a#fancy_left:hover {visibility: visible;}
a#fancy_right:hover {visibility: visible;}
a#fancy_left:hover span {left: -40px;}
a#fancy_right:hover span {right: -40px;}
.fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0;}
div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0;}
div.fancy_bg_n {top: -18px; width: 100%; height: 18px; background: transparent url(../img/fancy/fancy_shadow_n.png) repeat-x;}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(../img/fancy/fancy_shadow_ne.png) no-repeat;}
div.fancy_bg_e {right: -13px; height: 100%; width: 13px; background: transparent url(../img/fancy/fancy_shadow_e.png) repeat-y;}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(../img/fancy/fancy_shadow_se.png) no-repeat;}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: transparent url(../img/fancy/fancy_shadow_s.png) repeat-x;}
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(../img/fancy/fancy_shadow_sw.png) no-repeat;}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px; background: transparent url(../img/fancy/fancy_shadow_w.png) repeat-y;}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(../img/fancy/fancy_shadow_nw.png) no-repeat;}
div#fancy_title {position: absolute; bottom: -20px; left: 0; width: 100%; z-index: 100; display: none;}
div#fancy_title div {}
div#fancy_title table {margin: 0 auto;}
div#fancy_title table td {padding: 0; vertical-align: middle;}
td#fancy_title_left {height: 31px; width: 10px; background: transparent url(../img/fancy/fancy_title_left.png) repeat-x;}
td#fancy_title_main {height: 31px; background: transparent url(../img/fancy/fancy_title_main.png) repeat-x;}
td#fancy_title_right {height: 31px; width: 10px; background: transparent url(../img/fancy/fancy_title_right.png) repeat-x;}

/* auth */
.auth {color: #7f7f7f; width: 366px; text-align: left; padding: 16px;}
.auth .i {width: 173px; margin-right: 20px; float: left; display: inline;}
.auth .r {margin-right: 0;}
.auth label {font-size: 11px; margin-left: 5px;}
.auth .text {width: 163px;}
.auth .submit {margin-top: 16px; position: relative;}
.auth .submit span {font-size: 11px; text-transform: uppercase; padding-left: 20px; background: url(../img/link_bull.gif) no-repeat 0 50%; float: right;}
.auth .submit input {width: 64px; height: 16px; border: 0; margin: 0; padding: 0; right: 0; top: 0; background: transparent url(../img/px.gif); display: block; position: absolute; cursor: pointer; text-indent: -9999px; overflow: hidden;}
.auth .submit span.hover {color: #c81005; background-position: -800px 50%;}