/* CSS Document */

HTML{height:100%;width:100%}
BODY {height:100%;width:100%;margin:0; padding:0; font:75% Tahoma, Verdana, Arial, Helvetica, sans-serif; background:#fff;text-align:left;color:#425290;}
a{color:#425290}
a:hover{color:#44b2ff}
IMG {border: 0}
TABLE {border-collapse:collapse;}
TABLE TR TD {padding:0;vertical-align:top;}
FORM  {margin:0}
INPUT, TEXTAREA, SELECT {font-size:12px; font-family: Arial, sans-serif; color: #4e5560}
P {margin:0 0 10px 0}
H1, h3{font-size:140%; margin:0 0 5px;font-weight: normal;text-align:left;}
H2{font:20px trebuchet MS; margin:0 0 5px;font-weight: normal;text-align:left;margin:9px 0 18px}
H5{font-size:18px;  font-weight: normal;color:#3f3f3f}
.h1{font-size:18px}
.h2{font-size:17px;}
ul.dialog-li{padding-left:20px;font-style:italic;font-family:times;font-size:15px}
.dialog-li li{list-style:url(_img/dash.gif)}

ul{margin:7px 0px 7px 16px;padding:0}
ol{margin:7px 0px 7px 30px;padding:0;}
li{list-style:url(_img/square.gif);padding:0 0 2px 0;}
li li{margin:0 0 0 10px}
li ul{padding-top:15px}
HR{height:1px;border:0px;background:#BE9960;}
.clear{clear: both;padding-bottom: 1px; margin-bottom: -1px; height:0;}
.border{border:1px solid #111}
.clear-both{clear:both}
#online{position:absolute;top:0}

.left{float:left}
.right{float:right}
.absolute{position:absolute}
.relative{position:relative}
.middle{vertical-align:middle}
.center{text-align:center}

.white{color:#fff} .black{color:#111} .red{color:red} .green{color:green} .blue{color:blue} .grey{color:#cecece}
.font11{font-size:11px} .font12{font-size:12px} .font14{font-size:14px}

.clearfix:after{content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix{display: inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}

/* START OF MIN-WIDTH FOR IE */
.minwidth{width:100%;min-width:980px;//margin-bottom:1em;}
.minwidthb, .minwidthm, .minwidthp, .layout{height:auto !important;//height:0;}
.minwidthm{margin-left: -980px;position: relative;}
.minwidthb{//border-left: 980px solid #fdd;}
.minwidthp{padding-left: 980px;}
/* END OF MIN-WIDTH FOR IE */

/* START OF HOLDER */
#holder{min-height:100%;height:auto !important;height:100%;background:url(/bitrix/_img/menu-line.gif) repeat-y 30% 0;min-width:980px;width:100%}
#body{width:100%;clear:both;overflow:hidden;padding:0 0 90px}
/* END OF HOLDER */

/* START OF HEADER */
#header{padding:245px 0 0;background:#b6a996 url('/bitrix/_img/header-bg.jpg') -1px 0;}
#logo{position:absolute;top:0;left:20px}
#top-menu{height:37px;background:url(/bitrix/_img/menu-bg.gif) repeat-x #01811f;font-size:17px;}
#top-menu a{color:#fff;}
#top-menu div{float:left;width:20%;text-align:center;padding:6px 0 10px;}
#top-menu #active{background:url(/bitrix/_img/green.gif) repeat-x #6fb501}
#top-menu div a{padding:0 0 3px 38px;margin-left:-19px;background-position:0 0;background-repeat:no-repeat}
#top-menu .menu1 a{background-image:url(/bitrix/_img/images/menu1.gif)}
#top-menu .menu2 a{background-image:url(/bitrix/_img/images/menu2.gif)}
#top-menu .menu3 a{background-image:url(/bitrix/_img/images/menu3.gif)}
#top-menu .menu4 a{background-image:url(/bitrix/_img/images/menu4.gif)}
#top-menu .menu5 a{background-image:url(/bitrix/_img/images/menu5.gif)}
#top-menu .most{float:right;width:19.8%}
/* END OF HEADER */

/* START OF LEFT MENU */
#menu-left{padding:8px 0 0;float:left;width:30%; //margin-right: -100%;background:url(/bitrix/_img/white-line.gif) no-repeat right 0;position:relative;left:1px;min-height:24px;height:auto !important;height:24px;}
#menu-left dl{text-align:center;margin:0 auto;font-size:80%;width:268px;text-align:left;}
#menu-left dt{background:url(/bitrix/_img/icons.gif) no-repeat;padding:2px 0 6px 39px;margin:0 0 10px;font-size:185%;position:relative;top:12px}
#menu-left dd{background:url(/bitrix/_img/icons.gif) no-repeat 0 -30px;margin:0 0 0 35px;padding:0 0 1px 34px;font-size:175%}
#menu-left .active-item{background:#e6eefd;padding:0 3px 1px 3px;position:relative;left:-3px}
/*#menu-left p{font-size:13px;width:230px;margin:20px auto 0 auto;text-align:left;text-align:center}*/
#menu-left a:visited{/*color:#810081*/}
#menu-left dd.scheme{margin-top:17px}

#submenu{margin:7px auto 10px auto;width:268px;text-align:left}
#submenu-header{padding:25px 0 0;font-size:17px;display:none;width:268px;margin:0 auto;border:0}
#submenu li{list-style:disc;margin:0 0 0 70px}
#submenu-header a.active-item{position:relative;left:66px}

#active-top{font-weight:bold}
/* END OF LEFT MENU */

/* START OF CONTENT */
h1.main{margin:27px 0 0; font-size: 30px;font-family:trebuchet ms;font-weight:bold;background:url(/bitrix/_img/dash3.gif) no-repeat 106px 20px;}
#content{float:right;width:70% !important; //width:70%;padding:0 0; //margin-left: 30%; //display: inline;text-align:left;font-size:110%;padding:22px 0 0;}
#pr{padding:0 5%;//padding:0 2.2% 0 5% !important;//padding:0 3.6%}
#pages-pr{padding:0 5%;//padding:0 3.6%;}
#path{padding:0 0 30px;font-size:80%}
#path span{font-size:9px;font-weight:bold}
.two-columns{margin:0 0 0 0%;width:105%;}
.two-columns td{width:50%;padding:0 0 0 0;}
.columned{width:105%;margin:-10px 0 0 -5.1%;//margin:-10px 0 0 -4.8%;}
.columned td{padding:0 0 12px 5%;text-align:left;width:50%}
.columned td .larges{margin:15px 0 0}
.blue-box{padding: 17px 20px;margin: 0pt -20px;background:#e6eefd;}
.columned td .blue-box{position:relative;top:10px}
#cat{margin:0 5%}/*padding:0 5%;//padding:0 2.1% 0 5% !important;//padding:0 5.0%;*/
#slogan{font-size:30px;text-align:left;padding:27px 0 0 0;white-space:nowrap;font-family:trebuchet ms;font-weight:bold;font-size:30px;}
#packs{width:100%}
#packs td, th{border:1px solid #cecece;padding:5px 7px;text-align:center}
#packs th{background:#c2dff7}
#packs .name{text-align:left}
#dialogs{background:url('/bitrix/_img/images/bottom-right.gif') no-repeat right bottom #e6eefd;margin:0px 0 0 12%;font-size:11px}
#dia-bg{background:url('/bitrix/_img/images/top-right.gif') no-repeat right top;}
#dia-bg1{background:url('/bitrix/_img/images/top-left.gif') no-repeat 0 0;}
#dia-bg2{background:url('/bitrix/_img/images/bottom-left.gif') no-repeat 0 bottom;padding:20px;text-align:left;}
#dia-bg2 ul.dialog-li{font-size:13px;line-height:14px}
#tag{margin:-8px 0 10px 37px;font-size:17px}

.img{border:1px solid #cecece}
.larges{display:block;float:left;border:1px solid #425290;margin:20px 20px 15px 0;}
.smalls{display:block;float:left;border:1px solid #425290;margin:20px 20px 15px 0;}

#layer{cursor:pointer;cursor:hand;position:absolute;top:30%;left:30%;z-index:100;border:1px solid #425290;display:none;background:#fff;font-size:11px}

.process-item{float:left;width:299px;height:260px}
.process-item div{width:250px;text-align:left;font-size:12px;clear:both}
.process-item img{float:left;}
.process-item strong{display:block;padding:9px 0 5px}
#index-spacer{clear:both;height:210px}

.sketch-index{float:left;width:49.9%;text-align:center;margin:2px 0 10px}
.sketch-index div{padding:5px 0 0}
.sketch-index img{width:188px;height:188px;border:1px solid #b1bcca}
.sketch-index p{width:180px;margin:5px auto 0 auto}
.sketch-index p span{font-size:17px}
#calc{text-align:center;margin:60px 0 0}
/* END OF CONTENT */

/* START OF PORTFOLIO */
.index-top{text-align:center;padding:29px 0 0;z-index:11}
.index-top p{margin:5px auto 30px;width:258px;font-weight:bold}

#probe{border:2px solid #111}
#it:hover #that{color:#44b2ff}
#portfolio{width:100%}
#portfolio-inner{width:100%;margin:0 0 90px}
#hidden{width:100%;padding:1px 0 0}/*height:260px;*/
#hidden div{float:left;width:33%;text-align:center;font-size:13px;font-weight:bold;margin:0 0 40px;height:260px} //ширина 27%
#portfolio-inner #hidden{height:460px;width:100%;padding:1px 0 0;overflow:hidden;}/*overflow:hidden;float:left;*/
#portfolio-inner #hidden div{float:left;width:50%;font-size:13px;font-weight:bold;margin:0 0 40px;text-align:center;height:460px;}
#slide b b{display:block;text-decoration:none;font-weight:bold}
#slide div span{line-height:360px;height:auto;display:inline}
#slide div span img{vertical-align:middle}
#slide #order i{height:auto;}
#slide{display:block;float:left;}/*width:123%;*/
#progress{font-size:11px;clear:both;text-align:center;padding:5px 0 15;//margin:0 3% 0 0;}

.banner-table{text-align:center;margin:0 auto 40px}
.banner-table td{padding:7px 10px}

/* NEW SLIDE */
#new_hidden{}
#new_hidden div{text-align:center;margin:0 0 75px}
#slide_back b b{display:block;text-decoration:none;font-weight:bold}
#slide_back div span{line-height:360px;height:auto;display:inline}
#slide_back div span img{vertical-align:middle}
#slide_back #order i{height:auto;}
#slide_back #order b b{display:block;font-size:19px;padding:3px 0 20px 0;white-space:nowrap;font-weight:normal}
/* NEW SLIDE */

#left-text{margin:0 13%;border-top:1px solid #525E8D}
#left-text-content{height:70px;overflow:hidden;}
#left-text h2{margin-top:25px}
#right-text{margin:0 13%}
#right-text-content{height:70px;overflow:hidden;line-height:14px}
#right-text h2{margin-top:38px;} /*background:url(/bitrix/_img/dash2.gif) no-repeat 125px 13px;*/
#more-left{font-size:11px;position:relative;top:7px;display:none}
#more-right{font-size:11px;position:relative;top:7px;display:none}

#one-text{margin:0 13%}
#one-text-content{height:70px;overflow:hidden;line-height:14px}
#one-text h2{margin-top:38px;}
#more-one{font-size:11px;position:relative;top:7px;display:none}

.voting-form-box{margin:0 0 0 20px;_margin:490px 0 0 20px;clear:both}
.voting-form-box p{font-size:17px}
#poll-form{border-top:1px solid #525E8D;border-bottom:1px solid #525E8D;padding:20px 0 0}
.move{position:relative;top:30px;margin:-10px 0 -10px}
.voting-result-box{margin:0 0 0 20px;_margin:490px 0 0 20px;clear:both;z-index:20}
.voting-result-box .heading{font-size:17px}
.vote-answer-table{border-top:1px solid #525E8D;border-bottom:1px solid #525E8D;}
.vote-answer-table table td{padding:5px 0;text-align:left}
.answer-container{padding:15px 0}
.percent{width:80px}


.slide{margin:0 0 0 0%;}

#player img{cursor:pointer;cursor:hand;}
#player div{float:left;padding:7px 20px 0;font-size:11px;text-decoration:underline;cursor:pointer;cursor:hand;}
#footer #progress{padding:15px 0 0;position:relative}
#footer #player div{float:left;padding:7px 20px 0;font-size:11px;text-decoration:underline;cursor:pointer;cursor:hand;}
#player span{background:#6ea8d6;display:block;float:left}
#left-items{text-align:right;}

#order{width:30% !important;//width:23.7%;position:absolute;left:0;margin:-122px 0 0;}
#order b{margin:0 7% 0 10%;display:block;padding:0 40px 40px;font-weight:normal;text-align:left}
#order b b{margin:0;padding:0;display:inline}
#slide #order b b{display:block;font-size:19px;padding:3px 0 20px 0;white-space:nowrap;font-weight:normal}
#order del{visibility:hidden;display:block;height:33px}
#order #WHOLE, #order #OTHER, #order #PROCESS, #order #LINK{padding:0 0 4px}
#order a{color:#0096ff;font-size:11px;margin-left:40px;}
#customer{background:url('/bitrix/_img/customer.gif') no-repeat 0 0}
#aim{background:url('/bitrix/_img/question-mark.gif') no-repeat 0 0}
#use{background:url('/bitrix/_img/play-mark.gif') no-repeat 0 0}
#right-items{text-align:left}
#slide #order{display:block}
/* END OF PORTFOLIO */

/* START OF FOOTER */
#offer{margin:36px 0 41px 12%;text-align:center}
#offer img{margin:0 0 0 -25px}
#sofa{width:304px;margin:0 auto 45px auto;}/*margin:-230px 0 0 30.5%;//margin:-230px 0 0 26.5%;padding:0 0 0 0%;*/
#sofa-text{position:relative;font-size:13px;}
#sofa div{padding:0;width:304px;position:relative;height:161px;background:url('/bitrix/_img/sofa.jpg') center 0 no-repeat;}
#sofa div img{height:190px;width:320px;}
#sofa div a{margin:0 0 0 0px}
#footer{margin:0 3.6%;height:74px;background:url(/bitrix/_img/footer-bg.gif) repeat-x 0 24px #fff;font-size:90%}
#cont{width:23%;text-align:right;float:right}
#footer div{padding:42px 0 0}
#foot{margin-top:-74px;position:absolute}
#footer #find-holder{padding:0;clear:both;width:68%;float:right;}
#call{float:left;margin:0 5% 0 0;position:relative;left:30px}

#footer #find{position:absolute;width:30%;//width:29.4% !important;//width:47%;padding:0;margin:40px 0 0}
#footer #find div{width:50%;float:right;position:relative;//left:33% !important;left:30.5%;padding:0;}
#find div input{width:100%;background:url(/bitrix/_img/input-bg.gif) repeat-x 0 0;border:0 none;float:right;display:block;margin:0;padding:4px 0 3px;}
#find div p{background:url(/bitrix/_img/input-bg-left.gif) no-repeat 0 0}
#find div span{background:url(/bitrix/_img/input-bg-right.gif) no-repeat right 0;padding:0 3px}
#footer #multi{margin-bottom:0;padding:0;position:relative;top:30px;width:33%;float:left}
/* END OF FOOTER */

#pass-form div{display:inline}
#pass-form label{margin:0 5px 0 10px;vertical-align:top;position:relative;top:3px}
#pass-form input{position:relative;top:-6px;//top:-3px}
#pass-form #loguot{display:block;padding:12px 10px 0 10px}
#pass-form{float:right;height:37px;margin:-74px 0 0 0;background:#f5f5f5}
#pass-inner{display:block;background:#2e4145;position:absolute;margin:0 0 0 -131px;font-weight:bold;color:#fff;padding:12px 15px 11px 15px}
#pass-inner img{position:absolute;margin:-12px 0 0 -54px}
#pass-form form{margin:9px 7px 0 0 !important}
#pass-inner a{text-decoration:none;color:#fff}
#pass-form #form-enter{width:21px;height:21px;position:relative;top:6px;//top:3px;//left:0px;//margin:0 0 0 3px}

.go-buttons{text-align:center;display:block;//margin:0 3% 0 0}
.go-buttons li{display:inline;margin:0 4px 0;padding:0}
.go-buttons ul{margin:0;}
.go-buttons img{cursor:pointer;cursor:hand}

.ask3{margin:0 0 37px;clear:both}
.ask3 div{background:url(/bitrix/images/ar.gif) 0 10px no-repeat;padding:6px 0 7px 14px;border-bottom:1px solid #4f5b8b}
li{list-style-image:none;list-style-type:none}
.bleu-sheet{background:#e6eefd;margin:0 0 0 -15px;position:relative;padding:15px;}
.bleu-sheet li{float:left;font-size:17px}
#time_now{display:block;font-size:19px;}
#answer_time{display:block;font-size:19px}
.need{margin:20px 0 0 0}
.need li{float:left}
.need li .ask3{width:362px;float:right;position:relative;left:28px;//left:0;margin:0;top:-6px}
.quick{clear:both;position:relative;top:-31px;width:170px}
#free{float:right;margin:-68px 0 0}
#free strong{display:block;font-size:18px;font-weight:normal;text-align:right}



.blog-post-title{font-size:17px;margin:0 0 2px 0;width:430px}
.post-holder{background:#e6eefd;padding:10px 20px 40px;margin:10px -20px}
.post-holder-left{float:left}
.blog-post-info-back{float:right;}
.blog-post-date{font-size:11px}
.blog-author img{display:block;margin:3px auto 0;position:relative;top:-3px;border:1px solid #dadada}
.blog-comment-info .blog-author{text-align:left;width:140px;}
.blog-post-info .blog-author{text-align:center;width:140px;}
.blog-author a{font-size:14px}
.blog-post-meta-util{margin:0 0 0;font-size:11px;position:relative;top:-34px;margin:0 0 -8px 0}
.blog-post{margin:0 0 50px 0}
.blog-post-tag{margin:10px 0 0 0;font-size:11px;}
.blog-settings{padding:0}
.blog-settings li{display:inline;margin:0}
.blog-settings ul{margin:0;padding:0}
.blog-page-navigation{font-size:11px}
.blog-page-current{font-weight:bold}
.blog-table-header-left td{vertical-align:middle;padding:0 7px}
.blog-comment-cont-white{margin:10px 0;background:#e9e8e8;padding:10px 20px}
.blog-author{text-align:left;font-size:14px;float:left;}
.blog-comment-date{font-size:11px;float:right;margin:0 0 0 0}
.blog-comment-meta{font-size:11px;text-align:right}
.blog-comment-content{padding:5px 0 0;cleaR:both}
.blog-comment-meta{margin:10px 0 0}
.blog-smiles-line{margin:8px 0 0;position:relative;top:2px}
.blog-comment-field{margin:5px 0 0}


.art-menu{float:right;background:#E6EEFD;margin:-15px 0 10px 15px;padding:15px 20px}
.art-menu dd{margin:0}
.art-header{font-size:17px;margin:0 0 3px}