@charset 'utf-8';
@import 'reset.css';

/*=================================
HEADER
=================================*/
header {
  color: #464646;
  height: 124px;
  position: relative;
}

/*--- logotype ---*/
.logo {margin-top: 17px;}
.logo a {
  width: 440px;
  color: #464646;
  display: block;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 0 10px 85px;
  background: url(/images/emblem_psk.png) no-repeat;
}
.logo a strong {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 7px;
}

/*--- order form ---*/
.order-form-btn {
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: 35px; right: 310px;
  padding: 9px 11px 11px;
  text-transform: uppercase;
  background: #d52057 url(/images/of_btn.png) repeat-x;
  -webkit-transition: background-position .15s linear;
          transition: background-position .15s linear;
}
.order-form-btn:hover {
  cursor: pointer;
  background-position: 0 10px;
}

.order-form {
  width: 300px;
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0; left: 0;
  background: #fff;
  padding-bottom: 10px;
}
.order-form .of-head {
  padding: 10px !important;
  position: relative;
  border-bottom: 1px solid #e3e2e2;
}
.order-form .of-head .of-close {
  cursor: pointer;
  position: absolute;
  text-indent: -9999px;
  top: 13px; right: 13px;
  width: 15px; height: 15px;
  background: url(/images/of_close.png) no-repeat;
}
.order-form .of-label {
  padding: 10px 10px 0;
}
.order-form .of-label span {
  color: #808080;
  display: block;
  padding-bottom: 5px;
}
.order-form .of-label input {
  width: 256px;
  padding: 5px 10px;
  border: 1px solid #808080;
}
.order-form .of-label textarea {
  width: 257px;
  padding: 10px;
  resize: vertical;
  min-height: 50px;
  max-height: 200px;
  border: 1px solid #808080;
}
.order-form button {
  color: #fff;
  width: 280px;
  border: 0 none;
  font-weight: 700;
  padding: 10px 11px;
  margin: 10px 10px 0;
  text-transform: uppercase;
  background: #d52057 url(/images/of_btn.png) repeat-x;
  -webkit-transition: background-position .15s linear;
          transition: background-position .15s linear;
}
.order-form button:hover {
  cursor: pointer;
  background-position: 0 10px;
}

#overlay {
  z-index: 9998;
  cursor: pointer;
  top: 0; left: 0;
  position: fixed;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.3);
}

/*--- phones ---*/
.phones {
  width: 285px;
  margin-top: 19px;
  position: relative;
}
.phones .ptop, .phones .pmail {position: relative;}
.phones .ptop span, .phones .pmail span {
  top: 0; left: 0;
  position: absolute;
}
.phones .ptop a {
  color: #464646;
  text-decoration: none;
}
.phones .ptop div {
  float: right;
  font-size: 19px;
  font-weight: 600;
  min-width: 155px;
  text-align: right; 
  padding-bottom: 7px;
}
.phones .ptop div span {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: normal;
  display: inline-block;
}
.phones .pmail a {
  float: right;
}

/*=================================
NAV
=================================*/
nav {
  height: 51px;
  background: #20719b;
}

