
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Rouble';
    src: url('../fonts/rouble-webfont.eot');
    src: url('../fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rouble-webfont.woff') format('woff'),
         url('../fonts/rouble-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadProRegular.eot');
    src: url('../fonts/MyriadProRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadProRegular.woff') format('woff'),
         url('../fonts/MyriadProRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


* {
  margin: 0;
  padding: 0;
}
.inp
{
width: 156px;
  margin-top: 5px;
  height: 25px;
  line-height: 25px;
  font-family:arial;
  padding-left:5px;
}
a
{
color:#004572;
}
a:hover
{
 color:red;
}
body {
        background-color:#fff;
        font-family: 'OpenSansRegular', sans-serif;
        width: 100%;
}

.menu {
        display: block;
        background-color: #000;
        height: 50px;
        width: 100%;
        position: fixed;
        z-index:9999;
}

.ch1
{
    font-family: 'OpenSansRegular', sans-serif;
    color:#000;
    display:block;
    font-size:25px;
}

.items {
        text-align: left;
        display: block;
        width: 980px;
        margin: 0 auto;
        margin-top: 14px;
}
.komplekt_p
{
 line-height: 1.2;
  font-size: 14px;
  color: #000;
  font-family: arial;
  margin-bottom:20px;
}
.mbr-block1 {
  float: left;
  width: 151px;
    border:1px #000 solid;
  border-radius: 10px;
  padding-left: 12px;
  font-size: 14px;
  margin-bottom:20px;

}
.price1 {
        float:right;
        color: #0c5a81;
        font-size: 32px;
        font-weight:bold;
        text-align: center;
        margin-bottom: 3px;
        margin-right:20px;
}

.mbrb-h {
  font-family: 'OpenSansRegular', sans-serif;
    color:#000;
    display:block;
    font-size:16px;
    text-transform:uppercase;
  width: 100%;
  font-weight:bold;
  margin-top: 20px;
  margin-bottom: 15px;
}
.mbrb-input {
  width: 100%;
  float: left;
  margin-bottom: 14px;
}
.mbrb12 {
  float: right;
  width: 230px;
}
.mbr-block2 {
  float: right;
  width: 218px;
  height: 160px;
  border:1px #000 solid;
  border-radius: 10px;
  padding-left: 12px;
  font-size: 14px;
  margin-bottom:20px;
}
.mbr-block2 p
{
 line-height: 1.2;
  font-size: 14px;
  color: #000;
  font-family: arial;
  margin-bottom:20px;
}
.menu_1 ul li a:hover {
        background-color: #FFF;
        color: #000;
}

.menu_1 a.active {
        background-color: #FFF;
        color: #000;
}

.header {
        display: block;
        height: 175px;
        padding-top: 65px;
        position: relative;
        width: 980px;
        margin: 0 auto;
/*        margin-bottom: -20px;*/
}

.menu_1 {
        position: relative;
        float:left;
        height: 50px;
        width: 212px;
}
.menu_1 a {
        color: #EBF66B;
        padding: 14px 10px 15px 10px;
}

.menu_1 ul li a {
        color: #EBF66B;
}

.menu_2 {
        position: relative;
        float: left;
        height: 33px;
        width: 151px;
}
.button2 {
        background-image: url(../images/button.png);
        background-position: 0 0;
        padding: 6px 6px 6px 7px;
        color:#fff;
        width:129px;
        text-align:center;
        display:block;
        text-decoration:none;
}
.button2:hover {
        background-image: url(../images/button.png);
        background-position: 0 -34px;
        color:#EBF66B;

}
.menu_2 a {
        background-image: url(../images/button.png);
        background-position: 0 0;
        padding: 6px 6px 6px 7px;
}
.menu_2 a:hover {
        background-image: url(../images/button.png);
        background-position: 0 -34px;
}
.menu_2 a:active {
        background-image: url(../images/button.png);
        background-position: 0 -68px;
}
.menu_3 {
        position: relative;
        float:right;
        height: 50px;
}
.menu_3 li {
        border-right: 1px solid #fff;
        padding: 0 24px 0 19px;
}

.menu_3 li:nth-child(5) {
        border-right: none;
        padding-right: 0;
}
.menu_3 a {
        margin-top: 10px;
}
.menu_3 a:hover {
        color: #EBF66B;
        text-decoration: underline;
}
.menu_3 a.active {
        color: #EBF66B;
        text-decoration: underline;
}

.menu a {
        color: #FFF;
        text-decoration: none;
}

.menu ul li{
        list-style-type: none;
        display: inline;
}

.logo {
        float:left;
        margin-right: 28px;
}

.contacts {
        margin-top:20px;
        float: left;
}

.px_1 {
        font-size: 20px;
}

.px_2 {
        font-size: 16px;
}
.adress_1 {
        float:left;
        margin-right: 48px;
        line-height: 20px;
        margin-top: 7px;
}
.adress_2 {
        float:left;
        line-height: 20px;
        margin-top: 7px;
}

.phones {
        display: block;
        position: absolute;
        bottom:65px;

}

.phones p{
        background-color: #B2E5FE;
        padding: 2px 6px 2px 6px;
        margin-left: -2px;
}

.material {
        margin-top: 27px;
        position: relative;
        float: right;
}

.material p {
        color: #004572;
        line-height: 15px;
}
.material ul li {
        list-style-type: none;
        display: inline;
        padding-right: 12px;
}
.material ul{
        margin-top: -5px;
}
.material ul li:nth-child(4) {
        padding-right: 0px;
}

.material a {
        color: #004572;
}
.material a:hover {
        color: red;
        text-decoration: none;
}
.cent {
        text-align:center;
}

.material img {
        margin-top: 17px;
        margin-bottom: 7px;
}

.cat {
        background-color: #F4F4F4;
        width: 100%;
        position: relative;
        height: 428px;
}
.grey_p {
        background-color: #F4F4F4;
        width: 100%;
        position: relative;
        height: 25px;
}

.cat h2 {
        font-size: 38px;
        color: #004572;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 20px;
}

.left_arr {
        margin-top: 60px;
        float: left;
        width: 40px;
        margin-left: 3px;
}
.right_arr {
        margin-top: 60px;
        float: left;
        width: 40px;
}
.left_str {
        position:absolute;
        margin-top: -210px;

        width: 40px;
        margin-left: -15px;
}
.right_str {
        margin-top: -210px;
        margin-left:255px;
        width: 40px;
        position:absolute;
}

.slider {
        display: block;
        position:relative;
        text-align:center;
        margin: 0 auto;
        width: 980px;
}
.slider_wrap {
        display: block;
        position: relative;
        width: 865px;
        margin: 0 auto;
}

.navigate
{
 border-bottom:1px #004572 solid;
 padding-bottom:20px;
 margin-bottom:20px;
}
.navigate a
{
 font-size:14px;

}
.orderby
{
 font-size:14px;
 color:red;
 display:block;
 float:right;
 margin-right:25px;
 margin-bottom:20px;
 }
.pam {
        margin: 0 17px 0 17px;
        float: left;
        height: 304px;
        width: 145px;
        background-color: #FFF;
}
.cataloglist .pam {
        margin: 0 17px 0 17px;
        float: left;
        height: 304px;
        width: 145px;
        margin-bottom:30px;
        background-color: #FFF;
}

.slider .price {
        color: #0285C4;
        font-size: 25px;
        text-align: center;
        margin-bottom: 3px;
}

.slider .descr {
        text-align: center;
        font-size: 12px;
        color: #4E4E4E;
}

.cataloglist {
        display: block;
        position:relative;
        text-align:center;
        margin: 0 auto;
}
.cataloglist .price {
        color: #0285C4;
        font-size: 25px;
        text-align: center;
        margin-bottom: 3px;
}

.cataloglist .descr {
        text-align: center;
        font-size: 12px;
        color: #4E4E4E;
}
.descr span {
        color: #000;
}
.descr p {
        margin-bottom: 2px;
}

.descr p:nth-child(1) {
        margin-bottom: 4px;
        padding-top: 2px;
}

.vistavki {
        width: 100%;
        min-height: 749px;
        overflow: hidden;
        margin-bottom: -50px;
}

.container {
        padding-top: 31px;
        width: 980px;
        margin: 0 auto;
}

.left_sb {
        float:left;
        width: 209px;
          font-family: arial, sans-serif;
}

.left_sb ul li {
        list-style-type: none;
        font-size: 14px;
        padding-left:5px;
        padding-right:5px;

}
.left_sb ul li.active {
        list-style-type: none;
        font-size: 14px;
        background-color:#EBF66B;
        padding-left:5px;
        padding-right:5px;
}
.left_sb ul li.active a
{
 text-decoration:none;
 border:0px;
}
.left_sb ul li a {
        text-decoration: none;
        border-bottom:1px #004572 solid;
        color: #004572;
        line-height: 35px;
}
.left_sb ul li a:hover {
        text-decoration: none;
        color: red;
        border-bottom:1px red solid;
}

.content {
        width: 489px;
        float: left;
        margin-left: 46px;
        margin-right: 40px;
        margin-top: -10px;
        padding-bottom: 50px;
}

.content h2 {
        font-size: 38px;
        color: #004572;
        margin-bottom: 20px;
}
.content_second {
        width: 725px;
        float: left;
        margin-left: 46px;
        margin-right: 0px;
        margin-top: -10px;
        padding-bottom: 50px;
}

.content_second h2 {
        font-size: 38px;
        color: #004572;
        margin-bottom: 20px;
}
.slide {
        height: 290px;
        width: 489px;
        background-color: #E0E9F8;
}

.slide_text {
        position:absolute;
        padding-top: 5px;
        padding-left: 20px;
}
.cycles {
        position:relative;
        height: 54px;
        width: 160px;
        float: right;
        background-color: #fff;
}

.cycle_wrap {
        margin-left: 34px;
}
.cycle a {
        position:relative;
        float: left;
        margin-top: 20px;
        margin-right: 10px;
        width: 16px;
        height: 16px;
        background-image: url(../images/cycle.png);
        background-position: 0 0;

}
.cycle a:hover {
        background-image: url(../images/cycle.png);
        background-position: -16px 0 ;
}
.cycle a.active {
        background-image: url(../images/cycle.png);
        background-position: -16px 0 ;
}

.right_sb {
        float:right;
        width: 195px;
}

.dostavka {
        margin-top: 39px;
}

.dostavka span {
        font-size: 26px;
}
.dostavka p {
        line-height: 25px;
}
.stoimost {
        /*background-image: url(../images/bg_dostavka.png);*/
        background-color:#004572;
        border-radius:10px;
        background-repeat: no-repeat;
        float:left;
        height: 247px;
        width: 100%;
        text-align: center;
        color: #FFF;
        z-index: 9999;
        padding-top: 30px;
}

.reg {
        padding-top: 15px;
        font-size: 14px;
}

.dostavka select {
        width: 176px;
        height: 27px;
        font-size: 18px;
        font-weight: bold;
        text-indent:2px;
}

.rouble {
        font-family: "Rouble";
}

.rouble_cat {
        font-family: "Rouble";
        font-size: 20px;
}
.dost {
        padding: 10px;
        color: #8DD5F7;
        font-size: 36px;
}

.right_sb a {
        color: #004572;
        font-size: 14px;
}
.right_sb a:hover {
        text-decoration: none;
        color: red;
        font-size: 14px;
}

.chto {
        color: #004572 !important;
        font-size: 16px !important;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 20px !important;
        padding-top:20px;
        font-weight: bold;
}

.right_sb p{
        font-size: 12px;
        color: #4E4E4E;
}

.hr {
        padding-top: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #CBCBCB;
}

.dr {
        font-size: 16px;
}

.privilege {
        height: 506px;
        width: 100%;
        background-color: #EFEFEF;
}

.privilege_wrap {
        width: 980px;
        margin: 0 auto;
}

.privilege_left {
        padding-left: 20px;
        float: left;
        width: 500px;
        text-align: center;
}

.privilege_left h2 {
        padding-top: 35px;
        padding-bottom: 30px;
        font-size: 38px;
        color: #004572;
}
.item_1 h3 {
        color: #004572;
        font-size: 16px;
        text-transform: uppercase;
        padding-bottom: 10px;
}

.item_1 {
        margin-bottom: 25px;
}

.item_1 p{
        font-size: 14px;
        color: #4E4E4E;
}

.item_1 img{
        display: block;
        margin-right: 20px;
}

.item_descr {
        display: inline-block;
        float:left;
}

.item_img {
        float:left;
        margin-top: 25px;
        height: 70px;
}
.item_img_1 {
        float:left;
        margin-top: 10px;
        height: 70px;
        margin-right: -5px;
}

.privilege_left_item {
        text-align: left;

}
.privilege_right {
        float: right;
}

.privilege_right img {
        padding-right: 15px;
}

.footer {
        width: 100%;
        height: 68px;
        background-color: #000;
}

.footer_container {
        padding-top: 18px;
        width: 980px;
        margin: 0 auto;
}

.footer_right {
        float: right;
        text-align: right;
}
.footer_right a:hover {
        color: red;
        text-decoration: none;
}

.footer_right a {
        color: #C0C0C0;
}

.footer_left {
        float:left;
        width: 600px;
}
.footer_left img {
        float:left;
        padding-right: 16px;
}

.footer p {
        color: #C0C0C0;
        font-size: 12px;
        line-height: 18px;
}

.content_text h2 {
        padding-top: 20px;
        font-size: 38px;
        color: #004572;

}
.content_text p {
        font-size: 14px;
        margin-top:-10px;
        padding-bottom: 24px;
        color: #4E4E4E;
}
.content_text a:hover {
        color: red;
        text-decoration: none;
}
.content_text a {
        color: #004572;
}
.content_text
{
 padding-bottom:50px;
}
.myriad {
        font-family: "MyriadProRegular";
}
.h-button {
        background-image: url(../images/button.png);
        background-position: 0 0;
        padding: 6px 6px 6px 7px;
}
.h-button:hover {
        background-image: url(../images/button.png);
        background-position: 0 -34px;
}
.h-button:active {
        background-image: url(../images/button.png);
        background-position: 0 -68px;
}