*{ margin:0; padding:0;}
body{ font: 14px Arial, Helvetica, sans-serif; line-height:19px;}
img{ border:none;}
a{ color:#0B696F;}
a:hover{ color:#0F9197;}
ul{ list-style:none;}
h1{ font-size:32px; font-weight:normal; line-height:32px;}
h1 a{ color:#000; text-decoration:underline;}
h1 a:hover{ color:#0f9197;}
h2{ font-size:20px; font-weight:normal; line-height:20px;}
h2 a{ text-decoration:none; border-bottom: 2px solid #0B696F;}
h2 a:hover{ border-bottom: 2px solid #0F9197;}
h2 span{ font-size:15px; color:#999; position:relative; top: -3px;}
h6 { font-weight:normal; font-size:15px; color:#999; position:relative; padding-bottom:10px;}
.realHeight h2 span{ top: -0px;}
.leftMenu ul li h2 {line-height:26px!important;}
.leftMenu ul li h6 {padding-bottom:0px!important;}


h3{ font-size:20px; font-weight:normal; line-height:20px; padding-bottom: 5px;}
#main{ position:relative; float:left; width: 100%; min-width:1000px; overflow:hidden;}

*html #main{ width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');}
.list1{ background: url(../images/lists2.jpg) no-repeat right 240px;}
.list2{ background: url(../images/lists1.jpg) no-repeat right 240px;}
.list3{ background: url(../images/list3.jpg) no-repeat right 240px;}
.allBlock{ position:relative; z-index:2; float:left; width: 100%; padding-top: 25px;}
.leftBlock{ float:left; width: 25%; max-width:400px; min-width:280px; position:relative; left: 7%;}

.rightBlock{ float:right; width: 54%; padding-right: 7%;}
.list4{ position:relative; left:12%; top: 215px; float:left; width: 439px; height:255px; margin:0 0 -255px -200px; background: url(../images/shoot.jpg) no-repeat 0 0;}
.indexLogo{ height:420px;}

.logo{ float:left; width: 149px; height:78px; background: url(../images/logo.gif) no-repeat;}
.homea, .home{ float: left; width: 20px; height:21px; background: url(../images/home.gif) no-repeat center;}
.homea, .home:hover{ background:#0B696F url(../images/homea.gif) no-repeat center;}
.map{ float: left; width: 21px; height:20px; background: url(../images/map.gif) no-repeat center;}
.map2{ float: left; width: 21px; height:20px; background:#0B696F url(../images/mapa.gif) no-repeat center;}
.map:hover{ background:#0B696F url(../images/mapa.gif) no-repeat center;}
.mail{ float: left; width: 21px; height:20px; background: url(../images/mail.gif) no-repeat center;}
.mail2{ float: left; width: 21px; height:20px; background:#0B696F url(../images/maila.gif) no-repeat center;}
.mail:hover{ background:#0B696F url(../images/maila.gif) no-repeat center;}
.iconsBox{ float:left; width: 100%; padding-top: 5px;}
.iconsBox a{ margin-right: 30px;}

.topTextBox{ float:left; width: 100%; padding-top: 37px; font-size:16px; line-height:20px;}
.topTextBox p{ padding-top:0px; padding-bottom:11px; }
.topMenu{ float:left; width: 100%; padding:20px 0 50px 0;}
.topMenu li{ float: left; padding-right: 14%; margin-right: -29px; font-size: 17px; font-weight:bold;}
.topMenu li.last{ padding-right: 0;}
.topMenu li a{ font-weight:normal; color:#4F4F00;}
.topMenu li a:hover{ color:#979700;}
.topMenu li.active a{ color:#000;}
.topMenu li.active a:hover{ color:#0f9197;}
.consultationsBox{ float:left; width: 100%;}
.consultationsBox ul{ float:left; width: 100%;}
.consultationsBox li{ float:left; width: 49.9%; padding: 10px 0;}
.consultationsBox li.long{ width: 280px; margin-right: -100px;}
.advantagesBox{ float:left; width: 100%; padding-top: 40px;}
.advantagesBox ul{ float:left; width: 100%; padding-top: 20px;}
.advantagesBox li{ float:left; width: 26%;}
.advantagesBox li.number{ width: 10%; background: url(../images/tire.gif) repeat-x left 10px;}
.advantagesBox li.numberFirst{ width: 23px; overflow:hidden; background: none; left: -23px; margin-right: -25px; position:relative; z-index:2;}
.advantagesBox li div{ float:right; padding-left: 5px; background: #fff; font-size:23px; font-weight:bold;}
.advantagesBox li p{ float:left; padding-left: 5px; font-size: 16px; color:#333;}
.centerBlock{ width: 90%; height:125px; margin:0 auto 20px auto; background: url(../images/bg2.gif) repeat-x;}
.centerL{ float:left; width: 100%; height:125px; background: url(../images/lBg2.gif) no-repeat 0 0;}
.centerR{ float:left; width: 100%; height:125px; background: url(../images/rBg2.gif) no-repeat right 0;}
.centerR h1{ float:left; width: 30%; padding: 22px 0 0 32%; margin-left: -230px; line-height: 28px;}
.centerR h1 span{ font-style:italic; font-size: 13px; color:#333; position:relative; line-height:22px; }
.centerR a{ float:left; width: 523px; height:79px;   margin:22px 0px 0px 0px; background: url(../images/online2.gif) no-repeat;} 
.newsBox {float:left; width:100%; padding-top:40px;}
.newsBox div{ padding-top: 10px; line-height:21px;}
.newsBox div p{ font-style:italic; padding-bottom: 2px;}
.newsBox div a{ color:#4F4F00;}
.newsBox div a:hover{ color:#979700;}

.botBox, .topBox{ float:left; width: 100%;}
.box1{ position:relative; z-index:2; float:left; width: 49%; padding-top: 20px; margin-left: -20px; }
.box1.right{ margin-left:-20px; float:right; padding-right: 0;}
.box1 .topBox{ background: url(../images/bord1.gif) repeat-x;}
.box1 .botBox{ background: url(../images/bord1.gif) repeat-x bottom;}
.box1 .lt{ float:left; width: 20px; height:20px; overflow:hidden; background: url(../images/lt4.gif) no-repeat;}
.box1 .rt{ float:right; width: 20px; height:20px; overflow:hidden; background: url(../images/rt4.gif) no-repeat;}
.box1 .lb{ float:left; width: 20px; height:20px; overflow:hidden; background: url(../images/lb4.gif) no-repeat;}
.box1 .rb{ float:right; width: 20px; height:20px; overflow:hidden; background: url(../images/rb4.gif) no-repeat;}

.box1 .contBox{ float:left; width: 100%; background: url(../images/bord1.gif) repeat-y right;}
.box1 .contBox2{ padding: 0 20px; background: url(../images/bord1.gif) repeat-y;}
.box1 h2{ padding-bottom: 0px;}
.box1 p{ font-size:16px; line-height:22px;}
.bottomBlock{ float:left; width: 100%; padding: 40px 0 50px 0;}
.bottomBlock .leftBlock{ font-size: 16px;}
.bottomBlock .leftBlock a{ padding-left: 20px; background: url(../images/yamap.gif) no-repeat left; color:#4F4F00; font-size: 12px; font-style:italic;}
.phonesBox{ float:left; width: 400px; font-size: 17px; line-height:22px;}
.phonesBox p{ float:left; width: 100%;}
.phonesBox h2{ float:left; font-size: 26px;}
.phonesBox h2 span{ color:#666; font-size:21px;}
.phonesBox div{ float:left; font-size:16px; font-style:italic; padding: 7px 10px 0 10px;}
.rbImg{ background: url(../images/rightBottom.gif) no-repeat right bottom;}
.studio{ float:right; width: 116px; height:32px; margin-top: 20px; background: url(../images/q7.gif) no-repeat;}

.leftMenu{ float:left; width: 100%; padding: 36px 14px 57px 0; background: url(../images/cornBg.jpg) no-repeat right bottom;}
.leftMenu ul{ padding: 5px 0;}
.leftMenu h3{ padding-bottom: 10px;}
.leftMenu li{ margin-bottom: -7px;}
*+html .leftMenu li{ margin-bottom: -4px;}

.box2{ float:left; width: 100%; padding-top: 40px;}
.box2 .topBox{ background:#F5F5E7 url(../images/bord3.gif) repeat-x;}
.box2 .botBox{ background:#F5F5E7 url(../images/bord3.gif) repeat-x bottom;}
.box2 .lt{ float:left; width: 20px; height:20px; overflow:hidden; background: url(../images/lt3.gif) no-repeat;}
.box2 .rt{ float:right; width: 20px; height:20px; overflow:hidden; background: url(../images/rt3.gif) no-repeat;}
.box2 .lb{ float:left; width: 20px; height:20px; overflow:hidden; background: url(../images/lb3.gif) no-repeat;}
.box2 .rb{ float:right; width: 20px; height:20px; overflow:hidden; background: url(../images/rb3.gif) no-repeat;}
.box2 .contBox{ float:left; width: 100%; background:#F5F5E7 url(../images/bord3.gif) repeat-y right;}
.box2 .contBox2{ padding: 0 20px; background: url(../images/bord3.gif) repeat-y;}

#onlineBox span{ font-size: 13px; color:#333; position:relative; display:block;  line-height:16px; padding-bottom:10px;}
.online{ display:block; margin: 0 auto; width: 241px; height:36px; background:url(../images/online1.gif) no-repeat;}

.textBox{ float:left; width: 90%; font-size: 17px; line-height:24px;}

.textPadding{ padding-left: 20px 0px 0px 0px;}
.textPaddingTop{ padding: 30px 0 0 20px;}

.dottedBox{ float:left; width: 100%; height:50px; overflow:hidden; background: url(../images/dotted.gif) repeat-x left center;}

.subMenu{ float:left; width:100%; padding: 20px 0 30px 0;}
.subMenu li{ float:left; padding-right: 20px; font-size: 15px; margin-left: -7px;}
.subMenu li a{ float:left; color:#4F4F00; padding:2px 7px;}
.subMenu li a:hover{ color:#979700;}
.subMenu li.active div{ float:left; background:#F5F5E7 url(../images/rBg3.gif) no-repeat right 0;}
.subMenu li.active div span{ float:left; background: url(../images/lBg3.gif) no-repeat; padding:2px 7px; }
.subMenu li.active div a{ background: url(../images/lBg3.gif) no-repeat; }

.newsList{ float:left; width: 100%;}
.newsList li{ padding-bottom: 25px;}
#date{font-size: 14px; font-style:italic; height:27px; vertical-align:top; float:left; width:100%;}
.newsText h3{ font-style:normal; font-size: 22px; line-height:30px;}



.box3{ float:left; width: 100%; padding-top: 30px;}
.box3 .topBox{ background: url(../images/bord1.gif) repeat-x;}
.box3 .botBox{ background: url(../images/bord1.gif) repeat-x bottom;}
.box3 .lt{ float:left; width: 5px; height:5px; overflow:hidden; background: url(../images/lt1.gif) no-repeat;}
.box3 .rt{ float:right; width: 5px; height:5px; overflow:hidden; background: url(../images/rt1.gif) no-repeat;}
.box3 .lb{ float:left; width: 5px; height:5px; overflow:hidden; background: url(../images/lb1.gif) no-repeat;}
.box3 .rb{ float:right; width: 5px; height:5px; overflow:hidden; background: url(../images/rb1.gif) no-repeat;}
.box3 .contBox{ float:left; width: 100%; background: url(../images/bord1.gif) repeat-y right;}
.box3 .contBox2{float:left; width: 94%; padding: 5px 3%; background: url(../images/bord1.gif) repeat-y;}
.box3 .name{ float:left; font-size: 16px; font-weight:bold; }
.box3 .date{ float:right; font-size: 12px; font-style:italic;}
.box3 .quest{ float:left; width: 100%; padding-top: 10px; font-size: 14px; line-height:20px;}
.box3 a.answer{ padding-left: 10px; background: url(../images/pointer.gif) no-repeat 0 5px; text-decoration:none; font-style:italic;}
.box3 a.answer span{ border-bottom: 1px dashed #4F4F00;}
.box3 a.answer:hover span{ color:#979700; border-bottom: 1px dashed #979700;}


.box4{ float:left; width: 96%; padding: 10px 2% 0 2%; display:none;}
.box4 .topBox{ background: #F5F5E7;}
.box4 .botBox{ background: #F5F5E7;}
.box4 .lt{ float:left; width: 5px; height:5px; overflow:hidden; background:#F5F5E7 url(../images/lt2.gif) no-repeat;}
.box4 .rt{ float:right; width: 5px; height:5px; overflow:hidden; background:#F5F5E7 url(../images/rt2.gif) no-repeat;}
.box4 .lb{ float:left; width: 5px; height:5px; overflow:hidden; background:#F5F5E7 url(../images/lb2.gif) no-repeat;}
.box4 .rb{ float:right; width: 5px; height:5px; overflow:hidden; background:#F5F5E7 url(../images/rb2.gif) no-repeat;}
.box4 .contBox{ float:left; width: 100%; background:#F5F5E7;}
.box4 .contBox2{ padding: 5px 10px; background:#F5F5E7; }

.makeQuest{ float:left; margin: 15px 0 0 0; background: url(../images/bg.gif) repeat-x;}
.makeQuest div{ float:left; background: url(../images/rBg.gif) no-repeat right 0;}
.makeQuest div a{ float:left; padding: 2px 7px; background: url(../images/lBg.gif) no-repeat; color:#4F4F00; text-decoration:none; font-size: 15px;}
.makeQuest div a span{ border-bottom: 1px dashed #4F4F00;}
.makeQuest div a:hover span{ color:#979700; border-bottom: 1px dashed #979700;}

.makeOpinion{ float:left; margin: 0px 0 0 0; background: url(../images/bg.gif) repeat-x;}
.makeOpinion div{ float:left; background: url(../images/rBg.gif) no-repeat right 0;}
.makeOpinion div a{ float:left; padding: 2px 7px; background: url(../images/lBg.gif) no-repeat; color:#4F4F00; text-decoration:none; font-size: 15px;}
.makeOpinion div a span{ border-bottom: 1px dashed #4F4F00;}
.makeOpinion div a:hover span{ color:#979700; border-bottom: 1px dashed #979700;}


.pagesBox{ float:left; width: 100%; padding-top: 30px;}
.pagesBox span{ padding-left: 10px;}
.pagesBox a{ margin-left: 10px;}

.questInfoBox{ float:left; width: 100%; font-size: 17px; padding-top: 40px;}

.fieldsLine{ float:left; width: 100%; padding-top: 15px;}
.fieldsLine p{ position:relative; left:-20px; float:left; width: 180px; padding-left: 20px;}
.marker{ background: url(../images/marker.gif) no-repeat 0 10px;}
.fieldsLine input{ float:left; width: 50%; font: 17px Arial, Helvetica, sans-serif; padding: 2px 5px; border: 1px inset #808080;}
.fieldsLine textarea{ float:left; width: 95%; height:150px; overflow:auto; max-width: 96%; max-height:155px;  font: 17px Arial, Helvetica, sans-serif; padding: 2px 5px; border: 1px inset #808080;}
.send{ margin-top: 10px; font-size: 17px; padding: 5px 10px;}

.main_text {width:88%;}
.main_text p {padding-top:10px;padding-bottom:10px;}
.main_text h1{ font-size:20px; font-weight:normal; line-height:20px;}

.bdbd {padding-top:30px;text-align:right;}