body{color: #000;background:#fff;font-family: 'Times New Roman', serif;line-height:normal;font-size: 13px;}
#min-width{min-width: 997px;max-width: 1290px;margin: 0 auto;}
/*****************width*******************/
.wrapper,#container.wrapper{margin:0 7%;width: 86%;min-width:868px;max-width:1120px;}
#container{width:100%;}
.righthalf{width: 50%;}
.side{width: 7%;}
#content{width: 86%;}
#menu li.about{width: 19.3%;}
#menu li.works{width: 28.7%;color: #096;}
#menu li.services{width: 26%;}
#menu li.contacts{float:right;margin-right:-6px;width:24.9%;}
section.sfirst{width: 49.6%;}
section.sthird{width: 25%;}
section.sfourth{width:180px;}
.halfleft{width: 44.8%;padding-right:59px;}
.halfright{width: 44.4%;}
#content aside{width:37.8%;padding-left:63px;max-width:441px;min-width:331px;margin-top:51px;padding-top:42px;position:absolute;z-index: 2;}
#command li{width:153px;padding-right:2.7%;}
#maintable{width:100%;}
#content article{width:100%;}
#content section{width:100%;}
/****************************************/
.righthalf{float: right;}
a{color: #000;}
a:hover{color: #39c;}
a:focus{-moz-outline:none;outline:none;}
a:active{-moz-outline:none;outline:none;}
.hidden {display: none !important;}
b,strong{font-weight: bold;}
em,i{font-style: italic;}
.clr:after,#content article:after {content: " ";clear:both;display: block;width: 0; height: 0;overflow: hidden;font-size:0;}
h1,h2,h3,h4,h5,h6{padding: 0.6em 0 0.5em;}
h1{font-size:40px;line-height:30px;}
h2{font-size:30px;line-height:30px;}
h3{font-size:27px;line-height:27px;}
h4{font-size:24px;line-height:24px;}
h5{font-size:21px;line-height:21px;}
h6{font-size:19px;line-height:19px;}
input, textarea{font-family: 'Times New Roman', serif;}
textarea{resize:none;}
input:focus,textarea:focus{-moz-outline: none;outline: none;}
header{height: 161px;padding-top: 29px;}
#logo{display:block;width:296px;height:57px;padding-right:9px;float:left;position:relative;z-index:10;}
#logo a{color:#fff;display:block;width:296px;height:57px;}
#logo a img {position:absolute;-o-transition:opacity 0.25s linear;-moz-transition:opacity 0.25s linear;-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear;}
#logo a img.default {opacity:1;}
#logo a img.hover {opacity:0;filter:alpha(opacity=0);}
#logo a:hover img.default {opacity:0;filter:alpha(opacity=0);}
#logo a:hover img.hover {opacity:1;filter:alpha(opacity=100);}

#slogan{font-size:14px;line-height:1.2em;margin-top:-2px;color:#000;display: block;float: left;}
p.afterlogo{position:absolute;padding-top:70px;}

#menu{margin-top: -3px;}
#menu:after {content: " ";clear:both;display: block;width: 0; height: 0;overflow: hidden;font-size:0;}
#menu li{float: left;display: block;}
#menu li b{font-size:20px;font-weight:normal;margin-left:-1px;display: block;}
#menu li ul{padding-top:11px;}
#menu li li{float: none;padding:0 0 4px;}
#menu li a,#menu li span{color: #333;margin-left:-4px;padding: 3px 6px 3px 5px;display:inline-block;vertical-align:top;line-height: 16.5px;}
#menu li a.active,#menu li a:hover,#menu li span{color:#fff;background: #39c;text-decoration:none;}

#maintable{table-layout: fixed;height: 100%;}
#content section{height:500px;}
.side{height: 100%;}

#prevlist,#nextlist{text-decoration: none;width: 100%;height:100%;display: none;position: relative;cursor:default;overflow:visible;margin-top:51px;margin-bottom:-51px;}
#prevlist span,#nextlist span{margin-top:-17px;width: 16px;height: 34px;display:block;position:absolute;top:50%;}
#prevlist span{background: url(/static/i/arrow.png) no-repeat 0 0;right:35px;}
#nextlist span{background: url(/static/i/arrow.png) no-repeat 0 -136px;left:35px;}
#prevlist.active,#nextlist.active,#prevlist.prevpage,#nextlist.nextpage,
#prevlist.active span,#nextlist.active span,#prevlist.prevpage span,#nextlist.nextpage span{cursor: pointer;}
#prevlist.active span,#prevlist.prevpage span{background: url(/static/i/arrow.png) no-repeat 0 -34px;}
#prevlist.active:hover span,#prevlist.active:focus span,#prevlist.prevpage:hover span,#prevlist.prevpage:focus span{background: url(/static/i/arrow.png) no-repeat 0 -68px;}
#prevlist.active:active span,#prevlist.prevpage:active span{background: url(/static/i/arrow.png) no-repeat 0 -102px;}
#nextlist.active span,#nextlist.nextpage span{background: url(/static/i/arrow.png) no-repeat 0 -170px;}
#nextlist.active:hover span,#nextlist.active:focus span,#nextlist.prevpage:hover span,#nextlist.prevpage:focus span{background: url(/static/i/arrow.png) no-repeat 0 -204px;}
#nextlist.active:active span,#nextlist.prevpage:active span{background: url(/static/i/arrow.png) no-repeat 0 -238px;}
#nextlist span span,#nextlist.active:hover span span{display: none;}
#nextlist.nextpage:hover span span{margin:0;height:40px;display: block;background: #39c !important;color:#FFF;font-size:15pt;left:-235px;line-height:40px;padding:0 0 0 16px;position:absolute;top:-2px;width:184px;}
#prevlist span span,#prevlist.active:hover span span{display: none;}
#prevlist.prevpage:hover span span{margin:0;height:40px;display: block;background: #39c !important;color:#FFF;font-size:15pt;right:-246px;line-height:40px;padding:0 16px 0 18px;position:absolute;top:-2px;width:177px;z-index: 2;}

.portfel #prevlist,.portfel #nextlist{width: auto;}
.portfel .side{vertical-align: middle;padding-top:51px;}
.portfel .title .zpt{display:none;}
.portfel a#prevlist,.portfel a#nextlist{display: block;cursor: pointer;text-decoration: none;width: auto;height:100%;position:fixed;min-height:514px;top:0;right:auto;left:auto;}
.portfel #prevlist.unactive,.portfel #nextlist.unactive{cursor:default;}
.portfel #prevlist span,.portfel #nextlist span{width: 16px;height: 34px;display:block;margin-top:-17px;position:absolute;top:50%;}
.portfel #prevlist span{background: url(/static/i/arrow.png) no-repeat 0 -34px;right:34px;}
.portfel #prevlist.unactive span,
.portfel #prevlist.unactive:hover span,
.portfel #prevlist.unactive:focus span,
.portfel #prevlist.unactive:active span{background-position:0 0;cursor:default;}
.portfel #prevlist:hover span,.portfel #prevlist:focus span{background-position:0 -68px;}
.portfel #prevlist:active span{background-position:0 -102px;}
.portfel #nextlist span{background: url(/static/i/arrow.png) no-repeat 0 -170px;left:34px;}
.portfel #nextlist.unactive span,
.portfel #nextlist.unactive:hover span,
.portfel #nextlist.unactive:focus span,
.portfel #nextlist.unactive:active span{background-position:0 -136px;cursor:default;}
.portfel #nextlist:hover span,.portfel #nextlist:focus span{background-position:0 -204px;}
.portfel #nextlist:active span{background-position:0 -238px;}
.portfel #nextlist span span,.portfel #nextlist.unactive:hover span span{display: none;margin:0;height:40px;background: #39c !important;color:#FFF;font-size:15pt;right:50px;left:auto;line-height:40px;padding:0 0 0 16px;position:absolute;top:-2px;width:184px;}
.portfel #nextlist:hover span span{display: block;}
.portfel #prevlist span span,.portfel #prevlist.unactive:hover span span{display: none;margin:0;height:40px;background: #39c !important;color:#FFF;font-size:15pt;left:50px;right:auto;line-height:40px;padding:0 16px 0 18px;position:absolute;top:-2px;width:177px;z-index: 2;}
.portfel #prevlist:hover span span{display: block;}
.portfel #content article{padding-bottom:0;}
.portfel #content section{top: 0;margin-bottom:32px;display: block !important;}
.portfel #content div.title{display:none;}
.portfel #content div#titlefirst.title{display: block !important;position: relative;}
.portfel #content section.hidden:last-child{margin-bottom:0;}

#container{min-height:551px;overflow: hidden;max-width:1296px;min-width:997px;}
#container.wrapper{min-height:551px;}
#content{padding:0;overflow: hidden;}
#content article{position:relative;padding-bottom:51px;}
#content section{top: 51px;left:0;display: inline-block;vertical-align:top;overflow:hidden;position: relative;}

#frontblock{padding-top:5px;}
#frontblock section{display: inline-block;vertical-align:top;color:#666;}
#frontblock section a.frontlink{font-size: 1.1em;text-decoration: none;color:#000;padding-right: 21px;}
#frontblock section a.frontlink span{border-bottom: 1px dashed #000;}
#frontblock section a.frontlink:hover span{border-bottom-color: #39c;}
#frontblock section a.active,#frontblock section a.active:hover{background: url(/static/i/arrow.gif) no-repeat 100% -11px;cursor:text;}
#frontblock section a.frontlink:hover,#frontblock section a.active{color:#39c;}
#frontblock section a.active span{border-bottom:0;}

footer{height:103px;line-height: 14px;padding-top:26px;font-size: 12px;color:#666;position: relative;}
footer:after {content: " ";clear:both;display: block;width: 0; height: 0;overflow: hidden;font-size:0;}
footer a{color:#000;}
footer p{width:220px;padding-top:1px}
footer .lefthalf{width:49%;float:left;}
footer div.social{width: 420px;padding-right:14px;margin-top:12px;}
footer .social .label{padding-right: 3px;vertical-align:middle;}
footer .vkontakte-like{display:inline-block;vertical-align:top;padding-right:7px;width: 21px;}
footer .twitter-like{overflow: hidden;width:140px;vertical-align: baseline;display: inline-block;margin-right:7px;cursor:pointer;}
footer .google-like{width:65px;overflow:hidden;padding-right:7px;vertical-align:top;display:inline-block;}
footer .facebook-like{display: inline-block;padding-right:7px;vertical-align:top;}
footer .vk-link{background: url(/static/i/vk.gif) 0 0 no-repeat;display:block;width:21px;height:20px;cursor:pointer;}
footer p.org span {color:#999;}
footer p.org span a,footer p.org span a:link,footer p.org span a:visited,footer p.org span a:hover {color:#999;text-decoration:none;}
footer address{font-style: normal;}
footer .ajaxphone{padding-bottom:6px;padding-top:1px;}
footer .ajaxphone a{border-bottom: 1px dashed #999;text-decoration: none;color:#999;}
footer .ajaxphone a:hover{color:#39c;border-bottom-color:#39c;}
footer .ajaxphone a.active{cursor: default; border-bottom: none;text-decoration: none;color:#666;}
footer .ajaxphone a.active:hover{color:#666;}
footer a.nojscontact{display: none;}
#stamp{width: 130px;height: 130px;background: url(/static/i/stamp.png) no-repeat 0 0;position: absolute;right:-59px;bottom:63px;z-index: 3;}

.title{position:absolute;color:#999;height:51px;left:0;font-size:40px;line-height:30px;padding:0;top:0;white-space:nowrap;}
.portfel .title{position:static;}
.title h2{display: inline;font-size:40px;line-height:30px;padding:0;margin: 0;color:#000;}
.title .fn,.title .zpt{color:#000;font-size:40px;line-height:30px;}
.title h2 .role{font-size:30px;font-style:italic;line-height:30px;color:#999;}
