*{ margin: 0; padding: 0; }

html, body{
	background: #fff;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

.clr{ clear: both; }
li{ outline: none; }
input{ outline: none; }

.header{
	background: url("../img/header.jpg") no-repeat center top;
    width: 100%;
    height: 343px;
}

.cont{
    max-width: 1355px;
    padding: 0 20px;
    margin: 0 auto;
}

#menu_top{
    background: rgba(8,55,69,0.9);
    padding: 0 10px 10px;
    text-align: right;
}

#menu_top li{
    display: inline-block;
    margin: -5px 15px 0;
}

#menu_top a{
    color: #8CC8D6;
    text-decoration: none;
    font-weight: 500;
}

#menu_top a:hover, #menu_top .active{
    color: #fff !important;
}

#logo{
    margin: -15px 0 0 0;
    display: inline-block;
}

#left_bar{
    max-width: 270px;
    margin: -45px 20px 0 0;
    position: relative;
    z-index: 10;
    float: left;
}

#menu_media{
    background: url("../img/menu.png") no-repeat;
    width: 32px;
    height: 32px;
    float: right;
    margin: 5px 10px 0 0;
    display: none;
}

#menu{
    background: rgba(0,56,75,0.7);
    border-radius: 3px;
}

#menu li{
    display: block;
}

#menu a{
    display: block;
    color: #fff;
    padding: 7px 15px;
    font-size: 14px;
    text-decoration: none;
}

#menu a:hover, #menu .active{
    background: #0d3c49;
    box-shadow: 0 5px 10px #062c37 inset;
}

.submenu{
    background: #0d3c49;
    padding-left: 20px;
}

.submenu a:hover, .submenu .active{
    box-shadow: none !important;
    color: #efda46 !important;
}

.submenu a{
    font-size: 13px !important;
}

#content{
    margin: -145px 0 0 0;
    overflow: hidden;
}

.main_links{
    background: rgba(0,56,75,0.7);
    float: left;
    border-radius: 100px;
    padding: 10px 10px 7px 10px;
    margin-top: 57px;
}

.main_links li{
    display: inline-block;
    list-style: none;
    margin: 0 5px;
}

.main_links a{
    display: block;
    width: 21px;
    height: 17px;
    opacity: 0.7;
}

.main_links a:hover{
    opacity: 1;
}

.ico_home{
    background: url("../img/icons.png") no-repeat;
}

.ico_callback{
    background: url("../img/icons.png") no-repeat -32px 0;
}

.ico_sitemap{
    background: url("../img/icons.png") no-repeat right 0;
}

.rb_head{
    background: rgba(0,56,75,0.7);
    float: right;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    text-align: right;
    margin-bottom: 20px;
}

#ves{
    margin: 10px 0 0 0;
}

#ves input[type=text]{
    background: #fff;
    border: none;
    border-radius: 3px;
    padding: 7px 10px;
    max-width: 100px;
    margin-right: 10px;
}

#ves input[type=submit]{
    background: #EFDA46;
    border: none;
    border-radius: 3px;
    padding: 7px 10px;
    cursor: pointer;
    transition: 0.2s;
}

#ves input[type=submit]:hover{
    background: #ffdf00;
}

.preword{
    background: rgba(237,250,255,0.5);
    padding: 20px;
    border-radius: 3px;
    border: 1px #fff solid;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    font-size: 13px;
    font-weight: 600;
    color: #277B89;
}

.quote{
    position: relative;
    padding-left: 40px;
    font-style: italic;
    margin-bottom: 20px;
    color: #789CA4;
}

.quote:before{
    content: "";
    background: url("../img/quote.png") no-repeat;
    width: 33px;
    height: 28px;
    position: absolute;
    top: 3px;
    left: 0;
}

h1{
    color: #007C8E;
    font-size: 18px;
    font-weight: 500;
    margin: 37px 0 10px;
}

.article{
    border: 1px #D1E5ED solid;
    border-radius: 3px;
    padding: 15px;
}

.one_news{
    margin: 10px 0;
    color: #346771;
}

.one_news h3 a{
    color: #F0671A;
    text-decoration: none;
    font-size: 15px;
}

.one_news .date{
    color: #889fa5;
    font-style: italic;
    font-size: 13px;
}

.feedback_order{
    background: rgba(0,56,75,0.7);
    border-radius: 3px;
    padding: 15px;
    margin-top: 20px;
    text-align: center;
}

.block_title{
    color: #ACE2ED;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 5px 0 20px;
}

.feedback_order input[type=text]{
    background: #fff;
    padding: 7px 10px;
    border-radius: 3px;
    margin: 0 0 13px 0;
    border: none;
    width: 100%;
}

.captcha{
    color: #fff;
    font-size: 12px;
    text-align: left;
}

#captcha{
    float: left;
    margin-right: 10px;
}

.feedback_order input[type=submit]{
    background: #78C9D9;
    padding: 10px 0;
    width: 100%;
    border: none;
    border-radius: 3px;
    margin-top: 10px;
    color: #3F7680;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

#footer{
    background: #003847;
    padding: 20px 15px;
    margin-top: 20px;
}

.menu_footer{
    float: left;
}

.menu_footer li{
    list-style: none;
}

.menu_footer a{
    color: #fff;
    text-decoration: none;
    margin: 5px 0;
    display: inline-block;
    color: #8CC8D6;
    transition: 0.2s;
}

.menu_footer a:hover, .menu_footer .active{
    color: #fff;
}

.site_info{
    float: right;
    text-align: right;
    margin-top: 80px;
}

.copyright{
    color: #6FA7B1;
    font-size: 13px;
    margin-top: 10px;
}


@media screen and (max-width: 865px){
    #menu_media{
        display: block;
    }
    #menu_top ul{
        background: rgba(8,55,69,0.9);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: none;
    }
    #menu_top ul li{
        display: block;
        text-align: center;
    }
    #menu_top ul li a{
        display: block;
        padding: 20px 0;
    }
}

@media screen and (max-width: 740px){
    .header{
        background: #fff;
        height: 143px;
    }
    .main_links, #left_bar{
        margin-top: 0;
    }
}

@media screen and (max-width: 645px){
    #left_bar{
        float: none;
        max-width: 100%;
        margin: 0;
    }
    #content{
        overflow: visible;
        margin-top: 20px;
    }
    #ves input[type=text]{
        max-width: 100%;
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }
	
}
.article li{
 margin: 10px 0 0 20px;
}