@a:Arial,sans-serif;
@c1:#666;
@c2:#888;


/*.font (@well:1.2em) {
	font:  @well  Arial,sans-serif;
} */


.font (@font:1.2em, @color:#666) {
	font:@font Arial,sans-serif;
	color:@color;
}

.box-shadow (@x: 0, @y: 0, @blur: 1px, @w: 0,  @color:rgba(0,0,0,.6)) {
  box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
}


.horizontal(@startColor: #555, @endColor: #333) {
  background-color: @endColor;
  background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
  background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
  background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
  background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10
  background-repeat: repeat-x;
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@startColor),argb(@endColor))); // IE9 and down
}
.vertical(@startColor: #555, @endColor: #333) {
  background-color: mix(@startColor, @endColor, 60%);
  background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
  background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
  background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
  background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
  background-repeat: repeat-x;
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down
}

.b {border: 1px dotted #f00}
.res {margin: 0; padding: 0; list-style: none;}

body {
	background: url(../img/bg.png) 0 0 repeat;
}

.main {
	width: 100%;
	background: url(../img/gradient.png) 0 0 repeat-x;
}

.main-bg {
  border-top:5px solid #4faeeb;
}

/*Header(Begin)*/
	header {
      width: 1112px;
      height: 143px;
      margin: 0 auto;
		position: relative;
	}
	.h-logo, .h-lang, .h-info, .h-fone, .h-mail, .top-menu {
		position: absolute;
	}
		.h-logo {
          position: absolute;
          width: 201px;
          height: 137px;
			a {
				display: block;
				width: 201px;
				height: 137px;
				background: url(../img/header/h-logo.png) 0 0 no-repeat;
			}
		} /*.h-logo*/
		.h-info {
          .font(1.4em, #1e3a5a);
          top: 8px;
          left: 300px;
          width: 215px;
          height: 56px;
          padding: 7px 0 0 45px;
          background: url(../img/header/h-01.png) 0 50% no-repeat;
          &__title {
            font-weight: bold;
          }
        }
		.h-fone {
          .font(1.4em, #1e3a5a);
          top: 15px;
          left: 580px;
          width: 170px;
          height: 59px;
          padding: 0 0 0 42px;
          background: url(../img/header/h-02.png) 0 50% no-repeat;
          &__title {
            font-weight: bold;
          }
        }
		.h-mail {
          .font(1.4em, #1e3a5a);
          top: 15px;
          left: 838px;
          width: 195px;
          height: 54px;
          padding: 0 0 0 62px;
          background: url(../img/header/h-03.png) 0 50% no-repeat;
          &__title {
            font-weight: bold;
          }
          a {
            color: #1e3a5a;
            text-decoration: none;
          }
        }
        .hsocial {
          padding: 4px 0 0 0;
          a {
            margin: 0 12px 0 2px;
          }
        }
		.top-menu {
          top: 85px;
          right: 0;
          width: 909px;
          border-top:1px solid #4c9af3;
          border-bottom:1px solid #4c9af3;
			ul {
				li {
                  position: relative;
                  float: left;
                  padding: 1px 1px 1px 0;
                  white-space: nowrap;
					a {
                      float: left;
                      .font(1.5em, #354e7c);
                      font-weight: bold;
                      display: block;
                      height: 39px;
                      line-height: 39px;
                      padding: 0 42px;
                      text-transform: uppercase;
                      text-decoration: none;

                      &:hover, &.activ, &.hover {
                        color: #ffffff;
                        border-radius: 3px;
                        background: #2889e8;
                        .vertical(#3fa9fb,#126cd7);
                      }

                    }
				}
			}
		} /*top-menu*/
        .lt-ie9 .top-menu ul li a { font-size: 1.5em;}

        .sub-menu {
          display: none;
          position: absolute;
          top: 40px;
          left: 50%;
          z-index: 1000;
          width: 170px;
          min-height: 500px;
          margin-left: -85px;
          padding: 10px 0 0 0;


          .sub-bg {
            position: absolute;
            padding: 0px 0 5px 10px;
            background: #356bd4;
            .vertical(#1447c6, #5481e2);
            border-radius: 3px;
            box-shadow: 0 0 5px 0 rgba(0,0,0,.7);
          }


          b.strela {
            position:absolute;
            z-index: 2000;
            left:50%;
            margin:-8px 0 0 -8px;
            display:block;
            width: 0px;
            height: 0px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #1447c6;
          }

          ul {
            width: 160px;
            margin: 0 0 0 10px;
            .res;
            li {
              width: 100%;
              clear: both;
              background: url(../img/header/separ2.png) 50% 100% no-repeat;
              a {
                .font(12px, #d4efff);
                height: 20px;
                line-height: 20px;
                padding: 0 0 0 11px;
                text-transform: none;
                background: url(../img/header/s-str-01.png) 0 50% no-repeat;
                &:hover, &.activ {
                  text-decoration: underline;
                  color:#5dfffd;
                  background: url(../img/header/s-str-02.png) 0 50% no-repeat;
                }
              }
            }
          }
        } /*sub-menu*/

.top-block {
  width: 1108px;
  margin: 0 auto;
  border-radius: 10px;
  background: #ffffff url(../img/gradient.png) repeat-x 0 0;
}

.top-menu2 {
  width: 224px;
  margin: 0 15px 0 0;
  ul {
    li {
      padding: 4px 0;
      background: url(../img/room2/separ.png) 50% 100% no-repeat;

      a {
        .font(1.4em, #444444);
        display: block;
        height: 36px;
        line-height: 34px;
        padding: 0 0 0 24px;
        text-decoration: none;
        text-transform: uppercase;
        background: url(../img/room2/menu-str.png) 4px 50% no-repeat;

        &:hover, &.activ {
          height: 34px;
          border:1px solid #b5d3e4;
          border-radius: 4px;
          box-shadow:inset 0 0 2px 0 #d6eaf6;
          background:#e6f5ff url(../img/room2/menu-str.png) 4px 50% no-repeat;
        }
      } /*a*/
    } /*li*/
  } /*ul*/
} /*top-menu2*/
.title-tm2 {
  .font(1.7em, #2398c9);
  text-transform: uppercase;
  div {
    padding: 10px 0 3px 8px;
  }
}

/*Header(End)*/


   /*big-photo(Begin)*/
    .big-photo {
      position: relative;
      width: 1108px;
      height: 389px;
      margin: 0 auto;
      border-radius: 10px;
      background: url(../img/header/big.jpg) 0 0 no-repeat;
    }
    .big-photo2 {
      float: left;
      width: 854px;
      height: 389px;
      margin: 0 auto;
      border:1px solid #7698a9;
      border-radius: 10px;
      background: url(../img/header/big.jpg) 0 0 no-repeat;
    }
  /*big-photo(End)*/



/*content(Begin)*/
	.content {
      width: 1112px;
      margin: 0 auto;
      padding: 0 0 20px;
      background: #ffffff;
    }

		.left-sb, .cent-sb, .right-sb {}

		/*left-sb(Obegin)*/
		.left-sb {
          float: left;
          width: 225px;
          background: url(../img/cent/left/cent.jpg) 210px 0 repeat-y;
        }
          .left-sb-01 {
            background: url(../img/cent/left/bot.jpg) 210px 100% no-repeat;
          }
            .left-sb-02 {
              padding: 20px 0;
              background: url(../img/cent/left/top.jpg) 210px 0 no-repeat;
            }

			.left-menu {
              background: url(../img/cent/left/separ.jpg) 2px 0 no-repeat;
				ul {
					li {
                      padding: 5px 0 6px;
                      background: url(../img/cent/left/separ.jpg) 2px 100% no-repeat;
						a {
                          .font(1.4em, #444444);
                          display: block;
                          width: 205px;
                          height: 25px;
                          line-height: 25px;
                          padding: 0 0 0 20px;
                          text-decoration: none;
                          text-transform: uppercase;
                          background: url(../img/cent/left/bg.jpg) 0 0 no-repeat;
                          &:hover, &.activ {
                            color: #ffffff;
                            background: url(../img/cent/left/hover.jpg) 0 0 no-repeat;
                          }
						} /*a*/
					}
				}
			} /*left-menu*/

            .l-info {
              padding: 25px 0 0 0;
              &__pic {
                position: relative;
                float: left;
                margin: 0 0 0 10px;
                border: 1px solid #467aa0;
                img {
                  position:relative;
                }
                &__title {
                  position: absolute;
                  z-index: 10;
                  top: 10px;
                  left: 0;
                  height: 41px;
                  margin: 0 0 0 -5px !important;
                  padding: 0 0 0 1px;
                  background: url(../img/cent/left/title-left.png) 0 0 no-repeat;
                  &__title-02 {
                    font:1.5em/30px tahoma;
                    text-align: center;
                    height: 41px;
                    padding: 0 10px;
                    text-transform: uppercase;
                    color: #2e97e9;
                    background: url(../img/cent/left/title-right.png) 100% 0 no-repeat;
                    a {
                      color: #2e97e9;
                      text-decoration: none;
                    }
                  }
                }
              } /*&__pic*/
              &__link {
                padding: 3px 15px 0 10px;
                a {
                  font:1.5em tahoma;
                  text-transform: uppercase;
                  color: #2e97e9;
                }
              } /*&__link*/

              &__news {
                &__date {
                  font:bold 1.2em tahoma;
                  color: #000000;
                }
                &__title {
                  a {
                    font:bold 1.2em tahoma;
                    color: #2e97e9;
                  }
                }
                &__text {
                  font: 1.1em tahoma;
                  color: #3f3431;
                }
                &__link {
                  font:1.2em tahoma;
                  color: #2e97e9;
                }
              } /*__news*/

            } /*l-info*/

		/*left-sb(End)*/


		/*right-sb(Begin)*/
          .right-sb {
            float: right;
            width: 855px;
            margin: 0 20px 0 0;
            padding: 15px 0 0 0;
          }
            .text {
              font:1.4em arial;
              text-align: justify;
              color:464646;
              &__title {
                .font(1.2em, #2398c9);
                text-transform: uppercase;
              }
              &__separ {
                height: 3px;
                margin: 10px 0;
                background: url(../img/cent/cent/separ.jpg) 50% 0 repeat-x;
              }
              &__title2 {
                .font(1.1em, #2398c9);
                padding: 10px 0 10px 0;
                font-weight: bold;
              }
              &__title3 {
                .font(1.1em, #5197cd);
                font-weight: normal;
                padding: 0 0 10px;
                text-transform: uppercase;
              }
              &__title4 {
                .font(1.2em, #5197cd);
                font-weight: bold;
                padding: 0 0 5px;
              }
              &__title5 {
                .font(1.2em, #5197cd);
                font-weight: bold;
                padding: 20px 0 15px;
              }

              &__pic {
                margin: 5px;
                padding: 5px;
                border:1px solid #bec7c9;
              }
            } /*text*/
		/*right-sb(End)*/


/*content(End)*/


/*footer(Begin)*/
	.footer {
      background: url(../img/bot/f-bg-rep.png) 0 0 repeat-x;
    }
		.f-posit {
          position: relative;
          height: 156px;
          background: url(../img/bot/f-bg.png) 50% 0 no-repeat;
          &-statik {
            position: relative;
            width: 1111px;
            height: 156px;
            margin: 0 auto;
            background: url(../img/bot/f-bg.png) 50% 0 no-repeat;
          }
        }
		  .f-adres, .f-fone, .f-mail, .f-money, .f-separator {position: absolute; .font(1.4em, #fff);}

            .f-adres {
              top: 30px;
              left: 70px;
              padding: 0 0 0 20px;
              background: url(../img/bot/f-01.png) 0 0 no-repeat;
              &__title {
                font-size: .85;
                padding: 0 0 5px;
                color: #a5e0ff;
                font-weight: bold;
              }
              &__copyright {
                margin: 10px 0 0 -20px;
                padding: 0 0 0 20px;
                background: url(../img/bot/f-02.png) 0 0 no-repeat;
              }
            }

            .f-fone {
              top: 30px;
              left: 350px;
              padding: 0 0 0 25px;
              background: url(../img/bot/f-03.png) 0 0 no-repeat;
              &__title {
                padding: 0 0 5px;
              }
            }

            .f-mail {
              top: 30px;
              left: 700px;
              padding: 0 0 0 40px;
              background: url(../img/bot/f-05.png) 0 0 no-repeat;
              &__title {
                padding: 0 0 5px;
              }
            }

            .f-money {
              top: 18px;
              right: 17px;
              width: 241px;
              height: 121px;
              background: url(../img/bot/f-04.png) 0 0 no-repeat;
            }
          .f-separator {
            top: 18px;
            right: 17px;
            width: 16px;
            height: 107px;
            background: url(../img/bot/separator.png) 0 0 no-repeat;
          }
          .f-sep-01 {
            top: 0;
            left: 43px;
          }
          .f-sep-02 {
            top: 0;
            left: 307px;
          }
          .f-sep-03 {
            top: 0;
            left: 549px;
          }
          .f-sep-04 {
            top: 0;
            left: 807px;
          }
/*footer(End)*/


/*room(Begin)*/
.r-catalog {
  padding: 15px 0;
  border-bottom:1px dashed #4f7ee0;
  &__title {
    .font(1.2em, #5197cd);
    font-weight: bold;
    padding: 0 0 5px;
  }
  &__pic {
    float: left;
    width: 243px;
    padding: 5px;
    border:1px solid #bec7c9;
    background: #ebf5ff;
    img {
    }
  }
  &__content {
    float: right;
    width: 585px;
    &__text {
      color: #464646;
    }
    &__prise {
      .font(.9em, #3292dd);
      font-weight: bold;
      b {
        font-size: 2.5em;
      }
    }
    &__info {
      padding: 20px 0 0;
      a {
        display: block;
        width: 105px;
        height: 24px;
        background: url(../img/room/podr.jpg) 0 0 no-repeat;
      }
    }
  } /*&__content*/

} /*r-catalog*/
/*room(End)*/

/*otziv*/
.o-box {
  padding: 20px 0;
  &__title {
    height: 32px;
    line-height: 32px;
    margin: 0 0 10px 0;
    box-shadow: inset 0 0 10px #e7f2f7;
    border-radius: 5px;
    border-top:1px dashed #4f7ee0;
    border-bottom:1px dashed #4f7ee0;
    &__date {
      .font(.9em, #444444);
      font-weight: bold;
      margin: 0 10px;
    }
    &__name {
      .font(1.1em, #5197cd);
    }
  }

  &__pic {
    width: 240px;
    padding: 5px 0;
  }
  &__content {
    width: 610px;
    margin: 0 5px 0 0;
    padding: 0px 0;
  }
} /*o-box*/



  /*news crumb(Begin)*/
.news-crumb {
  padding:25px 0 25px 180px;
  ul {
    margin:0;
    padding:0;
    list-style:none;
    li {
      float:left;
      padding:0 5px;
      a {
        font:14px/25px Arial, Helvetica, sans-serif;
        display:block;
        height:25px;
        padding:0 3px 0 0;
        color:#0d5388;
        &.first {
          width:58px;
          text-align:right;
          text-decoration:none;
          background:url(../img/cent/news/left-nav.jpg) no-repeat 5px 8px;
          &:hover {
            color:#790a0f;
            background:url(../img/cent/news/left-nav.jpg) no-repeat 5px 8px;}
        } /*&.first*/
        &.last  {
          width:58px;
          text-decoration:none;
          background:url(../img/cent/news/right-nav.jpg) no-repeat 100% 8px;
          &:hover {
            color:#790a0f;
            background:url(../img/cent/news/right-nav.jpg) no-repeat 100% 8px;}
        } /*&.last*/
        &.crumb-thc {
          text-decoration:none !important;
          background:none !important;
          &:hover {color:#790a0f;}
        }
        b {
          font-weight:normal;
          display:block;
          height:25px;
          padding:0 4px 0 7px;
          cursor:pointer;
        }
        &.active, &:hover {
          color:#fff;
          text-decoration:none;
          background: #3290d8;
          border-radius: 3px;
          /*background:url(../img/content/news-catalog/crumg-bg.png) no-repeat 100% -25px; */
          /*b {background:url(../img/content/news-catalog/crumg-bg.png) no-repeat 0 0} */
        } /*&.active, &:hover*/
      } /*a*/
    } /*li*/
  } /*ul*/
} /*news-crumb*/
  /*news crumb(End)*/


/*ot-form*/
.ot-form {
  border-top:1px dashed #4f7ee0;
  &__title {
    .font(1.3em, #5197cd);
    padding: 20px 0 20px 120px;
    text-transform: uppercase;
  }
  &__label {
    .font(12px, #4f4f4f);
    font-weight: bold;
    margin: 0;
    padding:0;
    b {
      color: #288acd;
    }
  }

  input {
    width: 294px;
    margin: 3px 0 0 0;
    border:1px solid #3175cd;
  }

  &__text-area {
    width: 611px;
    border:1px solid #3175cd;
    textarea {
      width: 605px;
      height: 122px;
      background: none;
      border:none
    }
  }

  .innform {
    .font(11px, #4f4f4f);
    font-weight: bold;
    b {
      color: #288acd;
    }
  }

  table {
    width: 615px;
    margin: 0 auto;
    tr {
      td {} /*td*/
    } /*tr*/
  } /*table*/

  .cap-inp {
    width: 97px;
    height: 22px;
  }

  .pos-forall {
    padding: 0 0 0 20px;
  }
  .cap-files {
    width: 225px;
  }
  .cap-text-02 {
    .font(11px, #4f4f4f);
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 24px;
  }
  .td-posit-01 {
    padding: 15px 5px 0 0;
  }
  .td-posit-02 {
    text-align: right;
  }
}

.button {
  padding: 20px 0;
  button {
    display: block;
    width: 104px;
    height: 31px;
    margin: 0 auto;

    border: none;
    background: url(../img/room/img.jpg) 0 0 no-repeat;
  }
}
/*ot-form*/

.prise-info {
  padding: 20px 0 20px 0;
  ul {
    .res;
    li {
      float: left;
      a {
        .font(12px,#378cd3);
        margin: 0 15px 0 0;
        text-transform: uppercase;
        &:hover, &.activ {
          text-decoration: none;
          color: #e95f13;
        }
      }
    }
  }

  table {
    width: 100%;
    margin: 10px 0 0 0;
    tr {
      th {
        height: 35px;
        line-height: 35px;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        border:1px solid #3175cd;
        background: #43b2f9;
      }
      td {
        height: 35px;
        line-height: 35px;
        text-align: center;
        border:1px solid #3175cd;
        background: #d5eeff;
      }
    }
  }
  i {
    color: #4d4d4d;
  }
} /*prise-info*/
.tore-01 {
  font-weight: bold;
  padding: 0 30px 0 0;
  color:#3175cd;
  text-transform: uppercase;
}
.tore-02 {
  padding: 0 15px 0 0;
  font-size: .9em;
  color: #242424;
}

.blue {
  font-weight: bold;
  color: #378cd3;
}

.list {
  float: left;
  width: 230px;
  margin: 0;
  padding: 0;
  list-style: none;
  li {
    padding: 0 0 0 15px;
    background: url(../img/room2/disck.png) 0 50% no-repeat;
  }
}

.title-bron-02 {
  .font(16px, #70a7dc);
  height: 49px;
  line-height: 49px;
  margin: 25px 0 10px 0;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px dashed #4f7ee0;
  background: url(../img/room2/dzin.png) 0 0 no-repeat;
}


  /*room-form*/

@bord-col:#168ec0;

.room-form {
  width:605px;
  margin:0;
  padding:10px 0 7px;

  background:#FFF;
  form {
    b { color:#636060}

  }
}


.room-form__title {
  font:1.6em Arial, Helvetica, sans-serif;
  padding:10px 0 10px 42px;
  margin:0 0 0 180px;
  text-transform:uppercase;
  color:#39a13d;
  background:url(../img/dzin.png) no-repeat 0 0}



.room-form table {}
.room-form tr {}
.room-form td {
  padding:5px 0px 0 0}
.room-form label {
  font: bold 12px Verdana, Geneva, sans-serif;
  display:block;
  width:251px;
  padding:0 0 3px 0;
  color:#636060;
  b {
    color: #3175cd;
  }
  &.label-small {
    width:130px;
    padding:10px 5px 0 15px}
  &.label-small2 {
    width:130px;
    padding:10px 5px 0 0px}
}

.inp-01 {
  font: 12px Verdana, Geneva, sans-serif;
  color:#168ec0;
  width:243px;
  height:22px;
  border:1px solid @bord-col;
  border-radius:5px;
  background:none}
.inp-02 {
  font: 12px Verdana, Geneva, sans-serif;
  color:#168ec0;
  width:294px;
  height:22px;
  border:1px solid @bord-col;
  border-radius:0;
  background:none}

.inp-03 {
  font: 12px Verdana, Geneva, sans-serif;
  color:#168ec0;
  width:70px;
  height:22px;
  border:1px solid @bord-col;
  border-radius:0;
  background:none}

.inp-marg-01 {
  margin:0 3px 0 0}

.d-pic-border-02 {
  font: 12px Verdana, Geneva, sans-serif;
  color:#de7d1b;
  width:219px;
  height:24px;
  border:1px solid @bord-col;
  border-radius:5px;
  background:none}

.rf-textarea {
  width:296px;
  height:115px;
  color:#de7d1b;
  border:1px solid @bord-col;
  border-radius:0px;
  background:none;
}
.rf-textarea textarea {
  font: 12px Verdana, Geneva, sans-serif;
  color:#de7d1b;
  width:290px;
  height:112px;
  margin:2px 0 0 2px;
  background:none;
  border:none}

.ukaz {
  font: bold 11px Verdana, Geneva, sans-serif;
  padding:5px 0 10px 0;
  color:#636060}

.button2 {
  font: 12px/33px Tahoma, Geneva, sans-serif;
  width:128px;
  height:38px;
  text-align:center;
  text-transform:uppercase;
  border:1px solid #2e9ff7;
  border-radius:5px;
  color:#fff;
  background:#2f91d3;

  background-color: mix(#60c1fe, #0b6fb4, 60%);
  background-image: -moz-linear-gradient(top, #60c1fe, #0b6fb4); // FF 3.6+
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60c1fe), to(#0b6fb4)); // Safari 4+, Chrome 2+
  background-image: -webkit-linear-gradient(top, #60c1fe, #0b6fb4); // Safari 5.1+, Chrome 10+
  background-image: -o-linear-gradient(top, #60c1fe, #0b6fb4); // Opera 11.10
  background-image: linear-gradient(to bottom, #60c1fe, #0b6fb4); // Standard, IE10
  background-repeat: repeat-x;
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(#60c1fe),argb(#0b6fb4))); // IE9 and down
}


  /*end room-form*/