@charset "UTF-8";
/*-----------Базовая настройка----------*/
* {
  outline: 0;
}

body {
/*
  background: url('../images/bg-1.jpg?1412888234') fixed no-repeat top center;
  */
  font-family: Arial;
  font-size: 13px;
  color: #494949;
}

input {
  border: 1px solid #8CBDDB;
  font-family: Arial;
  color: #494949;
}

h1, h3 {
  color: #494949;
  font-size: 13.5pt;
  font-weight: normal;
  margin: 10px 15px;
}

/*-----------Слои с листьями------------*/
#parralax {
  position:absolute; 
  overflow:hidden; 
  width:100%; 
  height:300px;
  overflow-x:hidden;
}

#layer-1 {
/*
  background: url('../images/layer-3.png?1412886399') no-repeat top center;
*/
  padding-top: 0px;
  z-index: 1;
  position: relative;
}

#layer-2 {
  position: absolute;
  width: 105%;
  height: 77px;
  background: url('../images/layer-2.png?1412887520') no-repeat bottom center;
  z-index: 3;
}

#layer-3 {
  position: absolute;
  width: 110%;
  height: 224px;
  background: url('../images/layer-1.png?1412888037') no-repeat top center;
  z-index: 4;  
}

#main {
  width: 972px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 15px;
  z-index: 2;
}

#page {
  -moz-box-shadow: 0 0 20px -10px #000;
  -webkit-box-shadow: 0 0 20px -10px #000;
  box-shadow: 0 0 20px -10px #000;
  background: url('/images/flag.png') no-repeat top left;
  background-color: #FFF;
  padding-bottom: 1px;
}

#header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  *zoom: 1;
  padding: 40px 50px;
  position: relative;
  height: 150px;
}

#top-block{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  *zoom: 1;
  position: relative;
  width: 100%;
  height: 50px;
  background: linear-gradient(to top, #003759, #004c77);
  line-height: 50px;
}

#header #logo {
  float: left;
}
#header #text-logo {
  float: left;
  width: 660px;
  font-size: 28px;
  line-height: 30px;
  margin-left: 30px;
  margin-top: -15px;
}
#header #telephone {
  position: absolute;
  bottom: 20px;
  right: 134px;
  line-height: 20px;
}

#header #email img{
  line-height: 20px;
  vertical-align: middle;
}

#banners {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  *zoom: 1;
}
/**#banners .banner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  width: 324px;
  text-align: center;
  padding: 6px;
  height: 183px;
}
#banners .banner a {
  display: block;
  color: #1d699e;
  text-decoration: none;
  font-size: 18px;
  position: relative;
}
#banners .banner a span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 20px;
  text-align: center;
  width: 100%;
  text-decoration: none;
}*/
#banners .banner {
  overflow: hidden;
  float: left;
  /*width: 316px;*/
  text-align: center;
  padding: 3px;
  height: 183px;
}
#banners .banner a {
  display: block;
  color: #1d699e;
  text-decoration: none;
  font-size: 18px;
  position: relative;
}
#banners .banner a span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 20px 0 20px 0;
  text-align: center;
  width: 100%;
  text-decoration: none;
  background: rgba(236,236,236,.9);
  border-bottom: 3px solid #387fb1;
}

#banners .banner img{
  /*width: 313px;*/
  height: 180px;
}
#banners .banner a:hover span {
  text-decoration: underline;
}

/*--------Колонки--------*/
#content {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 20px;
}
#content #sidebar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 329px;
  float: left;
  padding: 10px;
  margin-top: 10px;
}
#content #page-content {
  margin-left: 331px;
}

/*-----Левая колонка-----*/
#sidebar #left-menu ul li {
  position: relative;
}
#sidebar #left-menu ul li a {
  display: block;
  padding: 7px 15px;
  padding-right: 0;
  font-size: 15px;
  color: #494949;
  text-decoration: none;
  border: 1px solid rgba(37,126,179,1);
  border-right: 3px solid rgba(37,126,179,1);
  margin: 2px 0;
  position: relative;
  background-color: rgba(234,247,250,1);
}
#sidebar #left-menu ul li a:hover {
  border: 1px solid rgba(67,148,199,1);
  color: #3d647f;
  background-color: rgba(255,255,255,1);
}
#sidebar #left-menu ul li.active>a {
  border: 1px solid rgba(67,148,199,1);
  color: #3d647f;
  background-color: rgba(255,255,255,1);
}
/*#sidebar #left-menu ul li.current:before {*/
  /*content: " ";*/
  /*width: 12px;*/
  /*height: 30px;*/
  /*display: block;*/
  /*background: url('../images/line-menu.jpg?1412893865');*/
  /*position: absolute;*/
  /*right: -12px;*/
