@charset "utf-8";

* {	margin:0; padding:0; }

html, body { height: 100%; }
body { font:normal 14px "Trebuchet MS"; color:#ffffff; background:#631c1f url(/img/body-bg.gif) repeat; line-height:24px; }
body.index { line-height:18px; }

h1 { font-size:24px; font-weight:normal; margin:0 0 20px 0; padding:0; line-height:1em; color:#552729 }
h2 { font-size:18px; font-weight:normal; margin:0 0 18px 0; line-height:1em; padding:0; }
h2.oc { font-size:24px; font-weight:normal; margin:20px 0 20px 0; padding:0; line-height:1em; color:#552729 }

a { color:#5fd0ff; text-decoration: underline }
a:hover { color:#ebd2d4; text-decoration: underline }
a:focus {outline:none}
a img {border:none;}

p {margin:0px 0px 10px 0px; padding:0px;}
ol, ul, li { margin:0px; padding:0px; }



#page-wrap { width:1000px; min-height:100%; height:100%; margin:0 auto; }
.page {	width:970px; margin:0 auto; }
.inside { width:960px; margin:0 auto; }

#head { position:relative; height:170px;}
#logotype { position:absolute; left:0px; top:24px;}
#logotype-ins { position:absolute; left:0px; top:24px;}

#contacts { position:absolute; top:24px; right:30px; line-height:24px;}
#contacts .contact-block { margin-left:50px; float:left;}
#contacts .contact-block strong { display:block; margin:5px 0; font-size:24px; font-weight:normal}
#contacts .contact-block strong span { color:#d49194 }

#main-menu-wrap { position:absolute; display:block; width:760px; overflow:hidden; left:200px; right:0px; top:130px; list-style:none; zoom:1;}
ul#main-menu { width:760px; overflow:visible; list-style:none;}
ul#main-menu li { float:left; margin-right:2.35em;}
ul#main-menu li.no-margin { margin:0px;}
ul#main-menu li.last-item{ float:right;}
ul#main-menu li a { display:block; padding:8px 0.76em; float:left; font-size:1.4em; line-height:24px; color:#ffffff; text-decoration:underline;}
ul#main-menu li a:hover { color:#ebd2d4 }
ul#main-menu li strong { display:block; padding:8px 0.76em; float:left; font-size:20px; font-weight:normal; line-height:24px; background:#f6ecde; color:#000000;}
ul#main-menu li strong a { display:inline; margin:0px; padding:0px; font-size:20px; line-height:24px; color:#000000; text-decoration:underline;}
ul#main-menu li strong a:hover { color:#000000;}

body.index #main-menu-wrap {left:310px; top:130px;}
body.index ul#main-menu li { margin-right:5px;}

#index-left { position:relative; width:265px; height:505px; padding:15px; background-color:#f6ecde; color:#000000; float:left;}
#index-left h1 { margin:0 0 15px 0;}
#index-left ul { margin-bottom:10px; padding-left:17px; list-style:outside;}
#index-left ul li { margin-bottom:4px;}

#head #ss-block { position:absolute; left:215px; top:35px; width:270px;}
#head #ss-block a { display:block; height:24px; margin-bottom:15px; padding-left:50px; background:url(/img/ic-ss.gif) 0 -52px no-repeat; color:#ffffff;}
#head #ss-block a:hover { color:#ebd2d4;}
#head #ss-block a.price { background-position:0 -78px; margin-bottom:0px;}
#head #ss-block strong { display:block; height:24px; margin-bottom:15px; padding-left:50px; background:url(/img/ic-ss.gif) 0 -52px no-repeat; color:#5fd0ff; font-weight:normal;}
#head #ss-block strong.price { background-position:0 -78px; margin-bottom:0px;}

#index-left #ss-block { position:absolute; left:0px; top:435px; width:265px; height:70px; padding:15px; background:#e6d8cc;}
#index-left #ss-block a { display:block; height:24px; margin-bottom:20px; padding-left:50px; background:url(/img/ic-ss.gif) no-repeat; color:#008ac4;}
#index-left #ss-block a:hover { color:#631c1f;}
#index-left #ss-block a.price { background-position:0 -26px; margin-bottom:0px;}
#index-left #ss-block strong { display:block; height:24px; margin-bottom:20px; padding-left:50px; background:url(/img/ic-ss.gif) no-repeat; color:#008ac4; font-weight:normal;}
#index-left #ss-block strong.price { background-position:0 -26px; margin-bottom:0px;}

.baner { display:block; width:520px; height:86px; position:absolute; top:30px; left:200px;}
.baner-index { display:block; width:520px; height:86px; position:absolute; top:30px; left:210px;}

#left-block #ss-block { width:160px; padding:20px 10px;}
#left-block #ss-block a { display:block; height:24px; margin-bottom:15px; padding-left:50px; background:url(/img/ic-ss.gif) 0 -52px no-repeat; color:#ffffff;}
#left-block #ss-block a:hover { color:#ebd2d4;}
#left-block #ss-block a.price { background-position:0 -78px; margin-bottom:0px;}
#left-block #ss-block strong { display:block; height:24px; margin-bottom:15px; padding-left:50px; background:url(/img/ic-ss.gif) 0 -52px no-repeat; color:#5fd0ff; font-weight:normal;}
#left-block #ss-block strong.price { background-position:0 -78px; margin-bottom:0px;}


#flash { width:665px; height:535px; float:right;}

#index-events { padding:15px; width:940px; }
#index-events h1 { color:#ffffff; }
#index-events dl.events { display:block; width:195px; margin-right:50px; float:left;}
#index-events dl.no-margin { margin-right:0px;}
#index-events dl.events dt { background:#231f20; color:#ffffff; margin-bottom:5px; padding:0 0 0 8px; height:24px; line-height:24px; width:66px;}
#index-events dl.events dd { min-height:24px; height:auto !important; height:24px; line-height:24px; }

.fill { height:8px; margin:8px 0; overflow:hidden; clear:both; background:url(/img/fill.gif) repeat; }



#footer { position:relative; height:70px; line-height:18px;}
#footer .copy { padding:10px 15px 0 0; float:right; white-space:nowrap}
#footer .footer-panel { position:relative; width:760px; height:43px; float:right; background:#231f20; }
a.enter { position:absolute; top:10px; left:15px; color:#ffffff; }
a.enter:hover { color:#ebd2d4; }
a.cosmos { position:absolute; top:3px; right:15px }

body.index #footer .copy { padding:10px 0 0 15px; float:left; white-space:nowrap}
body.index #footer .footer-panel { position:relative; width:660px; height:43px; float:right; background:#231f20; }



#left-block { position:relative; width:200px; color:#000000; float:left;}

#side-menu { list-style:none; padding:0 15px 0 24px; margin-top:15px; }
#side-menu li { margin-bottom:15px; }
#side-menu li a { color:#ffffff; line-height:18px; }
#side-menu li a:hover { color:#ebd2d4; }
#side-menu li strong { color:#ffffff; line-height:18px; }

#right-block-wrap { width:760px; float:right;}
#right-block { position:relative; width:760px; background:#f6ecde; float:left;}
#right-block h1 { font-weight:normal;}
#right-block a { color:#008ac4 }
#right-block a:hover { color:#631c1f }

.right{ float:left; color:#000000;}
.content { padding:30px;}
.catalog { padding:24px; overflow:hidden;}



/*------------------------| КОНТЕНТ |---------------------*/

.calendar { margin:0 0 30px 0; height:312px }
.calendar img { float:left; width:500px; height:312px }
.calendar div { float:left; width:140px; height:282px; padding:15px 30px; background:#e6d8cc }
.calendar div a { color:#231f20 }
.calendar div a:hover { color:#631c1f }

.item { float:left; display:inline; width:168px; margin:0 5px 10px 5px; text-decoration:none; color:#ffffff; cursor:pointer }
.item img { display:block; background:#4b1d1f }
.item strong { display:block; background:#4b1d1f; text-align:right; padding:0 13px 0 0; height:40px; line-height:40px; font-size:24px; font-weight:normal; color:#ffffff; }
.item span { float:left; width:42px; height:8px; overflow:hidden; text-indent:-999px }
.item:hover { text-decoration:none; color:#fff; zoom:1 }
.item:hover strong { background:#231f20; color:#ffffff; }

div.photos { width:448px; float:left  }
div.photos .photo { width:440px; margin:0 0 8px 0; position:relative }
div.photos .photo img { display:block; width:100%; height:100% }
div.photos .thumbs a { float:left; display:inline; width:104px; height:104px; background:#000; margin:0 8px 8px 0 }
div.photos .thumbs a img { display:block; width:104px; height:104px; opacity:0.5; filter:alpha(opacity=50) }
div.photos .thumbs a.active { border:#ff0000 2px solid; width:100px; height:100px; overflow:hidden; cursor:default }
div.photos .thumbs a.active img { opacity:1; filter:alpha(opacity=100); margin:-2px }
div.photos .photo #loader { width:56px; height:24px; position:absolute; top:20px; left:20px; display:none }
div.photos .photo #loader div.back { width:56px; height:24px; background:#282325; opacity:0.7; filter:alpha(opacity=70) }
div.photos .photo #loader div.front { width:40px; height:8px; background:url(/img/loader.gif); overflow:hidden; position:absolute; top:8px; left:8px;  }

div.info { width:262px; float:left; margin:0 0 8px 0; }
div.info div.stats { background:#4b1d1f; padding:25px 30px 10px 30px; min-height:416px; _height:416px;  color:#ffffff; }
div.info div.stats h1 { color:#fff; margin-bottom:14px }
div.info div.stats p.stats { margin-bottom:16px }
div.info div.stats p.color img { width:40px; height:40px; vertical-align:middle; margin:0 5px 0 0 }
div.info div.stats p.price { font-size:18px; padding-top:6px; margin-bottom:4px }
div.info div.stats p.price strong { color:#d49194; font-weight:normal }
div.info div.stats p.notInStock { float:right; margin:0px 0 0 0; color:#d49194 }
div.info div.addInfo { padding:25px 30px; font-size:12px; line-height:20px }

.infoIcon { width:40px; height:40px; background:url(/img/info.gif); position:absolute; top:0px; left:0px; }
.article { background:#f6ecde; padding:40px 30px 30px 45px; color:#231f20; margin:8px 0 8px 0; width:685px; float:left; display:inline; position:relative; font-weight:bold; }
.article a { color:#008ac4 }
.article a:hover { color:#631c1f }

a.dl { line-height:24px; padding:0px 0 6px 30px; background:url(/img/doc.gif) 0 0 no-repeat }

form { margin:0; padding:0 }
.textInput { padding:2px; font-size:14px; font-family:"Trebuchet MS" }
.button { font-size:16px; font-family:"Trebuchet MS" }

form.order { float:left; width:295px; padding:8px 30px; background:#e6d8cc; display:inline; margin:0px 30px 30px 0 }
form.order .textInput { width:285px }
form.order textarea { height:240px }

p.pros { margin:17px 0 7px -30px;  font-size:16px; }
p.pros strong { background:#e6d8cc; color:#552729; padding:8px 24px 10px 30px; line-height:37px; font-weight:normal }
p.pros strong span { font-weight:bold }


p.pages { margin:0; padding:0; height:40px; line-height:40px; position:absolute; bottom:0; left:0 }
p.pages a { float:left; width:40px; height:40px; text-align:center; background:#e6d8cc; display:inline; margin:0 8px 0 0; }
p.pages strong { float:left; width:40px; height:40px; text-align:center; background:#631c1f; color:#fff; display:inline; margin:0 8px 0 0; }

p.eventsHead { margin:0 0 15px -30px; height:24px }
p.eventsHead span { background:#231f20; color:#fff; padding:0 0 0 9px; height:24px; line-height:24px; width:66px; float:left; display:inline; margin:0 10px 0 0 }

p.photos { padding:20px 0 0 0 }
p.photos img { margin:0 20px 20px 0 }

.artic { margin-left:0px; overflow:visible; }
.catalogue { width:168px; margin:-30px -30px -30px 0; padding:29px 30px 0 29px; float: left; overflow:visible; background:#4b1d1f }
.catalogue .catalogueInner { width:168px }
.catalogue .catalogueInner .item { margin:0 0 31px 0; height:176px }

.pathBar { font-size:16px; line-height:20px }

h1.cat { color:#f6ecde; margin:26px 0 28px 31px }

.geoCol { float:left; width:233px; margin:50px 0 0 0 }
.geoCol h2 { margin:0 0 10px 0  }
.geoCol ul { margin:0 0 35px 0; padding:0; list-style:none }
.geoCol ul li { margin:0; padding:0; background:none }

.sizes { margin:0 0 20px 0; padding:0; border:none; border-collapse:collapse; width:70% }
.sizes td { vertical-align:top; padding:7px 10px; border-bottom:#631c1f 1px solid }
.sizes tr.odd td { background:#e6d8cc }

.models { margin:0 -8px 30px 0 }
.models img { float:left; display:inline; margin:0 8px 8px 0 }

a.xls { padding:0 0 6px 31px; background:url(/img/xls.gif) 0 0 no-repeat; line-height:30px }

#right-block dl.events { margin:0 0 0 -30px; padding:0; width:730px; }
#right-block dl.events dt { background:#231f20; color:#fff; padding:0 0 0 9px; height:24px; line-height:24px; width:66px; float:left; display:inline; margin:0 19px 36px 0 }
#right-block dl.events dd { float:left; min-height:24px; height:auto !important; height:24px; padding:0; margin:0 0 36px 0; width:636px }

p.quote { background:#e6d8cc; margin:0 0 16px -30px; padding:6px 10px 6px 44px; color:#552729; font-size:16px; font-style:italic; overflow:hidden; }












/*---------------------------------------------*/
.spacer { height:0px; overflow:hidden; clear:both }
.hstop { height:500px; overflow:hidden; float:left }


#index-left { font-size: 11px; }