*, form, fieldset { margin:0; padding:0; outline:none;}
table, td, th { border:none; border-collapse:collapse; font-size:100%;}
a { color:#3093b0; text-decoration:underline;}
a:hover { color:#49badc; text-decoration:none;}
img, fieldset {border:0px;}
html, body { margin: 0; padding: 0; height:100%;}
body { width:100%; margin:0 auto; font:12px/1.5 Tahoma; color:#3d4b4e;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}

#p { min-height:100%; margin:0 auto -97px; background:#fff url("../img/bg_gr.png") repeat-x 0 0; min-width:990px;}
#page {/* width:990px; margin:auto;*/}
header { background:url("../img/header_bg.png"); border-bottom:2px solid #3e4446; height:63px;}

.logo { float:left; margin:0 0 0 -43px;}
.logo img { vertical-align:top;}

.tel { float:right; color:#fff; font:25px/1.2 Georgia; padding-top:18px;}
.tel span { font:13px/1.2 Georgia;}

nav { background:url("../img/menu_bg.jpg") no-repeat 50% 0; height:28px; font:13px/1.2 Tahoma; padding:23px 0 0; float:left;}
nav ul { margin-left:50px;}
nav li { float:left; height:33px; line-height:26px; margin:0 5px 0 0;}
nav li.active { background:url("../img/menu_arr.png") no-repeat 50% 100%;}
nav a { color:#b3bdbf; height:28px; display:block; padding:0 0 0 5px;}
nav .active a, nav a:hover { background:url("../img/menu_bg.png") no-repeat 0 0; color:#fff; text-decoration:none;}
nav a span { padding:0 10px 2px 5px; display:block; line-height:26px;}
nav .active a span, nav a:hover span { background:url("../img/menu_bg.png") no-repeat 100% 100%;}


#slider { padding:47px 0 40px; background:url("../img/void_bg.gif");}
#holder { width:990px; overflow:hidden; overflow-x:auto; margin:auto;}
#container { position:relative; width:990px; margin:0 auto;}
.corner_l, .corner_r { width:5px; height:343px; position:absolute; bottom:0; right:0; background:url("../img/slider_lr.png") repeat-y 0 100%;}
.corner_l { left:0; background:url("../img/slider_lr.png") repeat-y 100% 100%;}
#holder ul { overflow:hidden;}
#holder li { width:209px; height:326px; background:url("../img/slide_item.png") no-repeat center; padding:9px; float:left; margin:0 0 0 1px; font:11px/16px Tahoma;}
#holder li img { vertical-align:top;}
#holder li .about { width:209px; height:326px;}
#holder li .about p { padding:9px 15px; margin:0;}
#holder li .descr { padding:10px 12px; background:url("../img/slide_text.png"); margin:-107px 0 0; height:80px; position:relative; overflow:hidden;}
#holder li .title { font:18px/1.2 Tahoma;}
#holder li .desc { padding:2px 0 0; max-height:36px; overflow:hidden;}
#holder li .link { color:#3093b0; position:absolute; bottom:14px;}

#prev, #next { color:#cdcdcd; font:10px/14px Tahoma; position:absolute; top:3px; left:50%; background-image:url("../img/slide_arr.png"); background-repeat:no-repeat; width:20px; cursor:pointer; padding:0 0 0 16px; text-align:center; margin:0 0 0 5px; height:15px;}
#prev { background-position:20px 0; padding:0 16px 0 0; margin:0 0 0 -41px;}
#prev:hover { background-position:20px 100%;}
#next { background-position:-25px 0;}
#next:hover { background-position:-25px 100%;}


.data { padding:2px 0 0;}
.data time { margin-right:17px;}
.data, .data a { color:#858585; font-size:11px; text-decoration:none;}
.data a span { text-decoration:underline;}
.data img { vertical-align:middle;}
.data a:hover { color:#aab4b6;}

.cms time { background:url("../img/time_bg.png") no-repeat 0 50%; padding:0 10px 0 13px; border-right:1px dotted #858585; margin-right:8px;}
.cms .data a { text-decoration:underline;}
.cms .section_img { margin:4px 0 13px; vertical-align:top;}

.video a, .video span { padding:0 26px 0 0; background:url("../img/h3_video.png") no-repeat 100% 6px;}

.order {}
.order a { text-shadow:0 1px 1px #258887; color:#fff; font:20px/38px Tahoma; text-align:center; background:url("../img/order_bg.png") no-repeat 0 100%; height:40px; width:280px; margin:10px auto; text-decoration:none; display:block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 2px 3px #ccc; box-shadow:0 2px 3px #ccc;}
.order a:hover { background:url("../img/order_bg.png") no-repeat 0 0;}

.order_text { float:right; width:215px; font-size:11px;}
.order_text a { text-decoration:none; color:#3d4b4e;}
.order_text a:hover { text-decoration:underline;}


.bnn {}
.bnn img { vertical-align:top;}

.news { border-top:2px solid #fff;}
.new { border-bottom:1px solid #fff; padding:15px 0 18px; /* line-height: */}

.key { background:url("../img/aside_s_t.png") repeat-x 0 0; padding-top:4px;}
.key_b { background:url("../img/aside_s_b.png") repeat-x 0 100%; padding-bottom:4px;}
.key_c { background:#e8f5f5 ; padding:15px;}

.key ul { margin:0 0 18px 20px;}

.works {}
.works h3 { background:url("../img/arr_r_blue.png") no-repeat 0 8px; padding:0 0 0 8px; margin:0 0 10px -8px;}
.works .num { font:11px/1.2 Tahoma; color:#cccbcb; float:right; padding:9px 2px 0 10px;}
.works img { border:1px solid #e8e8e8; vertical-align:top;}

.helpers { }
.helpers img { vertical-align:top; float:left;}
.helpers section { background:#e6edf1 ; -webkit-border-radius:5px; border-radius:5px; padding:10px; overflow:hidden;}
.helpers .cite { padding:0 0 5px 32px; background:url("../img/q2.png") no-repeat 0 100%; font-style:italic; float:right; width:515px; text-align:justify; margin:0 0 7px;}
.helpers .cite cite { display:block; padding:5px 32px 0 0; background:url("../img/q1.png") no-repeat 100% 0;}
.helpers h4 { text-align:right; margin:12px 30px 0 0; clear:right;}
.helpers .helper_link { text-align:right; padding-right:30px;}

article.text p { line-height:1.5;}
.text h3 { color:#656c6e;}
.text time { background:url("../img/time_bg.png") no-repeat 0 50%; padding:0 0 0 13px; font-size:11px; color:#858585;}
.text div.cite { background:#e6edf1 ; -webkit-border-radius:5px; border-radius:5px; padding:10px; overflow:hidden; margin:0 0 18px;}
.text div.cite .cite { padding:0 0 5px 32px; background:url("../img/q2.png") no-repeat 0 100%; font-style:italic; text-align:justify; margin:0 0 7px;}
.text .cite cite { display:block; padding:5px 32px 0 0; background:url("../img/q1.png") no-repeat 100% 0;}
.text .cite h4 { text-align:right; margin:6px 30px;}
.text iframe { margin:28px 0 23px; display:block;}
.text section { margin:0 0 23px;}

form { padding:10px;}
form h2 { margin:0 0 18px;}
form .line { overflow:hidden; margin:0 0 16px;}
form .help { font:11px/1.2 Tahoma; color:#91a1a6; float:left; padding:4px 0 0 9px;}
form label { display:block; font:11px/1.2 Tahoma; color:#3d4b4e; cursor:pointer; margin:0 0 7px;}
form .inp { padding:0 0 0 8px; background:url("../img/input.png") no-repeat 0 0; float:left;}
form .inp input { padding:3px 8px 4px 0; background:url("../img/input.png") no-repeat 100% 100%; height:15px; border:none; color:#7e7e7e; font:11px/15px Tahoma; width:229px;}
form .textar { padding:10px 0 0; background:url("../img/textarea.jpg") no-repeat 0 0;}
form textarea { color:#7e7e7e; font:11px/1.2 Tahoma; background:url("../img/textarea.jpg") no-repeat 0 100%; padding:0 8px 10px; border:none; vertical-align:top; width:455px; max-width:455px; min-width:455px; min-height:131px; height:131px; max-height:278px; overflow-y:auto;}
form input[type='button'], form input[type='submit'] { color:#3a484b; text-shadow:0 1px 1px #fff; font:13px/1.2 Arial; background:url("../img/btns.png") no-repeat 0 -23px; border:none; width:98px; height:23px; cursor:pointer; padding:0 0 2px;}
form input[type='button']:hover, form input[type='submit']:hover { background:url("../img/btns.png") no-repeat 0 -46px;}

#search { position:relative; height:20px; margin:16px 0 0 -3px; padding:0;}
#search input[type="text"] { background:url("../img/search.png") no-repeat 0 0; height:15px; font:11px/15px Tahoma; padding:3px 8px 4px 30px; border:none; width:95px; color:#ededed; cursor:pointer;}
#search input[type="text"]:hover, #search input[type="text"]:focus  { background:url("../img/search_act.png") no-repeat 0 0; color:#7e7e7e; width:245px;}
#search input[type="image"] { background:none; border:none; display:block; cursor:pointer; position:absolute; left:4px; top:1px; padding:5px;}

#subscribe { position:relative; margin:16px 0 0 -3px; padding:0;}
#subscribe legend { padding:5px 10px 7px; font:11px/1.2 Tahoma;}
#subscribe .line { float:left; position:relative;}
#subscribe input[type="text"]{ background:url("../img/subscribe_txt.png") no-repeat 0 0; font:11px/1.2 Tahoma; padding:3px 30px 7px 8px; border:none; width:170px;}
#subscribe input[type="image"]{ background:none; border:none; display:block; cursor:pointer; position:absolute; right:4px; top:1px; padding:5px;}

#content { overflow:hidden; clear:both; padding:30px 0 30px;}
aside { float:left; width:305px;}
article { float:right; width:660px;}
#content_in { overflow:hidden; clear:both; padding:50px 0 30px;}
#content_in aside { width:235px;}
#content_in article { width:685px; padding:0 50px 0 10px;}

.navy { margin:38px 0 0;}
.arrws { overflow:hidden;}
.arrws a { text-decoration:none; float:left; margin:0 5px 0 0; padding:5px 0;}
.arrws span.sol { font:18px/1.2 Arial; float:left; text-decoration:underline; margin:-2px 7px 0;}
.arrws span.tip { color:#858585; font:13px/1 Tahoma; float:left; text-align:center;}
.arrws span.tip span { color:#858585; font:18px/0.2 Tahoma; display:block;}

.pager { margin:8px 0 0; font-size:13px;}
.pager span, .pager a { margin:0 4px;}
.pager span { color:#fff; padding:0px 4px 1px 5px; margin:0 1px; background:#2785a1 ; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

#work { padding:0 40px;}
article #work p { line-height:1.5;}

.more_desc { }
.more_desc.open { }
.more_desc > span { background:url("../img/toggle_arr.png") no-repeat 100% -29px; padding:0 13px 0 0; color:#2785a1; cursor:pointer;}
.more_desc span span { border-bottom:1px dashed #2785a1;}
.more_desc.open > span { background:url("../img/toggle_arr.png") no-repeat 100% 7px; border:none;}
.more_desc.open span span { border:none;}

.task { background:#f0f0f0 ; padding:12px 40px; margin:20px -40px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.task h4, .task p { margin:0;}

.url { padding:5px 0 20px;}

h1 {  font:normal 20px/1.2 Tahoma; margin:0 0 13px;}
h2 { font:normal 20px/1.2 Tahoma; margin:0 0 13px;}
h3 { font:normal 18px/1.2 Tahoma; margin:0 0 8px;}
h4 { font:bold 12px/1.5 Tahoma; margin:0 0 6px;}

ul { list-style:none;}

article section { margin:0 0 24px;}
article p { margin:0 0 19px; line-height:1.7;}
article ul { margin:3px 0 19px 12px; list-style-type:none; padding:0;}
article ul li { padding:0 0 0 17px; background:url("../img/bullet.png") no-repeat 0 7px;}
article ol { margin:3px 0 19px 28px; padding:0;}
article ol li { }
article ol.blue { color:#2d8590;}
/*
article ol.blue li:before { content:"<span>";}
article ol.blue li:after { content:"</span>";}
article ol li { behavior:expression( this.innerHTML = '<span>' + this.innerHTML + '</span>'; );}
*/
article ol.blue li > span { color:#3d4b4e;}

aside h2 { color:#5d8e8f; text-align:center; margin:0 0 7px;}

aside .menu ul { margin:5px 0 84px; font-size:13px;}
aside .menu li { margin:0 0 8px; padding:0 0 0 7px;}
aside .menu a { color:#3d4b4e;}
aside .menu .act, aside .menu .active  { font-weight:bold;}
aside .menu .act > a { text-decoration:none;}

aside .menu ul ul { margin:11px 0 3px -6px; font:11px/1.2 Tahoma;}
aside .menu ul ul li { margin:0 0 10px; padding:0 0 4px 17px;}
aside .menu ul ul a { color:#2785a1;}
aside .menu ul ul li.act { font-weight:bold; color:#696969; font-weight:normal; background:url("../img/menu_a_t.png") no-repeat 0 0; display:block; padding:5px 0 0;}
aside .menu ul ul li.act a { text-decoration:none; color:#696969; text-decoration:none; background:url("../img/menu_a_b.png") no-repeat 0 100%; display:block; padding:0 0 5px;}
aside .menu ul ul li.act a span { background:url("../img/menu_a_arr") no-repeat 0 50%; background:url("../img/menu_a_arr.png") no-repeat 0 50%; display:block; padding:0 10px 0 17px;}

.width { width:990px; margin:auto;}
.clear { clear:both; overflow:hidden; height:0px;}
.fc { clear:both; height:97px;}
.hide { display:none;}

footer { height:96px; min-width:990px; background:#eaeaea ; border-top:1px solid #dbdbdb; font:11px/1.6 Tahoma; position:relative;}
footer a { color:#3d4b4e; text-decoration:none;}
footer a:hover { color:#3d4b4e; text-decoration:underline;}

.up { width:86px; height:24px; background:url("../img/up.png") no-repeat 0 0; text-indent:-999px; overflow:hidden; position:absolute; top:-25px; left:50%; margin-left:360px; cursor:pointer;}
.foot { margin:0 auto; padding:25px 14px 0; width:962px;}
.foot_l { float:left;}
.foot_r { float:right; text-align:right;}
.copy { float:right; width:190px; font:11px/1.2 Arial; margin:0 0 13px;}
.tels { float:right; width:190px; font:11px/1.2 Arial;}

.code {
    background: none repeat scroll 0 0 #FFF8E6;
    border: 1px dashed #D6AE3D;
    color: #8E6B08;
    margin: 0 0 10px;
    padding: 10px 10px 10px 30px;
    width: 93%;
}
.link {
    display: block;
    height: 0;
}
.link img{display: none;}
.helpers .cite { min-height: 86px;}
#result {
    float: left;
    font-size: 11px;
    height: 136px;
    left: -96px;
    position: relative;
    top: 29px;
    width: 201px;
}
#order  input[type="button"]{
  float: left;
}
#to_top {background: url('../img/up.png') no-repeat scroll 0 0 transparent;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 24px;
    left: 50%;
    margin-left: 360px;
    position: absolute;
    top: -25px;
    width: 86px;
	cursor: pointer;
	 text-indent: -999px;
	 font-size: 0;
}
.loading-wrapper .errors {
    clear: both;
    margin-bottom: 13px;
    width: 200px;
}.l_img {    position: relative;    left: -342px;}

.quote{
    background: none repeat scroll 0 0 #E6EDF1;

    font-style: italic;
    margin: 0 0 7px;
    padding: 0 0 5px 32px;
    text-align: justify;
    width: 515px;
}


.navmenu {
/*    display: none;*/
}
.menu-toggle {
    display: none;
}

@media (max-width: 768px) {
    #content_in {
        padding: 10px;
    }
    #myImageFlow {
width: 100%;
}
    /*.menu {
        flex-direction: column;
    }*/
    #content_in aside {
    width: 100%;
    float: none;
    display: initial;
    }
    #content_in article {
    width: 100%;
    padding: 0 5px 0 10px;
    }
    .width {
    width: 100%;
    margin: auto;
    }
    .navmenu, .corner_l, #slider {
        display: none;
    }
    .navmenu.menu-open {
display: flex;
background-color: #fff;
height: 150px;
position: absolute;
top: 64px;
width: auto;
    }
    .menu-toggle {
display: inline-block;
right: 4px;
left: 25%;
position: relative;
height: 20px;
width: 20px;
top: 20px;
    }
        nav ul {
margin-left: 0px;
}
nav li {
float: none;
height: auto;
line-height: 26px;
margin: 0 5px 0 0;
}
p {
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}
.foot,footer{width: 100%;min-width: 100%;}
#to_top{margin-left: 93px;}
#p{min-width: 100%;}
.foot_r {
float: none;
text-align: center;
}
nav a{color: #678287;}
#content_in img, .works img{width: 100%}
#holder{display: none;}
article {
float: none;
width: 100%;
padding: 0 0 0 20px;
}
aside {
float: none;
width: 100%;
}
.order_text {
float: none;
width: 215px;
font-size: 11px;
}
.logo {
float: left;
margin: 0 0 0 0px;
}
form textarea{width: 100%;
max-width: 100%;
min-width: 100%;}


}