/*}*/

#sidebar #left-menu ul li ul  {
  margin-left:15px;  
}

#sidebar #left-menu ul li ul li {}

#sidebar #left-menu ul li ul li a {
  font-size:9pt;
  padding: 6px 10px;
  padding-right: 0;
}

#sidebar #left-menu ul li ul li a:hover {

}

#sidebar #search {
  margin-top: 20px;
}
#sidebar #search #form-search{
  position: relative;
}
#sidebar #search #search-text {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  width: 100%;
  padding: 5px 15px;
  font-size: 15px;
  border-right-width: 3px;
}
#sidebar #search #search-button {
  border: 0px;
  background: url('../images/search-button.png?1412900279') center center;
  height: 30px;
  width: 31px;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
#sidebar #photo-gallery h3 {
  margin-top: 17px;
}
#sidebar .mosaic{
  padding: 0 1px !important;
  width: auto !important;
}
#sidebar #photo-gallery #photos {
  border: 1px solid #C4E6AA;
  border-right: 3px solid #C4E6AA;
  padding: 16px;
}
#sidebar #photo-gallery #photos a {
  text-decoration: none;
  display: inline-block;
}
#sidebar #photo-gallery #photos img {
  margin: 1px;
  width: 86px;
  height: 86px;
}
#sidebar h1,h3{
  color: #656259;
}

#page-content {
  /*border-top: 1px solid #B1AEA5;*/
  /*border-left: 1px solid #B1AEA5;*/
  margin: 15px;
  margin-top: 58px;
  min-height: 813px;
  padding: 10px;
  padding-top: 0;
}
#page-content .category-list{
  /* padding: 10px 0; */
}
#page-content .blog, 
#page-content #phocaguestbook,
#page-content #phocagallery,
#page-content #searchForm{
  margin: 10px 0;
}
#page-content .category-list li{
  margin: 10px 0;
}
#page-content h1 {
  /*height: 20px;*/
  margin-left: 0;
  margin-top: -30px;
  overflow: hidden;
  /*position: absolute;*/
  width: 650px;
  line-height: 25px;
}
#page-content p {
  line-height: 20px;
  font-size: 13px;
  text-align:justify;
}
#page-content img{
  max-width: 100%;
  height: auto;
}
#phocagallery .pg-name{
  color: #000;
}

#page-content ul {
  margin-left:25px;
}

#page-content ul li {
  display:list-item;
  margin-bottom:10px;
  list-style-type:disc;
}

/* Новостная лента */
#news {
  margin: 15px;
  padding: 10px 0px;
  border-top: 1px solid #E2DFD7;
  border-bottom: 1px solid #E2DFD7;
  margin-top: 0;
}
#news h3 {
  display: inline-block;
  margin-right: 40px;
}
#news #archive-icon {
  margin-top: -5px;
  vertical-align: middle;
}
#news a#archive-link {
  display: inline-block;
  margin-top: -5px;
  color: #656259;
  vertical-align: middle;
}
#news #news-table {
  overflow: hidden;
  *zoom: 1;
}
#news #news-table .news-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 314px;
  padding: 10px;
  line-height: 20px;
}
#news #news-table .news-item a {
  text-decoration: none;
}
#news #news-table .news-item a:hover {
  text-decoration: underline;
}
#news #news-table .news-item p {
  display: inline;
}

/* Футер */
#footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  *zoom: 1;
  margin: 10px;
  /*background: url('../images/footer-bg.jpg?1412902320');*/
  padding: 17px 25px;
  background: linear-gradient(to top, #003759, #004c77);
}
#footer #manatechs {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*background: url('../images/footer-logo.png?1409348662') no-repeat 0 0;*/
  float: left;
  height: 73px;
  width: 222px;
}
#footer #manatechs a {
  color: #fff;
  display: block;
  font-size: 13px;
  outline: medium none;
  padding: 1px 5px 8px;
  font-family: "Arial";
  line-height: 16px;
  color: #5bb9ef;
}
#footer #adress {
  line-height: 18px;
  color: #FFF;
  margin-left: 247px;
}

#news-table p{
  color: #3d3d3d;
}

