/* null */

HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
BODY {line-height: 1;}
UL {list-style: none;}
:focus {outline: 0;}
INS {text-decoration: none;}
DEL {text-decoration: line-through;}
input::-moz-focus-inner {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
.none, .hidden {display: none;}
.clear, .clr {clear: both;}

hr.clear, hr.clr {
    padding: 0;
    margin: 0;
    height: 1px;
    overflow: hidden;
    border: 0;
}


/* null END */


/* @font-face */


/* @font-face END */


/* base */

html,body {height: 100%;}

body {
    color: #6d6e6e;
    font: 14px/16px 'Open Sans', sans-serif, Arial;
    background:#fff;
    text-align: left;
}

a {color: #60b8cb; text-decoration: none;}
a:hover {color: #60b8cb;text-decoration: underline;}

p{margin: 0 0 10px 0; line-height:23px;}

ul{padding:0 0 37px 19px; list-style:disc; line-height:24px;}
ol{list-style-type:none;counter-reset:item;padding:0 0 37px 0; line-height:24px;}
ol li:first-child{font-weight:bold;}

h1, h2, h3, h4, h5, h6,.path{
    color: #60b8cb;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    margin: 0 0 10px 0;
    font-weight:normal;
}
h1{font-size: 60px; line-height:65px; margin:0 0 30px 0; padding:0 0 30px 0; background: url('../img/h1.jpg') no-repeat center bottom; text-align:center;}
h2,.path{font-size: 30px; padding:0 0 45px 0;}
h3{font-size: 20px; padding:0 0 30px 0; margin:0 0 27px 0;}
h4{font-size: 14px;
   color:#6d6e6e; font-family: 'Open Sans', sans-serif;
   text-transform:none;
   font-weight:bold;
   background: url('../img/h1.jpg') no-repeat left bottom;
   padding:0 0 17px 0;
   margin:0 0 15px 0;
}
table.bordered{
    border-collapse: collapse;
}
table.bordered th{
    height:40px;
    background:#e3e3e3;
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    text-align:center;
    border-right:3px solid #fff;
}
table.bordered td{
    width:149px;
    height:40px;
    text-align:center;
}
table.bordered td:nth-child(1), table.bordered td:nth-child(2){
    border-bottom:1px solid #e3e3e3;
}
.news h2, .history h2, .partners h2{
    text-align:center;
}
nav ul, .services ul, .f_left ul, .docs ul, ul.forms, ul.forms ul, .selectbox ul{ list-style:none; padding:0;line-height: none;}
/* base END */

/* main elements */

#wrap {
    min-height: 100%;
}
.conteiner{
    width:1200px;
    margin:0 auto;
}
header {
    width:100%;
    min-width: 1200px;
    height: 171px;
    margin:0 auto;
    background: url('../img/header.jpg') repeat-x bottom, url('../img/header_bg.png') repeat;
    color:#fff;
    position:absolute;
}
#content {
    margin:0 auto;
}
#posts {
    padding:0 0 100px 0;
}
footer {
    margin:-221px auto 0 auto;
    background:#e3e3e3;
}

footer a {
    color : #6D6E6E;
    text-decoration: underline;
}

.hfooter{
    height: 221px;
}

/* main elements END*/


/* header, footer (background) */

footer .conteiner{
    height: 221px;
}

/* header, footer (background) END*/

/* body */

.h_top{
    height:109px;
}
.h_left{
    padding:18px 0 0 0;
    float:left;
}

.h_left a {
    color:#fff;
    text-decoration: none;
}

.h_left p{
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    font-size:20px;
    line-height:34px;
    font-weight:bold;
}

.phone{
    height:26px;
    padding:46px 0 0 37px;
    font-size:19px;
    background: url('../img/phone.png') no-repeat 0 42px;
    float:right;
    font-family: 'Roboto', sans-serif;
}

.h_bottom{
    height:62px;
}
nav{
}
nav ul{
    float:left;
    line-height:62px;
}
nav li{
    display:block;
    float:left;
    padding:0 22px 0 0;
}
nav li a{
    font-family: 'Roboto', sans-serif;
    font-size:13px;
    text-transform:uppercase;
    color:#fff;
}
nav li a:hover{
    color:#fff;
}
#search{
    width:220px;
    height:22px;
    float:right;
    padding:15px 3px 0 0;
}
#search input[type=submit]{
    width:19px;
    height:21px;
    background: url('../img/search.png') no-repeat;
    float:left;
    z-index:1;
    position:relative;
    border:none;
    cursor:pointer;
    margin:7px 0 0 0;
}
#search input[type=text]{
    width:183px;
    height:30px;
    margin:0 -26px 0 0;
    padding:0 30px 0 5px;
    float:left;
    border: 1px solid #9cd9e4;
    background: transparent;
    color:#fff;
}
#search input[type=text]:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.post_img{
    height:auto;
    min-height:660px;
    position: relative;
    z-index:-1;
    position:relative;
    margin:0 0 50px 0;
    min-width: 1200px;

}
.post_img img{
    width:100%;
    height:auto;
    min-height:660px;
    position: relative;
    z-index:-1;
}
.post_img2{
    height:660px;
    position: relative;
    z-index:-1;
    position:relative;
    margin:0 0 -431px 0;
}
.post_img2 img{
    width:100%;
    height:660px;
    position: relative;
    z-index:-1;
}
.white{
    width:100%;
    height:489px;
    background:#fff;
    position:absolute;
    top:171px;
}
.services{
    padding:0 0 41px 0;
}
.services2{
    padding:0 0 111px 0;
}
.services li{
    width:215px;
    display:block;
    float:left;
    text-align:center;
    margin:0 25px 0 0;
}
.services li:nth-child(5){
    margin:0;
}
.s_img{
    height:60px;
    margin:0 0 17px 0;
}
.services a{
    font-size:16px;
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    line-height:24px;
    margin:0 0 17px 0;
    display:inline-block;
}
.services p{
    line-height:20px;
}

