@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, form, textarea, ul, li, p { padding:0; margin:0}

h1{ font-size:21px; color:#3e5563; padding:0 0 10px 0;}
h2{}
.narrowBlock h2{ background:url(../images/narrow_title.png); padding:13px 0 17px 35px; width:183px; height:19px; font-size:15px; font-weight:bold; color:#FFFFFF; overflow: hidden;}
p{ padding:3px 0;}


body{ background:#dce4eb url(../images/body.gif) repeat-x; position:relative; font:14px Arial, Helvetica, sans-serif;  color:#242424;}
p{ text-align:justify;}
a img{ border:none;}
a { font:11px Arial, Helvetica, sans-serif; color:#113f5a;  text-decoration:underline;}
a:hover{ color:#dc4800; text-decoration:underline;}

.clear{ clear:both;}
.flLeft{ float:left;}
.flRight{ float:right;}
.t_center{ text-align:center;}
.t_right{ text-align:right;}
.v_middle{ vertical-align:middle;}
.rel{ position:relative;}

.outer{ overflow:hidden; width:100%; height:428px; min-width:980px; z-index:2;}
.container{ width:1160px; position:absolute; top:0; left:50%; margin:0 0 0 -555px; overflow:hidden;}
#wrap{ width:980px; margin:0 auto; height:428px;}
#wrap .fadeLeft { width:120px; height:428px; position:absolute; top:0; left:-120px; background:url(../images/fade.png) left top; z-index:3;}
#wrap .fadeRight{width:120px; height:428px; position:absolute; top:0; left:950px;background:url(../images/fade.png) right top; z-index:3;}


.header{ height:428px; z-index:2; display: none;  width:980px; position: absolute;}
#wrap  .logo{ position:absolute;  top:20px; left:20px; z-index: 10;}
#wrap  .phone{ background:url(../images/phone.gif) left top no-repeat; width:33px; height:33px; position:absolute; top:377px; left:203px;}
#wrap  .phone1{ background:url(../images/phone.jpg) left bottom; width:107px; height:54px; position:absolute; top:89px; left:355px;}
#wrap  .phone_text{ position:absolute; top:374px; left:231px; font-family:"Trebuchet MS"; z-index:10;}
#wrap  .phones{position:absolute; top:375px; left:307px;  font-family:"Trebuchet MS"; z-index:10;}
#wrap  .bracket{ position:absolute;top:361px; left:300px; z-index:10;}
#wrap  .bigText{color:#7e868d;font-size:20px; }
#wrap  .smallText{  color:#FFFFFF;  font-size:21px;}
.header .titleIntro{ position:absolute; top:204px; left:64px; background:#666666; }
.header .intro{ position:absolute; top:240px; left:70px; width:516px;}
.header .rightImg{ position:absolute; top:29px; left:600px;}
.header .rightImg_prel{position:absolute; top:35px; left:605px; width:280px; height:400px; background:url(/images/load.gif) center no-repeat;}
.header .details{ display:block; font-weight:bold; width:191px; height:45px; padding:5px 0 0 0; text-align:center; text-decoration:none; font-size:14px; color:#262626; margin:0 0 0 325px;}
.header .details:hover{ color:#262626; background-position:left bottom; text-decoration:none;}

.content{ position:relative; z-index:4; margin:-100px auto 0 auto; width:980px;}
.content .leftMenu{ width:200px;}
.content .leftMenu a{ background:url(/images/left_menu.gif) left top no-repeat; text-decoration:underline; color:#272727; font-size:14px; display:block; padding:4px 0 6px 28px; margin:6px 0; font-weight:normal;}
.content .leftMenu a:hover{ text-decoration: none; color:#FFF;}
.content .leftMenu a.active{ background-position: left bottom; text-decoration:none; color:#FFFFFF;}
.content .leftMenu #gallery_cat{padding-left: 20px; display: none;}

.content .bannerBottom{ background:url(/images/banner_bottom.gif); width:198px; height:21px; display:block; padding:102px 0 0 0; margin:0 0 20px 0; text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}

.content .rightCol { width:778px; padding:90px 0 0 0; margin:0 0 10px 0;}
.rightCol .narrowBlock{ background:url(/images/narrow_block.png) left top no-repeat; width:214px; padding:20px 10px 0 25px; min-height:215px; line-height:20px;}

/*inside*/
.rightCol .wideBlock{ background:url(/images/wideBlock.gif) left top no-repeat; min-height:493px; width:688px; padding:30px 20px 0 40px;}
.rightCol .wideBlock2{ background:url(/images/wideBlock2.png) left top no-repeat; width:747px; height:8px; font-size:1px;}

.rightCol .contentText{ z-index:3; line-height:20px;}
.rightCol .shadow1{ background:url(/images/flower1.png); width:209px; height:24px; position:absolute; top:76px; left:395px; }
.rightCol .shadow2{ background:url(/images/flower2.png); width:77px; height:22px; position:absolute; top:78px; left:624px;}
.rightCol .shadow3{ background:url(/images/flower3.jpg) left top; width:144px; height:90px; position:absolute; top:100px; left:394px; z-index:-1;}
.rightCol .shadow4{ background:url(/images/flower3.jpg) right -23px; width:76px; height:27px; position:absolute; top:100px; left:624px; z-index:-1;}
.footer{ background:url(/images/footer.png) no-repeat; text-align:center; height:15px; width:980px; margin:0 auto 0px auto; font-size:1px;}
.footerText{ width:980px; text-align:center; margin:0 auto 20px auto; padding:10px 0 0px 0; color:#5e5e5e; font:11px Arial;}

#moveBlock{ overflow:hidden; width:10000px;}
.photo{ width:124px; height:124px; border:solid 1px #FFF; padding:4px; margin:0 18px 33px 18px;}
.btn_send{ background: url(/images/send.gif) left top; display:block; width:124px; height:27px;}
.btn_order{background: url(/images/order.gif) left top; display:block; width:124px; height:27px;}
.btn_send:hover, .btn_order:hover{ background-position: left bottom; }
.input { background: url(/images/input.gif) left top repeat-x; border:1px solid #aeaeae; padding: 4px; height:18px; width:405px;}
.contactTab tr td{ padding: 3px 10px;}
.textarea{ background: #FFFFFF url(/images/input.gif) left top repeat-x; border:1px solid #aeaeae; padding: 4px; }

.mesBox { margin: 0 0 5px 0; line-height: 25px; font-size: 16px; font-weight: bold; text-align: left;  position: relative; }
.mesBox.err { color: #DF0303;  }
.mesBox.ok { color:  #349934;  }

.footerLogo{ background:#dce4eb; position:absolute; top:0px; left:20px;}
.sa{ position:absolute; top:0px; right:34px; width: 146px; background:url(/images/sa.jpg) left center no-repeat; padding:0 0 0 30px; color:#5e5e5e; font:11px Arial;}
.sa a{color:#5e5e5e; font:11px Arial;}
.sa a.h {color:#5e5e5e; text-decoration: none}

.red{color:#ff0000; font-weight:bold; font-size:17px;}
#YMapsID{ width:687px; height:350px; margin:20px 0;}
.orange{color:#d35b0f;}
.gray{ color:#798188;}

.gallery_menu{position: absolute; right: 60px; top: 20px;}
.gallery_menu_act{color: #113F5A; font-size: 11px;}