@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,700,400,600&subset=latin,cyrillic);
a {outline: none; /* Убираем границу вокруг ссылок firefox*/}
body {margin:0; padding:0; width:100%; background:url(images/bg.jpg) #e8e8e8;}
html {min-width:1000px; padding:0; margin:10px 0;}


/* main */

.main {width:980px; padding:0 10px 12px 10px; margin:0 auto; background:#fff;}
.clr {clear:both; padding:0; margin:0; background:none;}


/********** header **********/
.header {width:980px; height:170px; margin:0 auto 2px; position:relative;}
.logo {padding:0; margin:11px 0 0 10px; width:260px; position:absolute;}
.slogan {padding:0; margin:51px 0 0 290px; width:250px; font:normal 12px/15px 'Open Sans', sans-serif; color:#161616; text-transform:uppercase; position:absolute;}
.cont {width:250px; margin:35px 0 0 720px; font:24px/30px 'Open Sans', sans-serif; color:#045396; text-align:right; font-weight:600; position:absolute;}
.city {font:italic 14px/20px 'Open Sans', sans-serif; color:#979797;}
.mail {font:normal 13px/17px 'Open Sans', sans-serif; color:#4a4a4a;}
.mail a, .mail a:visited {color:#4a4a4a;}
.fb {width:160px; margin:136px 0 0 805px; font:italic 14px/20px 'Open Sans', sans-serif; text-transform:uppercase; background:#0a6fb1; position:absolute;}
.fb a, .fb a:visited {color:#fff; font-weight:600; background:url(images/fb.png) left center no-repeat; padding-left:38px; text-decoration:none;}
.fb a:hover {color:#cdeafd;}


/* Верхнее горизонтальное меню */
.menufull {width:980px; height:50px; padding:0; margin:120px 0 0 0; background:#0a6fb1; position:absolute;}
.menu {width:780px; height:50px; padding:0; margin:120px 0 0 0; background:#0a6fb1; position:absolute;}
.menu ul {list-style:none; padding:0; margin:0; display:flex; display:-webkit-flex; display:-webkit-box; justify-content:space-around;}
.menu ul li {margin:0; padding:0; flex-grow:1; -webkit-box-flex:1;}
.menu ul li a {display:block; font:normal 14px/49px 'Open Sans', sans-serif; color:#fff; padding:0; margin:0; text-decoration:none; text-transform:uppercase; text-align:center; transition:background 0.3s ease; -webkit-transition:background 0.3s ease;}
.menu ul li a:hover {background:#045f9a; text-decoration:none;}

#page01 #nav-page01 a,
#page02 #nav-page02 a,
#page03 #nav-page03 a,
#page04 #nav-page04 a,
#page05 #nav-page05 a,
#page06 #nav-page06 a,
#page07 #nav-page07 a,
#page08 #nav-page08 a,
#page09 #nav-page09 a,
#page10 #nav-page10 a {color:#fff; text-decoration:none; background:#045396;}




/********** Меню Услуги **********/
.servicons {width:980px; height:120px; margin:2px auto 0; position:relative;}

.butserv {width:325px; height:120px; position:absolute; transition:background 0.3s ease; -webkit-transition:background 0.3s ease;}
.butserv a, .butserv a:visited {display:block; width:200px; height:95px; padding:25px 15px 0 110px; font:normal 20px/24px 'Open Sans', sans-serif; color:#758c9a; text-decoration:none; text-transform:uppercase;}
.butserv a span {font:italic 13px/15px 'Open Sans', sans-serif; color:#3e3e3e; text-decoration:none; text-transform:none;}

.bs_1 {margin:0; background:url(images/butserv_ico1.png) 22px 29px no-repeat #eaeaea;}
.bs_1:hover {background:url(images/butserv_ico1.png) 22px 29px no-repeat #ddd;}
.bs_1 a {height:105px; padding:15px 25px 0 100px;}

.bs_2 {margin-left:327px; width:326px !important; background:url(images/butserv_ico2.png) 30px 27px no-repeat #eaeaea;}
.bs_2:hover {background:url(images/butserv_ico2.png) 30px 27px no-repeat #ddd;}

.bs_3 {margin-left:655px; background:url(images/butserv_ico3.png) 22px 36px no-repeat #eaeaea;}
.bs_3:hover {background:url(images/butserv_ico3.png) 22px 36px no-repeat #ddd;}



/******** Основные блоки ***/
.pageinfo {width:940px; margin:0 auto; padding:40px 0 50px; font:normal 14px/18px 'Open Sans', sans-serif; color:#000;}
.pageinfo h1 {font:normal 20px/25px 'Open Sans', sans-serif; color:#045396; padding:0 0 6px 0; margin:0 0 20px 0; text-transform:uppercase; border-bottom:1px #e0e0e0 solid;}
.pageinfo h2 {font:normal 14px/19px 'Open Sans', sans-serif; color:#045396; padding:25px 0 15px 0; margin:0; text-indent:20px; text-transform:uppercase; font-weight:600;}
.pageinfo h2.h2center {font:400 20px/25px 'Open Sans', sans-serif; color:#045396; padding:25px 0 5px 0; margin:0 auto; text-align:center;}
.pageinfo p {margin:18px 0 0 0; text-align:justify; text-indent:20px; /* абзац*/}
.pageinfo strong {font-weight:600;}
.pageinfo b {font-weight:600;}
.pageinfo a, .pageinfo a:visited {color:#0f83b1;}

.spisok {list-style:none; margin:10px 0 0 15px; padding:0;}
.spisok li {list-style-type:none; background:url(/images/ul_li.png) 0 4px no-repeat; padding:0 0 0 18px; margin:2px 0 3px 7px; text-align:justify;}

.table-contacts {margin:45px 0; text-align:center;}
.table-contacts td {text-align:center;}
.cname {display:block; margin:5px 0 8px 0; font:600 16px/27px 'Open Sans', sans-serif; color:#0453a3; text-transform:uppercase;}
.td1 {font:400 22px/34px 'Open Sans', sans-serif;}


.etap {width:815px; margin:10px 0; padding:15px 15px 15px 108px; display:inline-block; border:1px solid #e2e2e2;}
.etap strong {font:400 15px/22px 'Open Sans', sans-serif; text-transform: uppercase;}
.etap1 {background:url(images/etap1.png) 30px center no-repeat #f5f5f5;}
.etap2 {background:url(images/etap2.png) 30px center no-repeat #f5f5f5;}
.etap3 {background:url(images/etap3.png) 30px center no-repeat #f5f5f5;}
.etap4 {background:url(images/etap4.png) 30px center no-repeat #f5f5f5;}
.etap5 {background:url(images/etap5.png) 30px center no-repeat #f5f5f5;}
.etap6 {background:url(images/etap6.png) 30px center no-repeat #f5f5f5;}
.etap7 {background:url(images/etap7.png) 30px center no-repeat #f5f5f5;}
.etap8 {background:url(images/etap8.png) 30px center no-repeat #f5f5f5;}
.etap9 {background:url(images/etap9.png) 30px center no-repeat #f5f5f5;}
.etap10 {background:url(images/etap10.png) 30px center no-repeat #f5f5f5;}
.arrowdown {margin: -15px 0 -8px;}

.etap-cntr {width:580px; margin:10px 0; padding:15px 15px 15px 108px; display:inline-block; border:1px solid #e2e2e2; text-align:left !important;}

.advantbl {border: 0px; padding: 0px; margin: 10px 0; font:400 14px/17px 'Open Sans', sans-serif; text-align: start;}
.advantbl td {padding: 20px 0px;}


/******** preimuschestva ***/
h2.centerh2 {max-width:890px; font:400 20px/25px 'Open Sans', sans-serif; color:#045396; padding:25px 0 5px 0; margin:0 auto; text-align:center; border-bottom:1px solid #e4e4e4;}
.advant {display:inline-block; width:940px; padding:0; margin:30px 0 0;}
.preim {margin:30px 0;}
.preim td {padding:0 7px; text-align:center; font:normal 15px/18px 'Open Sans', sans-serif; color:#000;}
.preim td img {width:90px; height:90px;}
.preim td span {display:block; margin:15px 0 0;}
.preim td span strong {font:700 30px/40px 'Open Sans', sans-serif; color:#737373;}

/********** photos **********/
.photos {display:inline-block; padding:0; margin:30px 0 0;}
.nomargin {margin:0 !important;}
.photos img {display:inline-block; box-shadow:0 0 3px #a7a7a7; padding:4px;
   transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
}
.photos img:hover {
   filter: alpha(opacity=80);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   -moz-opacity: 0.80;
   opacity:0.80;
}

.po3 img {width:285px; margin:0 8px 15px 8px;}
.po4 img {width:210px; height:150px; margin:0 7px 14px 7px;}



/********** footer **********/
.footer {width:980px; height:185px; padding:0; margin:0 auto; background:url(images/footer.jpg) top no-repeat #0a6fb1; position:relative;}
.footer a {font:11px/12px Tahoma; color:#e2e2e2; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.copyright {width:190px; margin:87px 0 0 14px; padding-top:53px; font:11px/13px Tahoma; color:#fff; background:url(images/logo-footer.png) left top no-repeat; position:absolute;}
.fcont1 {width:450px; margin:87px 0 0 218px; font:24px/36px 'Open Sans', sans-serif; color:#fff; padding-left:43px; background:url(images/tel.png) left center no-repeat; position:absolute;}
.fcont2 {width:500px; margin:134px 0 0 218px; font:15px/19px 'Open Sans', sans-serif; color:#fff; position:absolute;}
.sm {width:110px; margin:137px 0 0 780px; text-align:right; font:11px/12px Tahoma; color:#55a8df; position:absolute;}
.sm a, .sm a:visited {font:11px/12px Tahoma; color:#55a8df; text-decoration:none;}
.sm a:hover {text-decoration:underline;}
.sm2 {width:80px; margin:128px 0 0 890px; text-align:right; position:absolute;}


/********** Обратная связь **********/
.feedback {background:#fff; width:500px; margin:0 auto; font:normal 15px/17px 'Open Sans', sans-serif; color:#000;}
.feedback em {display:block; font:300 25px/29px 'Open Sans', sans-serif; color:#923666; margin:0 0 10px 0;}
#result strong {display:block; font:normal 19px/24px 'Open Sans', sans-serif; margin:120px 0 10px 0; font-weight:700; color:#0a6fb1;}

.button_lnk, .button_lnk span, .button_lnk input{display:inline-block; position:relative; font:600 15px/46px 'Open Sans', sans-serif; text-transform:uppercase; outline:none;}
.button_lnk span, .button_lnk input{padding:0 20px; border:none; cursor:pointer;}
input.button_lnk {height:50px; padding-top:2px; line-height:normal; cursor:pointer;}
.button_lnk:hover {text-decoration:none;}
.button_lnk:hover span, .button_lnk:hover input {border:0;}
.button_lnk.blue, .button_lnk.blue span, .button_lnk.blue input{background:#0a6fb1; color:#fff; border-radius:4px; transition:background 0.3s ease; -webkit-transition:background 0.3s ease;}
.button_lnk.blue:hover, .button_lnk.blue span:hover, .button_lnk.blue input:hover {background:#045f9a; color:#fff;}

.formtext {color:#000;}
.star {color:#b11919; padding-left:2px;}
.atten {color:#929292; font:normal 12px/15px 'Open Sans', sans-serif;}
#res {padding:3px 0 0 0; color:#b11919; font:600 14px/18px 'Open Sans', sans-serif; text-align:center;}


select, input, textarea	{font:normal 14px/17px 'Open Sans', sans-serif;
			padding:10px 10px;
			border:solid 1px #acacac;
			border-radius:4px;
			background-color:#fff;
			color:#000;
			margin:0;}
input:hover, textarea:hover {border:solid 1px #838383;}