@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0;}

body{ font: 14px Tahoma, sans-serif; color:#6A6B6D; background:#fff;}

a{ color:#209026; outline: none;}

a:hover{ text-decoration:none;}

ul{ list-style:none;}

img{ border:none;}

h1{ font-size: 19px; font-weight:strong; color:#6A6B6D;}

h2{ font-size: 15px; font-weight:strong; color:#6A6B6D;}



#main{ position:relative; width: 1100px; margin:0 auto;}

.boxRBg{ float:left; width: 100%; background: url(../images/rBg.gif) repeat-y right;}

.boxLBg{ float:left; width: 1034px; padding: 0 33px; background: url(../images/lBg.gif) repeat-y;}

.boxBg{ float:left; width: 100%; padding-top:45px; background: url(../images/bg.jpg) no-repeat;}

.boxBg2{float:left; width: 100%; padding-top:45px; background:#E9E9E4 url(../images/bg2.jpg) no-repeat;}

.bigBotBox{ float:left; width: 100%; height:27px; overflow:hidden; background:#f00 url(../images/bBg.gif) repeat-x;}

.bigBotBox .lb{ float:left; width: 33px; height:27px; overflow:hidden; background: url(../images/lb.gif) no-repeat;}

.bigBotBox .rb{ float:right; width: 33px; height:27px; overflow:hidden; background: url(../images/rb.gif) no-repeat;}

.subContentBox{ float:left; width: 100%; padding-top: 10px; background: url(../images/subContBg.jpg) repeat-x;}



.green{ color:#209026!important;}

.grey{ color:#6A6B6D!important;}



.logoBox{ float:left; padding-left: 105px; width: 200px; position:relative; z-index:2;}

.logoBox2{ float:left; padding-left: 90px; width: 450px; position:relative; z-index:2;}

.logoBox2 .linksBox{ padding:5px 0 0 25px;}

.logo{ float:left; width: 150px; height:74px; background: url(../images/logo.gif) no-repeat;}

.linksBox{ float:left; padding: 35px 0 0 13px; font: 24px "Century Gothic"; line-height:18px;}

.linksBox a{ text-decoration:none;}

.linksBox .green{ line-height:26px;}

.linksBox p{ padding-top: 10px;}



.topMenu{ float:right; width: 340px; padding-top: 5px; position:relative; z-index:2;}

.topMenu li{ float:left; width: 120px; height:24px; padding-right:20px; position: relative;}

.topMenu li a{ float:left; width: 100%; height:18px; overflow:hidden; font-size: 13px; font-weight:bold; color:#6A6B6D; text-decoration:none;}

.topMenu li a img{ float:right; width: 12px; height:5px; margin-top:6px; }

.topMenu li a div{ padding: 0 12px;}

.topMenu li a div p{ padding: 0 1px 2px 1px;}

.topMenu li a:hover { background: url(../images/mR.gif) no-repeat right 0; color:#fff;}

.topMenu li a:hover div{ padding: 0 10px; background: url(../images/mL.gif) no-repeat;}

.topMenu li a:hover div p{ background: #6A6B6D;}

.topMenu li a:hover img{ background: url(../images/mPoint.gif) no-repeat;}

.subMenuBox{ position:absolute; left: -115px; top: -55px; float:left; width: 117px;}

.pointer{ position:relative; left: 110px; top: 60px; width: 16px; height:17px; background: url(../images/pointer.png) no-repeat;}

*html .pointer{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pointer.png', sizingMethod='noscale'); _background:none;}

.subMenuBox .topBox{ float:left; width: 117px; height:10px; overflow:hidden; background: url(../images/smT.png) no-repeat;}

*html .subMenuBox .topBox{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/smT.png', sizingMethod='noscale'); _background:none;}

.subMenuBox .contBox{ float:left; width: 117px; background: url(../images/smBg.png) repeat-y;}

*html .subMenuBox .contBox{ _background:none;}

*html #menu1 .contBox{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/smBg1.png', sizingMethod='auto');}

*html #menu2 .contBox{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/smBg.png', sizingMethod='auto');}

.subMenuBox .contBox ul{ padding: 0 20px 0 5px; width: 96px; position:relative; z-index:2; position:relative; top: -2px;}

.subMenuBox .contBox li{ width: 100%; padding: 3px 3px 4px 3px; height:auto; background: url(../images/dotted.gif) repeat-x left bottom; }

.subMenuBox .contBox li.last{ background: none; padding-bottom: 0px;}

.subMenuBox .contBox a{ font-size: 11px; color:#81888E; height:auto;}

.subMenuBox .contBox a:hover{ background: none; color:#6A6B6D;}

.subMenuBox .botBox{ float:left; width: 117px; height:15px; overflow:hidden; background: url(../images/smB.png) no-repeat;}

*html .subMenuBox .botBox{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/smB.png', sizingMethod='noscale'); _background:none;}

#menu1{ display:none;}

#menu2{ display:none;}



.body1{ float:left; width: 100%; margin-top: -197px; height:826px; background: url(../images/body1.jpg) no-repeat right 0; }

.flash{ float:left; width: 844px; padding-left: 190px; margin-top: -655px;}

.copyrights{ float:left; width: 149px; height:46px; margin-top: -156px; padding: 110px 0 0 51px; background: url(../images/flower.jpg) no-repeat; font-size: 11px;}

.copyrights2{ float:left; width: 151px; height:46px; margin-top: -156px; padding: 110px 0 0 50px; background: url(../images/flower2.jpg) no-repeat; font-size: 11px;}

.phones{ float:right; width: 321px; height:40px; margin-top: -223px; }



.menu2{ float:left; width: 100%; padding-bottom: 25px;}

.menu2 ul{ width: 1034px; height:80px; margin:0 auto;  border: 5px solid #fff; background:#EDEEE9;}

.menu2 ul li{ float:left; padding: 16px 15px 16px 16px;}

.menu2 ul li span{ float:left; padding: 1px 3px; background:#209026; font-size: 8px; font-weight:bold; color:#fff;} 

.menu2 ul li p{ display:block; padding-left: 18px;} 

.menu2 ul li p a{ text-decoration:none; color:#313131; font-size:12px; line-height:13px;} 

.menu2 ul li p a:hover{ text-decoration:underline; color:#313131; font-size:12px; line-height:13px;}

.menu2 ul li.last{ padding-right: 0!important; margin-right: -20px!important;}



.news{ float:left; width: 280px; padding-left: 50px;}

.news h1{ font:normal 24px "Century Gothic"; color:#6A6B6D; padding-bottom: 20px;}

.news li{ padding: 0 0 20px 15px; background: url(../images/pointer.gif) no-repeat 0 6px;}
.allNews{ padding-left: 15px; background: url(../images/allNews.gif) no-repeat 0 3px; style="font: 12px Tahoma, Geneva, sans-serif; color:#6A6B6D; background:#fff;"}

.articles li{padding: 0 0px 0px 15px; background: url(../images/pointer_all.gif) no-repeat 0 8px;}





.textBox{ padding: 0 100px 20px 350px; font-size: 11px;}

.textBox p{ padding-bottom: 15px; font-size: 14px;}



.bottomBlock{ float:left; width: 1034px; margin: 20px 0 0 33px; border-top: 1px solid #EDEEE9; padding: 20px 0;}



.contentBlock{ float:left; width: 916px; padding: 45px 45px 200px 73px;}

.contentBlock2{ float:left; width: 916px; padding: 45px 45px 0 73px;}

.rightMenu{ margin-top: 20px; float:right; width: 289px;}

.rightMenu li{ padding:0; margin:0; float: left; width: 100%;}

.rightMenu li a{ float:left; font-size: 13px; line-height:15px; font-weight:bold; color:#81888E; text-decoration:none;}

.rightMenu a.m1{ padding: 75px 0 0 110px; width: 179px; height:63px; background: url(../images/rm1a.jpg) no-repeat;}

.rightMenu a.m2{ padding: 25px 0 0 150px; width: 139px; height:55px; background: url(../images/rm2a.jpg) no-repeat;}

.rightMenu a.m3{ padding: 15px 0 0 130px; width: 159px; height:65px; background: url(../images/rm3a.jpg) no-repeat;}

.rightMenu a.m4{ padding: 20px 0 0 130px; width: 159px; height:60px; background: url(../images/rm4a.jpg) no-repeat;}

.rightMenu a.m5{ padding: 35px 0 0 40px; width: 249px; height:45px; background: url(../images/rm5a.jpg) no-repeat;}

.rightMenu a.m6{ padding: 34px 0 0 145px; width: 144px; height:47px; background: url(../images/rm6a.jpg) no-repeat;}

.rightMenu a.m7{ padding: 8px 75px 0 0; text-align:right; width: 214px; height:131px; background: url(../images/rm7a.jpg) no-repeat;}

.rightMenu a.m1:hover{ background: url(../images/rm1.jpg) no-repeat;}

.rightMenu a.m2:hover{ background: url(../images/rm2.jpg) no-repeat;}

.rightMenu a.m3:hover{ background: url(../images/rm3.jpg) no-repeat;}

.rightMenu a.m4:hover{ background: url(../images/rm4.jpg) no-repeat;}

.rightMenu a.m5:hover{ background: url(../images/rm5.jpg) no-repeat;}

.rightMenu a.m6:hover{ background: url(../images/rm6.jpg) no-repeat;}

.rightMenu a.m7:hover{ background: url(../images/rm7.jpg) no-repeat;}





.opinions{ float:left; width: 560px; padding: 20px 20px 30px 25px; border: 1px solid #CACCCA; line-height:20px;}

.opinions h3{ font-size: 18px; font-weight:normal; color:#666; padding-bottom: 5px; padding-top:25px;}





.addOpinion{ float: left; padding: 10px 0 0 26px; width: 90%;}

.addOpinion a{ display:block; width: 135px; height:25px; background: url(../images/opinion.gif) no-repeat;}



.askBox{ float:left; width: 604px; padding-top: 184px; margin-top: -37px; background: url(../images/topLetter.jpg) no-repeat;}

.askCont{ float:left; width: 579px; padding: 20px 0 25px 25px; background: #F4F5F1;}

.askCont form{ padding: 40px 0 0 10px; color:#000;}

.askCont form div{ padding-top: 30px;}

.askCont form div span{ padding-right: 50px; }

.askCont form div input{ width: 250px; padding: 1px 3px; border: 1px solid #7F9DB9;}	

.askCont form div textarea{ width: 530px; height:250px; overflow:auto; max-width: 540px; max-height:255px; padding: 1px 3px; margin:10px 0;  border: 1px solid #7F9DB9;}	

#ask{ margin-top: 10px; width: 125px; height:25px; background: url(../images/ask.gif) no-repeat; border: none; cursor:pointer;}

#questions { margin-top: 10px; width: 125px; height:25px; background: url(../images/all_question.gif) no-repeat; border: none; cursor:pointer;}

#opinion 	{ margin-top: 10px; width: 125px; height:25px; background: url(../images/add_opinion.gif) no-repeat; border: none; cursor:pointer;}

#all_opinions { margin-top: 10px; width: 125px; height:25px; background: url(../images/all_opinions.gif) no-repeat; border: none; cursor:pointer;}

			

	

	

.contacts{ float:left; width: 100%;}

.contInfo{ padding: 10px 0 0 30px; line-height:20px;}

.contInfo div{ padding-top: 30px; font-weight:bold; color:#333;}

.contInfo div span{ color:#209026; padding-right: 40px;}

.contInfo div a{ font-weight:normal;}

.contInfo div li{ float:left; width: 412px; font-weight:normal;}

.contInfo div li p{ font-weight:bold;}

.contInfo div li div{ padding-bottom: 5px; background: url(../images/botShadow2.jpg) no-repeat center bottom;}

.contInfo div li div img{ border: 5px solid #fff; display:block;}



.rightImgMenu{ float:right; margin-right: -45px;}

.rightImgMenu .imgBox{ padding-bottom: 5px; background: url(../images/botShadow3.gif) no-repeat left bottom;}

.rightImgMenu .imgBox div{ border: 5px solid #fff; border-right: 0;}

.rightImgMenu .imgBox div img{ border: 1px solid #E5E5E5;}

.rightImgMenu ul{ padding: 20px 0 0 10px; width: 250px;}	

.rightImgMenu li{ padding: 0 0 5px 17px; background: url(../images/marker.gif) no-repeat 0 4px;}

.rightImgMenu li a{ text-decoration:none;}	

	

.operations{ float:left; width: 560px; padding: 20px 20px 30px 25px; border: 1px solid #CACCCA; line-height:20px; color:#333333;}

.operations h1{ padding-bottom: 25px;}

.operations h3{ font-size: 18px; font-weight:normal; color:#333333; padding-bottom: 5px;}

.operations p{ font-weight:bold; padding-bottom: 25px;}

.boxForScroll{ float:left; width: 100%; height:570px; position:relative; overflow:hidden;}

#scrollCont{ position:relative;}

#scrollT{ float:left; width: 100%; height:100px; margin-bottom: -100px; position:relative; z-index:2; background: url(../images/pix.gif); cursor:s-resize;}

#scrollB{ float:left; width: 100%; height:100px; margin-top: -100px; position:relative; z-index:2; background: url(../images/pix.gif); cursor:s-resize;}



.results{ float:right; padding: 0 0 50px 28px; width:934px; margin-right: -45px; background: url(../images/body2.jpg) no-repeat right 48px;}

.beforeAfter{ float:left; width: 100%; padding-top: 20px;}

.beforeAfter div{ float:left; padding: 0 25px 5px 0; background: url(../images/botShadow.gif) no-repeat left bottom; }

.beforeAfter div img{ display:block; border: 5px solid #fff;}

.results .textBox{ float:left; padding: 15px 430px 0 0; width: 504px; font-size: 12px;}



.leftBlock{ float:left; width: 450px; margin-right: -100px; position:relative; z-index:2; padding-left: 27px;}

.rightBlock{ float:right; width: 473px; height:826px; margin-top: -8px; background: url(../images/body3.jpg) no-repeat;}

.leftBlock ul{ padding: 20px 0 0 20px;}

.leftBlock ul li{ font:bold 20px "Century Gothic"; padding-bottom: 10px; line-height:17px;}

.leftBlock ul li a{ text-decoration:none; color:#229145; padding-left: 20px; background: url(../images/pointL.gif) no-repeat left; }

.leftBlock ul li a.active{ background: url(../images/pointD.gif) no-repeat 2px center;}

.leftBlock ul li a span{ padding-left: 20px;}

.leftBlock ul li div{ padding: 0 0 5px 20px; font: 14px Tahoma, Geneva, sans-serif;}

.leftBlock ul li div p{ font-weight:bold; color:#229145; padding: 10px 0 5px 0;}

.leftBlock ul li div ul{ padding:0 0 0 5px;}

.leftBlock ul li div li{ padding: 0 0 5px 17px; font: 12px Tahoma, Geneva, sans-serif; line-height:11px; background: url(/images/marker.gif) no-repeat 0 3px!important;}

.leftBlock ul li div li span{ padding-left: 10px; line-height:13px; position: relative; top: 3px; }	

.leftBlock ul li div li a{ padding:0; background: none; }



	

.boxT{ position:relative; z-index:5; width: 260px; height:292px; padding: 36px 25px 0 19px; overflow:hidden; background: url(../images/boxBg1.png) no-repeat; color:#666;}	

*html .boxT{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxBg1.png', sizingMethod='noscale'); _background:none;}

.boxT h3{ font-size:24px; font-weight:normal; color:#666; padding-bottom:15px; }

.boxT p{ text-align:justify; padding-bottom: 15px; line-height:18px;}

.boxT img{ float:left;}

.rightPad{ padding-right: 3px;}

.boxB{ position:relative; z-index:5; width: 260px; height:307px; padding: 15px 25px 0 19px; background: url(../images/boxBg2.png) no-repeat; color:#666;}	

*html .boxB{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxBg2.png', sizingMethod='noscale'); _background:none;}

.boxB h3{ font-size:24px; font-weight:normal; color:#666; padding-bottom:13px; }

.boxB p{ text-align:justify; padding-bottom: 15px; line-height:18px;}

.boxB img{ float:left;}

#box1{ display:none; left: 40px; top: 120px;}

#box2{ display:none; left: 5px; top: 170px;}

#box3{ display:none; left: 25px; top: 80px;}

#box4{ display:none; left: 80px; top: 125px;}

#box5{ display:none; left: 10px; top: 145px;}

#box6{ display:none; left: 10px; top: 390px;}

#box7{ display:none; left: 100px; top: 285px;}

#box8{ display:none; left: 0px; top: 450px;}

#box9{ display:none; left: 10px; top: 200px;}



.bigMenu div{ display:none;}