@charset "utf-8";
/* CSS Document */

// Переменные
@width_full: 1110px;
@width_left: 263px;

@padding: 17px;

@color_black: #000;

/* Теги */
button, input[type='submit'], input[type='button'] { cursor:pointer;}
img { vertical-align:middle;}
a { text-decoration:underline; color:#005fe0;
  &:hover { text-decoration:none;} 
}
h1 { font-size:21px;padding:0 0 23px;}
h2  { font-size:21px;padding:0 0 23px;}
h3 { font-size:18px;padding:0 0 23px; font-weight:normal; color:black;}
p { font-size:15px; line-height:23px; padding:0 0 23px;}

/* Классы */
.hide { display:none;}
.relative { position:relative;}
.clear { clear:both; height:0px;}
.pro { width:100%; }

.fade { display:none; width:100%; height:100%; background:#000; opacity:0.5; position:fixed; top:0px; left:0px; z-index:5;}

.left { float:left;}
.right { float:right;}

.wrapper { width:@width_full; margin:auto;}

.divider {.clear; height:40px;}
.divider-small {.clear; height:10px;}
.separator { width:10px;}

.line { border-top:1px solid #BEBEBE;}

[class*='icon-'] { background-position:left center; background-repeat:no-repeat; padding:0 0 0 20px;}
.icon-word { background-image:url(images/icon-word.gif)}
.icon-arrow-left { background-image:url(images/icon-arrow-left.gif)}
.icon-arrow-bottom { background-image:url(images/icon-arrow-bottom.gif)}

.f17 { font-size:17px !important;}
.f21 { font-size:21px !important;}
.center { text-align:center;}
.align-right { text-align:right;}

.gray { padding:15px; background:#f0f0f0; font-size:13px;
  p { font-size:inherit;}
  img { margin:0 20px 0 0;}
}
.title-block { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; text-align: center; padding:20px 0;
	span {background:url(images/separator-left.png) left center no-repeat; padding:0 0 0 295px;}
	span + span { background:url(images/separator-right.png) right center no-repeat; padding:0 295px 0 0;}
}
.rec {
  div { width:33%; float:left; padding:15px 0 0;}
  .center { padding:20px 0 0;
    img { padding:15px 0 0;}
  }
  p {font-size: 13px;line-height: 18px;}
  span {font-size: 21px;line-height: 21px;padding: 0px 0px 5px;}
}
.modal-form { width:485px; background:#d2d2d2; border:3px solid white; padding:40px 85px; left:50%; position:fixed; top:20%; z-index:5; margin:0 0 0 -327px;
	p { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; padding:0 0 3px;}
	table {
		tr {
			td { height:42px; vertical-align:middle; font-size:15px;
				&:first-child { padding:0 25px 0 0; font-size:21px;
					span { color:#0639ff;}
				}
				p { color:#878787;}
			}
		}
	}
	[type='text'] {width:335px; padding:0 10px; height:25px; border:1px solid #ababab; border-bottom-color:#ddd; border-right-color:#ddd}
	textarea {width:335px; padding:10px;  border:1px solid #ababab; border-bottom-color:#ddd; border-right-color:#ddd}
	select {width:355px; padding:0 10px; height:25px; border:1px solid #ababab; border-bottom-color:#ddd; border-right-color:#ddd}
  .title { font-size:21px; line-height:33px;}
	.abs { position:absolute; top:10px; right:10px;}
}



      
/* Верстка */
#wrapper { width:@width_full; float:none; margin:0 auto;}

/*Верхняя навигация*/
#top-nav { height:32px; background:#e9e9e9; border-top:1px solid #fff; border-bottom:1px solid #d1d1d1; font-size:13px;
	.wrapper { width:1150px; text-align:center; margin:10px auto;}
	ul {
		li { display:inline; font-size:inherit; border-left:1px solid #d1d1d1; padding:0 30px;
			&:first-child { border:none;}
			a { color:#7f7f7f; font-size:inherit; text-decoration:none;
				&:hover,&.active { text-decoration:underline;}
			}
		}
	}
}

#left {width:@width_left; margin-right:@padding;
  .logo { text-align:center; padding:0;}
  .block { background:#032688; border-radius:6px; line-height:39px; text-align:left; padding:0 21px; margin:0 0 7px; font-size:13px;
    a { color:#fff; font-size:inherit;}
    a + a { margin:0 0 0 60px;}
  }
  .nav {
    ul { border-top:1px solid #ddd;
      li { line-height:43px; background:url(images/left-nav.gif); border-bottom:1px solid #c0c0c0; padding:; color:#032688; font-size:18px; padding:0 0 0 21px;
        &.active {
          a { color:#000; text-decoration:none;}
        }
        a { color:inherit; font-size:inherit; padding:0 15px; background:url(images/icon-arrow-left.gif) left center no-repeat; }
      }
    }
  }
  .banners {
    img { margin:25px 0 0;}
  }
}

#right { width:@width_full - @width_left - @padding}

/*Верхний колонтитул*/
#header { height:156px; margin:0 0 7px;
  .top { padding:37px 0 0;
    .block { width:260px; float:left;
      span { font-size:21px; line-height:21px; padding:0 0 5px;}
      p { font-size:13px; line-height:18px;}
      font { font-size:13px; color:#666; font-style:italic;}
      .btn {padding: 4px 30px;}
    }
  }
}

/*Навигация*/
#nav { width:101%; margin:0 0 7px;
  ul {
    li { display:inline-block; height:39px; line-height:39px; color:#fff; font-size:13px; text-transform:uppercase; text-align:center; background:url(images/top-ul-li.gif); border-radius:5px; margin:0 0 0 11px; padding:0 30px;
      &:first-child { margin:0;}
      a { color:inherit; font-size:inherit;}
    }
  }
}

.bredclumbs { font-size:11px; color:#707070; padding:20px 0;
  a { font-size:inherit;}
}

/*Контент*/
#content {
  .blocks { margin:0 0 10px;
    .item { width:256px; margin:0 0 0 30px; float:left; position:relative;

      &:first-child { margin:0px;}
      .img { margin:0 0 15px;
        img { border-radius:3px;}
      }
      .title { font-size:17px; line-height:21px; margin:0 0 10px;}
      .content { font-size:13px; line-height:18px;}
    }
  }
  .context {
    
  }
  .slid { margin:0 0 20px;}
}
/*Слайдер*/
.slider {min-height: 285px; background:url(images/slider.gif); border-radius:6px;
  &.none {min-height:0px; background:none; border-radius:0;
    .item { padding:0px;
      img {box-shadow:0 0 0 1px #c0c0c0;}
    }
    .bx-controls {
      .bx-controls-direction {
        a { top:45px;} 
      }
    }
  }
  .bxSlider {
    .item { padding:20px 0;}
  }
  .title { padding:10px 60px; font-size:17px; text-align:center;}
  .item { width:200px; text-align:center; display:inline-block; font-size:12px; line-height:16px; padding:0 0 50px;
    img { border:16px solid #fff; margin:1px 0 15px;}
  }
  .bx-wrapper { position:relative;}
  .bx-controls {
    .bx-controls-direction {
      a { display:block; width:25px; height:25px; position:absolute; top:60px;}
      .bx-prev { left:0; background:url(images/slider-prev.png);}
      .bx-next { right:0; background:url(images/slider-next.png);}
      .disabled { display:none;}
    }
  }
  .wrap-modal {
    .modal {width:790px; margin:0 0 0 -395px; padding:20px; position:fixed; left:50%; top:10%; z-index: 10; background:#fff;}
    .fade { display:block;}
    .close { display:block !important;}
    .bredclumbs { display:none;}
  }
}

#full-item {
  i { line-height:25px}
  div.img { width:188px; margin:0 28px 0 0; float:left;}
  div.img + div.content { width:550px; float:left; margin:0;
    h3 { padding:0;}
  }
  .close { display:none; position:absolute; top:20px; right:20px;}
}

/*Нижний колонтитул*/
#footer { background:#ebebeb; border-top:1px solid #dadada; padding:40px; margin:20px 0 0;
  .wrapper { width:@width_full - 40px;}
  ul { display:inline-block; width:260px;
    &:last-shild { width:auto;}
    li {font-size:15px; line-height:33px;
      a {font-size:inherit;}
    }
  }
  .right { width:810px;
    ul { width: 861px;
      li { width: 287px; float:left;}
    }
  }
  .copy { font-size:13px;}
}