.about{
    padding:0 0 89px 0;
}
.task{
    text-align:center;
    background: url('../img/h1.jpg') no-repeat center bottom;
    padding:0 0 21px 0;
    margin:0 0 43px 0;
}
.task p{
    line-height:30px;
    font-size:20px;
}
.abtext p{
    line-height:22px;
    padding:0 80px 12px 80px;
}

.news{
    padding:0 0 72px 0;
}
.news h2{
    height:26px;
    background: url('../img/news.png') no-repeat 475px 0;
    padding:2px 0 41px 0;
}
.n_block{
    width:372px;
    float:left;
    min-height:160px;
    margin:0 0 10px 0;
    padding:0 28px 0 0;
}
.n_block a{
    display: inline-block;
    background: url('../img/h1.jpg') no-repeat left bottom;
    font-weight:bold;
    padding:0 0 19px 0;
    margin:0 0 13px 0;
}
.n_block p{
    line-height:20px;
    margin:0 0 11px 0;
}
.n_block span.date{
    font-size:11px;
}

.history{
    padding:0 0 90px 0;
}
.h_block{
    width:379px;
    height:257px;
    position:relative;
    float:left;
    margin:0 0 0 21px;
}
.h_blockone, h_block:first-child{
    margin:0;
}
.h_block a{
    color:#fff;
}
.h_text{
    width:254px;
    height:59px;
    background: url('../img/header_bg.png') repeat;
    position:absolute;
    top:92px;
    left:63px;
    text-align:center;
    padding:14px 0 0 0;
}
.h_text p.one, .h_text p:first-child {
    font-weight:bold;
    background: url('../img/h_text.jpg') no-repeat center bottom;
    padding:0 0 14px 0;
    line-height:10px;
}
.h_text p.two{
    line-height:12px;
}

.partners table{
    width:100%;
}
.partners td{
    text-align:center;
    vertical-align: middle;
    display:table-cell;
}

.f_left{
    float:left;
    padding:32px 0 0 0;
}
.f_left ul{
    width:430px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.f_left ul li{
    display:block;
}
.f_left ul li a{
    color:#4e5455;
    font-size:13px;
    text-transform:uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    display:inline-block;
    margin:0 0 5px 0;
    text-decoration: none;
}

.f_left ul li a:hover {
    text-decoration: underline;
}

.f_left ul ul{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    margin:0 0 15px 0;
}

.f_left ul ul li {
    line-height: 15px;
}

.f_left ul ul a{
    font-size:11px;
    text-transform: none;
    font-weight:normal;
    margin:0 0 3px 0;
    color:#4e5455;
}

.f_right{
    padding:32px 0 0 0;
    position: relative;
    float:right;
    line-height:19px;
}
.copyright{
    padding:0 0 53px 0;
    font-size:12px;
}

.diafan
{
    position:absolute;
    font-size: 11px;
    line-height: 13px;
    white-space:nowrap;
    width: 210px;
    bottom:10px;
}



.diafan img {
    float: left;
    margin-right: 5px;
}

.docs h1{
    background:none;
}
.docs_left h3, .docs_right h3{
    display:inline-block;
    text-align:left;
    background: url('../img/h1.jpg') no-repeat left bottom;
}
.docs_left{
    width:590px;
    float:left;
    margin:0 50px 0 0;
}
.docs_right{
    width:539px;
    float:right;
}
.docs ul li{
    height:65px;
    display:block;
    background: url('../img/docs.png') no-repeat;
    padding:0 0 0 80px;
    margin:0 0 26px 0;
    overflow:hidden;
    line-height:23px;
}
.docs_text{
    height:62px;
    vertical-align: middle;
    display:table-cell;
}
.docs ul li span.doc{
    display:block;
    color:#000;
}

.center{
}
.center .news{
    margin:0 0 31px 0;
}
.center .news h2{
    background:none;
}
.center a.allnews, .btn_a{
    width:160px;
    height:38px;
    line-height:38px;
    display:block;
    text-align:center;
    color:#fff;
    background:#60b8cb;
    text-transform:uppercase;
    font-size:13px;
    font-family: 'Roboto', sans-serif;
    margin:5px auto 0 auto;
    text-decoration: none;
}

.center a.allnews:hover, .btn_a:hover {
    background:#4B9CAD;
}

span.date{
    font-size:11px;
    padding:0 0 40px 0;
    display:block;
}
/* body END */

/* appearance */

input[type=button], input[type=reset], input[type=submit]{
    width:125px;
    height:31px;
    display:block;
    border:none;
    text-transform:uppercase;
    text-align:center;
    background:#60b8cb;
    color:#fff;
    cursor:pointer;
    margin:0 auto;
    font-family: 'Roboto', sans-serif;
}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{
    background:#4b9cad;
}
input[type=text], input[type=email], input[type=password], input[type=file]{
    width:188px;
    height:23px;
    border:1px solid #a7a6a6;
    padding:0 10px;
    margin:0;
    background:#fff;
}

.forms .errors {
    padding-left:100px;
    color:rgba(171, 0, 63, 0.75);
    font-size:12px;
}

.forms_lex .errors {
    padding-left:10px;
    padding-top:10px;
    color:rgba(171, 0, 63, 0.75);
    font-size:12px;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=file]:focus{


    -webkit-box-shadow: 0px 0px 7px 0px #60B8CB;
    -moz-box-shadow:    0px 0px 7px 0px  #60B8CB;
    box-shadow:         0px 0px 7px 0px  #60B8CB;
}

.error input[type=text],.error input[type=email],.error input[type=password],.error input[type=file] {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(171, 0, 63, 1);
    -moz-box-shadow:    0px 0px 7px 0px rgba(171, 0, 63, 1);
    box-shadow:         0px 0px 7px 0px rgba(171, 0, 63, 1);
}
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 20px 0 0;
    vertical-align:middle;
    background: url('../img/chek.jpg') left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background: url('../img/chek.jpg') -10px top no-repeat;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:18px;
    height:18px;
    margin:0 6px 0 0;
    vertical-align:middle;
    background: url('../img/radio.png') left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background: url('../img/radio.png') -18px top no-repeat;
}