.news-primary-body{
  width: 96%;
  background-color: #ecf7fa;
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.news-primary-body p{
  margin: 10px 0;
}
.news-primary-body .text{
  float: left;
  width: 270px;
  margin-top: -20px; 
}
.news-primary-title{
  font-size: 18px;
  text-decoration: none;
  color: #005a9b;
}
.news-primary-title:hover{
  text-decoration: underline;
}
#news-table .news-primary-body .news-primary-date{
  color: #b16051;
}                             

.news-primary-body .bnews_one {
  float:left;
}

.news-item {
  clear:left;
}
.news-primary-img{
  width: 311px;
  margin-left: 290px;
  margin-top: -28px;
}
.news-primary-link{
  float: right;
}
.another-news-body{
  width: 100%;
  padding: 20px 0 0 25px;
}
.another-news-img{
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 15px;
}
.news-item .little-title{
  text-decoration: none;
}
.news-item .little-title:hover{
  text-decoration: underline;
}
.news-item .little-title .date{
  color: #b16051;
}
.news-item .little-title span {
  color: #474747;
}
.news-archive{
  float: right;
  color: #387fb1;
  font-size: 18px;
  line-height: 18px;
}
.news-archive img{
  vertical-align: middle;
}
#search{
  background-color: #f6f6f6;
  padding: 10px;
  margin: 20px 0;
  border: 1px solid #9b9b9b;
  border-right: 3px solid #9b9b9b;
  display: block;
  clear: both;
  overflow: auto;
}
#search img{
  margin-right: 10px;
}
#search p{
  line-height: 16px;
  color: #000000;
}
#photo-gallery{
  background-color: #f6f6f6;
  padding: 10px;
  margin: 20px 0;
  border: 1px solid #9b9b9b;
  border-right: 3px solid #9b9b9b;
  display: block;
  clear: both;
  overflow: auto;
}
#photo-gallery img{
  margin-right: 10px;
}
#photo-gallery p{
  line-height: 16px;
  color: #000000;
}
#news-table{
  overflow: hidden;
  margin-top: -20px;
}
#top-block #search-text{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 15px;
  font-size: 15px;
  width: 200px;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  border-right: 3px solid #FFFFFF;
  color: #FFFFFF;
  height: 30px;
}
#top-block #form-search{
  position: relative;
  display: block;
  width: 200px;
  float: left;
  margin-left: 500px;
  margin-right: 15px;

}
#top-block #search-button {
  border: 0px;
  background: url('/images/search-button.png') center center no-repeat;
  height: 55px;
  width: 31px;
  position: absolute;
  right: 5px;
  bottom: 0;
  cursor: pointer;
}
#top-block #tpllist{
  float: left;
}
#left a{
  color: #387fb1;
  font-size: 18px;
  text-decoration: underline;
  line-height: 20px;
}
#left img{
  height: 20px;
  width: 20px;
  background: url('/images/employees-icon.png') center center no-repeat;
  vertical-align: middle;

}
#left{
  padding: 0 0 0 83px;
}
#top-block .center-block{
  width: 976px;
  display: block;
  margin: auto;
}
.news-item .text p{
  margin-top: 0px;
}
.item-page h1{
  color: #3d3d3d;
}
.item-page p{
  color: #3d3d3d;
}

#sidebar #left-menu ul li>a:before{
  margin-right: 14px;
  content: ' ';
}

#sidebar #left-menu ul li ul li>a:before{
  content:'';
  margin-right: 0;
}

#sidebar #left-menu .parent>a:before{
  display: inline-block;
  border: 1px solid black;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
  content: ' ';
  margin-right: 5px;
  margin-bottom: 6px;
  vertical-align: middle;
}

#sidebar #left-menu ul li .bottom-spacing{
  margin-bottom: 10px;
}

button#jTemplateChange.btn.button.poor-vision{
  border: 1px solid #FFFFFF;
  background: transparent;
  color: #FFFFFF;
  border-right: 3px solid #FFFFFF;
  padding: 5px 15px;
  font-size: 15px;
  width: 260px;
  text-align: left;
  cursor: pointer;
}

#poor-vision-icon{
  background: url('/images/poor-vision-icon.png') center center no-repeat;
  width: 32px;
  height: 24px;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  margin-left: -45px;
  cursor: pointer;
}

#page-content .pagination p {
  text-align:center;
}

#page-content .pagination ul {
  margin:0;
  padding:0;
  text-align:center;
}

#page-content .pagination ul li {
  display:inline-block;
  list-style-type:none;
  margin:0 2px;
}