nav li {
  float: left;
  position: relative;
}
nav li a {
  color: #fff;
  display: block;
  font-weight: 700;
  line-height: 50px;
  position: relative;
  padding: 0 19px 1px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0,37,72,0.35);
  -webkit-transition: background .15s linear;
          transition: background .15s linear;
}
nav li a:after {
  width: 2px;
  content: '';
  position: absolute;
  top: 0; bottom: 0; right: -1px;
  background: url(/images/nav_a_sep.png) no-repeat 0 center;
}
nav li:hover > a {background: #118ad0;}
nav li:last-child a:after, .subnav li a:after {width: 0px;}

.subnav {
  width: 200px;
  display: none;
  position: absolute;
  top: 100%; left: 0;
  background: #118ad0;
  border-top: 1px solid #07578f;
}
.subnav li {float: none;}
.subnav li a {
  text-shadow: none;
  padding: 7px 15px;
  line-height: normal;
  font-weight: normal;
  text-transform: none;
  border-bottom: 1px solid #07578f;
}
.subnav li a:hover {background: #20719b;}

.sub-menu {
  background: #3991E0;
  padding-left: 15px;
  font-size: 13px;
}
/*=================================
ASIDE
=================================*/
aside {
  float: left;
  width: 270px;
}

/*--- side-menu ---*/
.side-menu {
  background: #20719b;
}
.side-menu li {
  padding-bottom: 2px;
  background: url(/images/sm_a_sep.png) repeat-x 0 100%;
}
.side-menu li a {
  color: #fff;
  display: block;
  font-weight: 700;
  line-height: 20px;
  padding: 9px 15px;
  text-transform: uppercase;
  -webkit-transition: background .15s linear;
          transition: background .15s linear; 
}
.side-menu li a:hover {background: #118ad0;}
.side-menu li:last-child {background: none; padding-bottom: 0;}

.banner {
  width: 270px;
  overflow: hidden;
  margin-top: 25px;
}

/*=================================
CONTENT
=================================*/
.content {
  float: right;
  width: 705px;
}
.result {
  margin: 10px 0px;
  width: 304px;
  padding: 5px;
  text-align: center;
}

.ok {
  background: #9CE08D;
}

.error {
  background: #FFA4A4;
}

/*--- top info ---*/
.top-info {
  padding-bottom: 20px;
  background: url(/images/c_sep.png) repeat-x 0 100%;
}

.top-info table td {
  padding: 5px;
  border: 1px solid #A8BFD5;
  box-shadow: 0 1px 0 #fff inset;  
}

.top-info .ti-img {
  float: right;
  margin: 0 0 5px 15px;
}
.top-info .ti-img:hover {
  outline: 1px solid #20719b;
}
.top-info .ti-img img {display: block;}
.top-info h1, .photo-album h2,
.main-news h2, .of-head,
.title-page h1, .feedback h2,
.main-news.inner h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.photo-album h3 {
  font-weight: 700;
  line-height: 25px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.top-info p {padding-bottom: 10px;}
.top-info a.more {
  float: right;
  color: #3479ab;
  font-size: 13px;
  padding-left: 12px;
  text-decoration: underline;
  background: url(/images/more_arrow.png) no-repeat 0 center;
}
.top-info a.more:hover {
  cursor: pointer;
  text-decoration: none;
}
.top-info ul {
  list-style: disc;
  padding: 0 0 15px 40px;
}
.top-info ol {
  list-style: decimal;
  padding: 0 0 15px 40px;
}

/*--- photo album ---*/
.photo-album {
  margin-top: 25px;
  padding-top: 25px;
  background: url(/images/c_sep.png) repeat-x 0 0;
}
.jcarousel {
  overflow: hidden;
  padding-top: 45px;
  margin-top: -45px;
  position: relative;
}
.jcarousel ul {
  width: 20000em;
  overflow: hidden;
  list-style: none;
  position: relative;
}
.jcarousel li, .photographs .pg-item {
  float: left;
  background: #fff;
  margin-right: 22px;
  padding: 7px 9px 4px;
  border: 1px solid #e2e0e0;
  max-width: 200px; min-height: 150px;
}
.jcarousel li a {
  height: 147px;
  display: block;
  overflow: hidden;
}
.photo-album.inner li {
  margin-right: 5px;
  padding: 7px 7px 4px;
}
.jcarousel li img, .photographs .pg-item img {max-width: 200px; min-height: 155px;}
.jcarousel-prev, .jcarousel-next {
  display: block;
  top: 0; right: 0;
  position: absolute;
  text-indent: -9999px;
  width: 32px; height: 31px;
  background: url(/images/slide_arrow.png) no-repeat;
}
.jcarousel-prev {right: 35px;}
  .jcarousel-prev:hover {background-position: 0 100%;}
.jcarousel-next {background-position: 100% 0;}
  .jcarousel-next:hover {background-position: 100% 100%;}

.photographs {margin-top: 35px;}  
.photographs .pg-item {
    margin-bottom: 10px;
    width:200px;
}
.photographs .pg-item:nth-child(3n) {margin-right: 0px;}

/*--- main news block ---*/
.main-news {margin-top: 25px;}


.mn-img {
  float: left;
  padding: 4px;
  background: #fff;
  margin-right: 10px;
  border: 1px solid #e2e0e0;
  width: 100px; height: 85px;
}
.mn-img img {width: 100px; height: 85px;}
.mn-info .photo-album {background: none; margin-top: 0px;}
.mn-info .mn-date {
  height: 15px;
  color: #808080;
  display: block;
  font-size: 12px;
  padding: 0 0 5px 20px;
  background: url(/images/mn_date.png) no-repeat 0 1px;
}
.mn-info a {
  color: #333;
  display: block;
  font-weight: 700;
  text-decoration: none;
}
.mn-info a:hover {
  text-decoration: underline;
}
.mn-info p {font-size: 13px;}
.main-news .mn-item:last-child {padding-right: 0;}
.main-news .all-news {
  color: #20729a;
  text-decoration: underline;
}
.main-news .all-news:hover {
  cursor: pointer;
  text-decoration: none;
}
.main-news.inner {margin: 0;}
.main-news.inner h1 {
  padding: 0;
}
.main-news.inner .mn-item {
  float: none;
  width: 100%;

}
.mn-item{
    margin-top: 20px;
    padding-bottom: 35px;
}

.main-news.inner .mn-item h2 a:hover {
  text-decoration: underline;
}

.mn-info .photo-album h2 {font-size: 20px;}
.mn-info {
  margin-top: 10px;
}

/*--- breadcrumbs ---*/
.breadcrumbs {
  color: #888;
  font-size: 13px;
  font-weight: 600;
  padding-bottom: 15px;
}
.breadcrumbs a {
  color: #333;
  padding-right: 14px;
  text-decoration: underline;
  background: url(/images/bc_arrow.png) no-repeat 100% 8px;
}

.inner-page {
  padding-bottom: 28px;
  background: url(/images/c_sep.png) repeat-x 0 100%;
}

/*--- feedback ---*/
.feedback {padding-top: 25px;}
.fb-label {margin-bottom: 10px;}
.fb-label input {
  color: #888;
  width: 281px;
  outline: none;
  padding: 10px 15px;
  border: 2px solid #cfcfcf;
}
.fb-label textarea {
  color: #888;
  outline: none;
  padding: 10px 15px;
  border: 2px solid #cfcfcf;
  width: 606px; height: 126px;
}
.fb-label input:focus,
.fb-label textarea:focus {
  -webkit-transition: border-color .25s linear;
          transition: border-color .25s linear;
}
.fb-label input:focus,
.fb-label textarea:focus {border-color: #88b6f4;}
.feedback .clarification {
  color: #888;
  font-size: 13px;
  padding-bottom: 15px;
}
.feedback button {
  color: #fff;
  width: 205px;
  border: 0 none;
  font-size: 20px;
  text-align: center;
  border-radius: 2px;
  padding: 8px 0 10px;
  background: #3b94c0 url(/images/fb_btn.png) repeat-x;
  -webkit-transition: background-position .15s linear;
          transition: background-position .15s linear;
}
.feedback button:hover {
  cursor: pointer;
  background-position: 0 10px;
}

/*=================================
FOOTER
=================================*/
footer {
  height: 170px;
  margin-top: -170px;
  position: relative;
  background: url(/images/footer_bg.png) repeat-x;
}
footer .wrapper {position: relative;}

.copyright {
  width: 525px;
  color: #726161;
  padding-top: 30px;
}
.copyright strong {color: #333;}
footer .phones {margin-top: 20px;}

.faddress {
  width: 300px;  
  position: absolute;
  top: 30px; right: 0;
}

.coffee {
  position: absolute;
  bottom: 0; right: 0;
}
.coffee .count {
  float: left;
  margin-top: 5px;
  width: 31px; height: 31px;
}
.coffee a {
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 19px;
  padding-left: 40px;
  text-decoration: none;
}
.coffee a:hover {text-decoration: underline;}
.coffee .count a {padding: 0;}
.cookies{      
      z-index: 99999;
      position: relative;
      display: none;
      color: #fff;
      font-size: 14px;
      padding: 10px;
      background-color: #20719b;
      max-width: 1000px;
      margin: 0 auto;
    }
    .cookies a{
      outline: 0;
      color: #fff;
      text-decoration: underline;
    }
    .cookies .cookies-button {
      cursor: pointer;
      background: 0 0;
      box-shadow: 0 0 0 1px #fff;
      outline: 1px solid #fff;
    }
    .cookies .btn {
      color: #fff;
      position: relative;
      text-decoration: none;
      display: inline-block;
      text-transform: uppercase;
      border: 5px solid transparent;
      margin-top: 10px;
    }