.selectbox {
    vertical-align: middle;
    cursor: pointer;
}
.selectbox ul{
    padding:0;
}
.selectbox .select {
    width: 203px;
    padding:0 0 0 5px;
    height: 25px;
    line-height: 25px;
    border:1px solid #a7a6a6;
    color:#6d6e6e;
}
.selectbox .select:active {
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}
.selectbox.focused .select {
    border: 1px solid #5794BF;
}
.selectbox .select .text {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.selectbox .trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
}
.selectbox .trigger .arrow {
    position: absolute;
    top: 9px;
    right: 8px;
    width: 11px;
    height: 8px;
    overflow: hidden;
    background: url('../img/arrow.png') no-repeat;
}
.selectbox .dropdown {
    top: 25px;
    width: 208px;
    margin: 0;
    padding: 4px 0;
    background:#fff;
    border: 1px solid #C6CBD0;
}
.selectbox li {
    padding:0 6px;
    color: #6d6e6e;
    background:none;
    margin:0 !important;
}
.selectbox li:first-child {
    border-top:none;
}
.selectbox li.selected, .selectbox li:hover {
    padding:0 6px;
    background: #60b8cb;
    color: #FFF;
}
textarea{
    width:609px;
    border:1px solid #a7a6a6;
    resize:none;
    padding:5px;
    margin:0;
    background:#fff;
}
textarea:focus{


    -webkit-box-shadow: 0px 0px 7px 0px #60B8CB;
    -moz-box-shadow:    0px 0px 7px 0px  #60B8CB;
    box-shadow:         0px 0px 7px 0px  #60B8CB;
}

.error textarea {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(171, 0, 63, 1);
    -moz-box-shadow:    0px 0px 7px 0px rgba(171, 0, 63, 1);
    box-shadow:         0px 0px 7px 0px rgba(171, 0, 63, 1);
}

ul.forms ul li label{
    width:100px;
    display:inline-block;
    padding:0 20px 0 0;
    text-align:right;
}
span.formtext{
    min-width:200px;
    display:inline-block;
    text-align:right;
    padding:0 20px 0 0;
    float:left;
    margin:0 0 0 -139px;
}
ul.forms{
    width:822px;
    margin:0 auto;
}
ul.forms li{
    display:block;
    margin:0 0 28px 0;
}
ul.forms ul.col{
    float:left;
    margin:0 113px -28px -39px;
}
ul.forms label.fild{
    margin:0 20px 0 -20px;
    text-align:right;
    float:left;
}

form .block_header {
    text-align: center;
}

/* appearance END */


.forms_lex {
    width:822px;
    margin:0 auto;
    border-collapse: collapse;
}

.forms_lex textarea {
    margin-top:5px;
    width:100%;
}

.forms_lex input[type="text"] {
    width:50%;
}

.forms_lex td {
    padding-bottom:15px;
}

.forms_lex td:first-child {
    padding-right: 15px;
}

.forms_lex .multiple {
    margin: 10px 10px 0;
    padding:0;
    list-style: none;
}