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


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


/********** header **********/
.header {width:980px; height:162px; margin:0 auto; position:relative;}
.logo {width:322px; margin:19px 0 0 0; position:absolute;}
.slogan {width:300px; padding:0; margin:40px 0 0 352px; font:600 13px/15px 'Open Sans', sans-serif; color:#242424; position:absolute;}
.adr {width:130px; margin:26px 0 0 676px; padding-left:28px; font:600 13px/20px 'Open Sans', sans-serif; color:#000; background:url(images/adr.png) left 5px no-repeat; position:absolute;}
.tel {width:110px; margin:26px 0 0 850px; padding-left:20px; font:600 15px/20px 'Open Sans', sans-serif; color:#e1061a; background:url(images/tel.png) left 5px no-repeat; position:absolute;}

.rus {width:105px; margin:119px 0 0 760px; position:absolute;}
.rus a, .rus a:visited {
  border-radius:5px;
  display:inline-block;
  padding:0 12px 0 34px;
  margin:0;
  font:400 13px/32px 'Open Sans', sans-serif;
  color:#fff;
  text-decoration:none;
  background:url(images/rus.png) 12px 10px no-repeat #063578;
  transition:background 0.3s ease;
  -webkit-transition:background 0.3s ease;
}
.eng {width:110px; margin:119px 0 0 865px; position:absolute;}
.eng a, .eng a:visited {
  border-radius:5px;
  display:inline-block;
  padding:0 12px 0 34px;
  margin:0;
  font:400 13px/32px 'Open Sans', sans-serif;
  color:#fff;
  text-decoration:none;
  background:url(images/eng.png) 12px 10px no-repeat #3662a0;
  transition:background 0.3s ease;
  -webkit-transition:background 0.3s ease;
}
.rus a:hover {background-color:#3a5e90;}
.eng2 a:hover {background-color:#3a5e90;}


/* Верхнее горизонтальное меню */
.menu {width:980px; height:50px; padding:0; margin:110px 0 0 0; background:#063578; position:absolute;}
.menu ul {list-style:none; padding:0; margin:0;}
.menu ul li {float:left; margin:0; padding:0;}
.menu ul li a {display:block; font:normal 15px/50px 'Merriweather', serif; color:#fff; padding:0 40px; margin:0; text-decoration:none;
   transition:all 0.4s ease;
   -webkit-transition:all 0.4s ease;}
.menu ul li a:hover {background:#2c5692; text-decoration:none;}

#page01 #nav-page01 a,
#page02 #nav-page02 a,
#page03 #nav-page03 a,
#page04 #nav-page04 a,
#page05 #nav-page05 a {color:#fff; text-decoration:none; background:#e1061a;}


/******** Основные блоки ***/
.pageinfo {width:960px; margin:0 auto; padding:40px 0 60px; font:normal 15px/21px 'Open Sans', sans-serif; color:#000;}
.pageinfo h1 {font:normal 17px/25px 'Merriweather', serif; color:#063578; padding:0 0 6px 0; margin:0 0 20px 0;}
.pageinfo h2 {font:normal 15px/19px 'Merriweather', serif; color:#063578; padding:25px 0 5px 0; margin:0;}
.pageinfo p {margin:21px 0 7px 0; text-align:justify; text-indent:0px;}
.pageinfo strong {font-weight:600;}
.pageinfo b {font-weight:600;}

.spisok {list-style:none; margin:10px 0 0 15px; padding:0; font:300 20px/25px 'Open Sans', sans-serif;}
.spisok li {list-style-type:none; background:url(/images/ul_li.png) 0 top no-repeat; height: 55px; padding:0 0 10px 45px; margin:0; text-align:left;}

.pageinfo a, .pageinfo a:visited {color:#263f62;}

.img3 {width:290px; height:210px; margin:15px 10px 0 10px; padding:3px; box-shadow:0 0 3px #a6a6a6;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
}
.img5 {width:172px; height:125px; margin:10px 5px 0 5px; padding:3px; box-shadow:0 0 3px #a6a6a6;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
}
.img3:hover, .img5:hover {box-shadow:0 0 5px #707070;}

.img {padding:3px; box-shadow:0 0 3px #a6a6a6;}


.cname {display:block; margin:10px 0 0; font:normal 18px/22px 'Merriweather', serif; color:#e1061a;}
.cprof {display:block; margin:5px 0 0; font:normal 14px/16px 'Merriweather', serif; color:#063578;}
.cmail {display:block; margin:10px 0 0; font:normal 15px/21px 'Open Sans', sans-serif; color:#000;}
.cmail a, .cmail a:visited {color:#000;}
.ctels {display:block; margin:10px 0 0; font:600 17px/23px 'Open Sans', sans-serif; color:#000;}


/********** footer **********/
.footer {width:980px; height:70px; padding:0; margin:0 auto; background:url(images/footer.jpg) center top no-repeat; position:relative;}
.copyright {width:420px; margin:16px 0 0 390px; font:400 11px/13px 'Open Sans', sans-serif; color:#fff; position:absolute;}
.fadr {width:130px; margin:5px 0 0 97px; font:600 13px/20px 'Open Sans', sans-serif; color:#000; position:absolute;}
.ftel {width:110px; margin:5px 0 0 246px; font:600 15px/20px 'Open Sans', sans-serif; color:#e1061a; position:absolute;}