* { margin: 0; padding: 0; }

html, body {
    margin: 0;
    padding: 0;
}
html {
    background: black url("/images.tpl/bg0001.jpg") repeat center top;
    color: white;
}
a {
    color: inherit;
}
body {
    font-size: 12px;
    background: url("/images.tpl/bgr-main-01.jpg") no-repeat center top;
    font-family: Arial, Tahoma, Verdana, Georgia, Helvetica, sans-serif;
    color: #bdbcad;
}

/*a:link { text-decoration: underline; color: #baaba0; }
a:visited { text-decoration: underline; color: #baaba0; }
a:hover { text-decoration: none; color: #baaba0; }
*/
a {
    text-decoration: underline;
    color: #D2AC67;
}

.clear { clear: both; }
img { border: 0; display: block; }

table { border-collapse: collapse; }
td { vertical-align: top; }


h1 { font-size: 26px; color: #bdbcad; font-weight: normal; padding: 0 0 20px 0; font-family: georgia; margin-left: 15px; }
h2 { font-size: 16px; color: #928d99; font-weight: normal; padding: 0 0 15px 0; }
h2 span { font-size: 20px; color: #5d5d63; font-weight: normal; padding: 0 0 15px 0; }
h3 { font-size: 14px; color: #bdbcad; font-weight: normal; padding: 0 0 15px 0; font-family: georgia; }

#textPage h2 { font-size: 30px; color: #928d99; font-weight: normal; padding: 0 0 15px 0; }
#textPage menu-left h2 { font-size: 30px; color: #928d99; font-weight: normal; padding: 0 0 15px 0; }

#textPage div.content h2 { font-size: 21px; color: #bdbcad; font-weight: normal; padding: 0 0 15px 6px; font-family: georgia; margin-left: 15px;  }

#catalogPage h2 { font-size: 30px; color: #928d99; font-weight: normal; padding: 0 0 15px 0; }
#catalogPage menu-left h2 { font-size: 30px; color: #928d99; font-weight: normal; padding: 0 0 15px 0; }

#mainPage h1 { font-size: 26px; color: #bdbcad; font-weight: normal; padding: 0 0 20px 0; font-family: georgia; }
#mainPage h1 strong { font-weight: normal; }

p { padding: 0 0 20px 0; }

.imgleft { float: left; margin: 3px 15px 10px 0; }
.imgright { float: right; margin: 3px 0 10px 15px; }
.imgborderleft { float: left; margin: 3px 20px 2px 0; border: solid 4px #151515; }
.imgborderright { float: right; margin: 3px 0 2px 20px; border: solid 4px #151515; }
.imgborder { margin: 5px 0 15px 0; border: solid 4px #151515; }

.osn { width: 1003px; height: 100%; margin: 0px auto; /*background: url("/images.tpl/bgr-main.jpg") no-repeat 0 0;*/ }

.osnbottom { vertical-align: bottom; padding: 20px 0 0 0; }
.osn-bottom { min-height: 65px; _height: 65px; background: url("/images.tpl/bgr-b.png") no-repeat 0 0; font-size: 11px; padding: 20px 0 0 0; color: #ddd4eb; }

.osntop { background: url("/images.tpl/bgr-osn.jpg") no-repeat center top; height: 820px; }

.logo { float: left; padding: 28px 29px 0 0; }
.phone { position: absolute; left: 50%; top: 21px; margin-left: 250px; }
.header-phones {
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 21px;
}
.header-phones-item-font {
    font: italic 2.3em 'Zapf', serif;
    color: white;
    text-shadow: -1px -1px 3px gold;
}
.menu-top { float: left; }

.menu-top .menu-01 { list-style-type: none; list-style-position: outside; font-size: 12px; padding: 90px 0 10px 0; margin-left: 48px;}
.menu-top .menu-01 li { float: left; padding: 0 0 0 33px; }
.menu-top .menu-01 li a {text-transform: uppercase;}
.menu-top .menu-01 a:link { text-decoration: underline; /*color: #beafd5;*/ }
.menu-top .menu-01 a:visited { text-decoration: underline; /*color: #beafd5;*/ }
.menu-top .menu-01 a:hover { text-decoration: none; color: #ffffff; }
.menu-top .menu-01 a.act:link { text-decoration: none; color: #ffffff; }
.menu-top .menu-01 a.act:visited { text-decoration: none; color: #ffffff; }
.menu-top .menu-01 a.act:hover { text-decoration: none; color: #ffffff; }

.menu-top .menu-02 { clear: both; list-style-type: none; list-style-position: outside; font-size: 11px; padding: 10px 0 0 33px;margin-left: 48px; }
.menu-top .menu-02 li { float: left; padding: 0 18px 0 0; }
.menu-top .menu-02 a:link { text-decoration: underline; /*color: #beafd5;*/ }
.menu-top .menu-02 a:visited { text-decoration: underline; /*color: #beafd5;*/ }
.menu-top .menu-02 a:hover { text-decoration: none; color: #ffffff; }
.menu-top .menu-02 a.act:link { text-decoration: none; color: #ffffff; }
.menu-top .menu-02 a.act:visited { text-decoration: none; color: #ffffff; }
.menu-top .menu-02 a.act:hover { text-decoration: none; color: #ffffff; }


.menu-left { background: url("/images.tpl/leaves.png") no-repeat 0 200px; padding: 60px 0 0 0; width: 230px; float: left; }
.menu-left .menu-01 { }
.menu-left .menu-01 li { padding: 0 0 5px 0; font-size: 13px; list-style-type: none; list-style-position: outside; }
.menu-left .menu-01 a:link { text-decoration: underline; /*color: #beafd5;*/ background: url("/images.tpl/arrow01.png") no-repeat 20px 16px; display: block; padding: 10px 0 0 47px;  min-height: 29px;}
.menu-left .menu-01 a:visited { text-decoration: underline; /*color: #beafd5;*/ background: url("/images.tpl/arrow01.png") no-repeat 20px 16px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-01 a:hover { text-decoration: none; color: #ffffff; background: url("/images.tpl/menu-01-act.png") no-repeat 0px 6px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-01 a.act:link { text-decoration: none; color: #ffffff; background: url("/images.tpl/menu-01-act.png") no-repeat 0px 6px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-01 a.act:visited { text-decoration: none; color: #ffffff; background: url("/images.tpl/menu-01-act.png") no-repeat 0px 6px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-01 a.act:hover { text-decoration: none; color: #ffffff; background: url("/images.tpl/menu-01-act.png") no-repeat 0px 6px; display: block; padding: 10px 0 0 47px; min-height: 29px; }

.menu-left .menu-02 { }
.menu-left .menu-02 li { padding: 0 0 5px 0; font-size: 13px; list-style-type: none; list-style-position: outside; }
.menu-left .menu-02 a:link { text-decoration: underline; /*color: #beafd5;*/ background: url("/images.tpl/arrow01.png") no-repeat 20px 16px; display: block; padding: 10px 0 0 47px; min-height: 29px; }

.menu-left .menu-02 li.cls0 {
  padding-bottom:   15px;
}

.menu-left .menu-02 li.cls0 a {
  text-decoration:  underline;
  color:            #e1d6f2;
  background:       url("/images.tpl/newMrk.gif") no-repeat 6px 10px;
  display:          block;
  padding:          10px 0 0 47px;
  min-height:       29px;
}

.menu-left .menu-02 a:visited { text-decoration: underline; /*color: #beafd5;*/ background: url("/images.tpl/arrow01.png") no-repeat 20px 16px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-02 a:hover { text-decoration: none; color: #ffffff; background: url("/images.tpl/menu-01-act.png") no-repeat 0px 6px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-02 a.act:link { text-decoration: none; color: #ffffff; background: url("/images.tpl/menu-01-act.png") no-repeat 0px 6px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-02 a.act:visited { text-decoration: none; color: #ffffff; background: url("/images.tpl/menu-01-act.png") no-repeat 0px 6px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-02 a.act:hover { text-decoration: none; color: #ffffff; background: url("/images.tpl/menu-01-act.png") no-repeat 0px 6px; display: block; padding: 10px 0 0 47px; min-height: 29px; }
.menu-left .menu-catalogue { background: url("/images.tpl/catalogue.png") no-repeat 0 0; padding: 120px 0 0 0; margin: 35px 0 25px 0; }


.block-scol-inner { background-color: #1c1c1d; padding: 12px 0 13px 25px; font-size: 12px; }
.block-scol { padding: 1px; border: dotted 1px #39393a; margin: 35px 15px 0 30px; }
.block-scol-inner a:link { text-decoration: underline; /*color: #beafd5;*/ }
.block-scol-inner a:visited { text-decoration: underline; /*color: #beafd5;*/ }
.block-scol-inner a:hover { text-decoration: none; color: #ffffff; }

.clear-50px { clear: both; height: 50px; }

.block-center { position: relative; float: left; width: 773px; }

.photoramka-big { float: left; width: 593px; height: 440px; background: url("/images.tpl/photoramka-01.png") no-repeat 0 0; }
.photoramka-big-r { position: absolute; left: 100%; width: 172px; margin-left: -108px; height: 402px; background: url("/images.tpl/photoramka-01.png") no-repeat 0 0; padding: 38px 0 0 75px; }

.photos-more { position: absolute; width: 80px; height: 69px; padding: 10px 70px 0 0; background: url("/images.tpl/arrows-big.png") no-repeat center 0; margin: 170px 0 0 575px; font-size: 12px; font-family: georgia; text-align: right; }
.photos-more span { font-size: 24px; } 
.photos-more a:link { text-decoration: underline; color: #ffffff; }
.photos-more a:visited { text-decoration: underline; color: #ffffff; }
.photos-more a:hover { text-decoration: none; color: #ffffff; }

.block-complect { position: absolute; width: 100px; height: 30px; background: url("/images.tpl/complect.png") no-repeat 0 0; padding: 53px 0 0 4px; margin: 395px 0 0 430px; }
.block-complect a:link { text-decoration: underline; color: #ffffff; }
.block-complect a:visited { text-decoration: underline; color: #ffffff; }
.block-complect a:hover { text-decoration: none; color: #ffffff; }


.content { padding: 55px 0 0 55px; }

#textPage .content { padding: 62px 0 0 40px; }
#catalogPage .content { padding: 62px 0 0 40px; }
#textPage .content p {
  padding-left: 28px;
  font-size: 14px;
}

.content-col { float: left; width: 310px; padding: 0 20px 0 20px; }
.content-col p { text-indent: 28px; }

.photoramka-small { float: left; width: 222px; height: 154px; background: url("/images.tpl/photoramka-02.png") no-repeat 0 0; padding: 29px 0 0 34px; overflow: hidden; }
.frame-photoramka-small { width: 184px; height: 132px; overflow: hidden; position: absolute; z-index: 1; }
.frame-photoramka-small img {
  position: absolute;
  z-index: 2;
}
.tbl-catalogue td { width: 33%; color: #dcdcdc; }
.tbl-catalogue .tdl { padding: 0 10px 30px 40px; font-size: 11px;position: relative; }
.tbl-catalogue .tdr { padding: 10px 40px 30px 10px; text-align: right; font-size: 10px; }
.tbl-catalogue a:link { text-decoration: underline; color: #dcdcdc; }
.tbl-catalogue a:visited { text-decoration: underline; color: #dcdcdc; }
.tbl-catalogue a:hover { text-decoration: none; color: #dcdcdc; }

.block-complect-cat { float: left; width: 100px; height: 30px; background: url("/images.tpl/complect.png") no-repeat 0 0; padding: 53px 0 0 4px; margin: 50px 0 0 0; }
.block-complect-cat a:link { text-decoration: underline; color: #ffffff; }
.block-complect-cat a:visited { text-decoration: underline; color: #ffffff; }
.block-complect-cat a:hover { text-decoration: none; color: #ffffff; }

.block-complect-descript { width: 441px; height: 263px; float: right; background: url("/images.tpl/complect-description.gif") no-repeat 0 0; padding: 50px 40px 0 40px; }

/*-- Список -----------------------------------------------------------------------------------*/
.listType01 {
  position:           relative;
}

.listType01 div {
  position:           relative;
  padding:            0 5% 0 2%;
}

.listType01 div p {
  padding-left:       19px;
  background:         url('/img/markerType01.gif') no-repeat 0 0.55em;
}

.mfeedback div {
  margin-bottom:      4px;
  font-size:          13px;
}

.content .mfeedback p {
  margin-bottom:      4px;
  padding-bottom:     0;
}

.errortext {
  color:              red;
}

/*---*/
div.menu-top ul.menu-02 li a {
  text-transform:     uppercase;
}

.hidden {
  visibility:         hidden;
}

div.hint {
  position:           absolute;
  width:              210px;
  left:               0;
  border:             5px #0c0c0c solid;
  z-index:            10;
  margin-top:         10px;
}

div.hint div.background {
  position:           absolute;
  top:                0;
  left:               0;
  width:              100%;
  height:             100%;
  background:         #0c0c0c;
  z-index:            11;
  opacity:            0.8;
  filter:             alpha(opacity=80);
}

div.hint div.text {  
  position:           relative;
  top:                0;
  left:               0;
  width:              100%;
  height:             100%;
  z-index:            12;
}

div.hint div.text p {  
  color:              #bdbcad;
  padding:            18px;
}

div.photosList div.items {
  float:              left;
}

div.photosList div.HIDDEN {
  position:           absolute;
  width:              0;
  height:             0;
  overflow:           hidden;
  visibility:         hidden;
}

div.photosList div.items div.itemPhoto {
  position:           relative;
  width:              243px;
  height:             182px;
}

div.photosList div.items div.itemPhoto div.frame {
  position:           absolute;
  width:              100%;
  height:             100%;
  top:                0;
  left:               0;
  background:         url("/images.tpl/photoramka-02.png") no-repeat 0 0;
  z-index:            1;
}

div.photosList div.items div.itemPhoto div.frame_null {
  position:           absolute;
  width:              100%;
  height:             100%;
  top:                0;
  left:               0;
  z-index:            1;
}

div.photosList div.items div.itemPhoto div.photo {
  position:           absolute;
  width:              182px;
  height:             130px;
  top:                30px;
  left:               31px;
  z-index:            2;
  overflow:           hidden;
  text-align:         center;
  vertical-align:     middle;
}

div.photosList div.items div.itemPhoto div.photo img {
  display:            inline;
  text-align:         center;
  vertical-align:     middle;
}

div.photosList div.items div.itemPhoto div.background {
  position:           absolute;
  width:              182px;
  height:             130px;
  top:                30px;
  left:               30px;
  z-index:            0;
  background:         #1f1f25 url("/images.tpl/bgFrame.gif") no-repeat 0 0;
}

div.photosList div.items div.itemName {
  position:           relative;
  padding-bottom:     45px;
  z-index:            10;
}

div.photosList div.items div.itemName a {
  padding:            0 30px;
}

.photoramka-big div.frame {
  position:           relative;
}

.photoramka-big div.frame {
  position:           relative;
  width:              440px;
  height:             332px;
  top:                39px;
  left:               78px;
  overflow:           hidden;  
}

.photoramka-big div.frame div.photo {
  position:           absolute;
  width:              100%;
  height:             100%;
  top:                0;
  left:               0;
}


.photoramka-big-r div.frame {
  position:           relative;
}

.photoramka-big-r div.frame {
  position:           relative;
  width:              171px;
  height:             332px;
  top:                1px;
  left:               0;
  overflow:           hidden;  
}

.photoramka-big-r div.frame div.photo {
  position:           absolute;
  width:              100%;
  height:             100%;
  top:                0;
  left:               3px;
}

div.listParts {
  padding:            10px 0 0 14px;
  float:              left;
}

div.listPartsLabel {
  padding:            18px 0 0 0;
  float:              left;
}

div.listPartsLabel ul {
  margin:             0;
  padding:            0;
  list-style:         none;
}

div.listPartsLabel ul li {
  margin:             0 0 8px 0;
  padding:            0;
}

div.listPartsLabel ul li p {
  margin:             0;
  padding:            0;
}

div.photosList div.description p {
  padding-left:       33px;
}

.link-inherit a {
    color: inherit;
}

.link-hover a {
    text-decoration: inherit;
}

.link-hover a:hover {
    text-decoration: underline;
}