html { position: relative;height: 100%;   }


body {/*font-family: Georgia, Verdana, sans-serif, serif;*/ background-color: rgb(229,227,215);
    min-height: 100%; }
.content{}

.fonback{background: url('../img/head_bg2.png') top center repeat-x;}
.main {background: url('../img/head22.png') top center no-repeat; height: 288px;
    width:1127px;/*max-width:1140px; flex:1140px;*/font-family: Georgia, Verdana, sans-serif, serif;}

.contental{ background: url('../img/bg.jpg')   no-repeat ; background-position-x: center ;
    background-position-y:  -160px; min-height: 70vh; }
.logoup{text-align: center;}
.logoup img{width:205px; margin: 20px 0 0 ;}
.zagup{color: white; font-size: 1.2em; margin: 10px 0;}
.zaga {float: right; margin-top: 12px;font-size: 1.15em; }
.zagup img{vertical-align: -3px;}
.zagup span{padding-top: 0px;display: inline-block; }
.clear {clear: both;}

.navbar-default{background-color: transparent;}
.nav-justified > li, .nav-justified > li a:hover{background: url('../img/menu_brick.png') top center repeat-x;}
.nav-justified > li a{color: rgb(223, 179, 100); white-space: nowrap;}
.nav-justified .begin{background: url('../img/ugol.png') top right no-repeat; padding:0;}
.nav-justified .end{background: url('../img/ugol-right.png') top left no-repeat; padding:0;}

.namevertmenu { background: url('../img/ugol2.png') 1px no-repeat,
url('../img/ugol-right2.png') 168px  no-repeat,
url('../img/menu_brick.png') 68px no-repeat ;
     height: 42px;text-align: center; padding:8px 0 0; z-index: 10;display: block;position: relative;  }

.namevertmenu span { font-size: 1.2em;  color: #DFB364; }
.ulvertmenu{z-index: 9; display: block;  position: relative; font-size: 1.2em; width:99%;}
.ul.list-unstyled{margin:-8px 13px 0 8px; background: url('../img/menu_brick2.png') top center repeat;}
.ul.list-unstyled li{ padding: 13px 0 0 10% ;  }
.ul.list-unstyled li:last-child{padding-bottom:35px;}
.ul.list-unstyled li a{color: #DFB364;}
.namevertmenudown { background: url('../img/ugol2.png') 1px no-repeat,
url('../img/ugol-right2.png') 168px  no-repeat,
url('../img/menu_brick.png') 68px no-repeat ;
    height: 42px;text-align: center; margin :-3px 0 0;padding:10px 0 0; z-index: 10;display: block;position: relative;}
.namevertmenudown span{ font-size: 1.4em;  color: #DFB364; }

.middleblock {padding-left: 2px; padding-right: 2px; }
.middleblock.down{margin-top:15px;}
.middleblock.down img{max-width:100%; height:auto !important;}

.catalogmain {padding: 2px; color: #6e3414;}
.catalog {padding: 0 3px; border: solid 2px #dfb364; margin: 4px 4px;
    -webkit-border-radius: 5px 5px ;
    border-radius: 5px  5px;}
.catalog .head { text-align: center; padding: 2px 0 4px;}
.catalog img{padding-bottom: 4px; max-height: 100%; max-width: 100%;}
.catalogpictur img{padding-bottom: 4px; max-height: 100%; max-width: 100%;}
.catalogpictur{ text-align: center;}
.picta{width:100%; text-align: center;display: table-cell;height: 200px; width: 98%; padding-left: 0px;padding-right: 0px;}

.picturblock{height: 318px; }
.picturblock a{position: absolute;}
.picturblock img{max-width:100%;border: solid 4px #dfb364; max-height: 318px;}
.textblock {color: #6e3414;  }
.textblock .head{margin:0 0 10px; text-align: left;padding:0 0 10px  20px; font-size: 1.4em; font-weight: 500;  border-bottom: solid 2px #6e3414;}
.textblock .cena {margin:10px 0 10px;text-align: left; padding-left: 20px; font-size: 1.3em; font-weight: 300;   }
.textblock .cena{height: 65px;}
.textblock .cena span{font-size: 1.5em; white-space: nowrap;}
.textblock span.cenakvm{font-size: 0.9em;}
.textblock .material{padding: 30px 0 0 20px; line-height: 1.9em; }

.preview{margin-top: 10px; border-top: solid 2px #6e3414; }
.punktpreview{float: left; margin: 5px 5px;}
.punktpreview img{width:80px; cursor: pointer; border: solid 2px #dfb364; }

.pictsvg{margin: 10px  0 ; padding: 0 10% 0 20%; bottom: -50px;}
.pictsvg img{ width: 20%; cursor: pointer;}
.leftarrow{float: left;}
.rightarrow{float: right;}

.newmain, .newpunkt, .newpunkt div{padding-left: 0px;padding-right: 0px; display: block;}
.newpunkt{margin:5px 0 10px;}
.newpunkt img {border: solid 2px #dfb364;}
.newpunkt .head{text-align: center;color: #6e3414; font-size: 0.9em;}
.newpunkt .picta{height: 170px;}

/*.namevertmenu .newmain .newpunkt div a.catalogpictur {display:block;  width:100%;}
.namevertmenu .newmain a.catalogpictur img {display:block; width:100%;}*/
.leftadvert .newpunkt{}
.rkl {display:block;  width:100%;}
.rkl .catalogpictur{display:block; width:100%;}
.rkl .catalogpictur img{ width:80%; padding-bottom: 0;}
.footer{min-height: 40px;  bottom: 0; margin-bottom: -70px;  width: 100%;
    background: url('../img/bottom.png')  center -30px no-repeat; padding:0;}

/*----*/
.w22ul.list-unstyled{background: url('../img/fonmenu2.png') top center repeat-y; }

.foncontent{/*background: rgb(229,227,215);*/}
.maincontent22{background: url('../img/bg.jpg')   no-repeat; height: 288px;
    width:1140px;max-width:1140px; flex:1140px; background-position-x: center ;
    background-position-y:  -160px;}
.fon222{background: url('../img/head_bg2.png') top center repeat-x; height: 288px;/*background-size: contain;*/
    margin: 0;}

@media only screen and (max-width: 1200px) {
    .namevertmenu { background: url('../img/ugol2.png') 1px no-repeat,
    url('../img/ugol-right2.png') 118px  no-repeat,
    url('../img/menu_brick.png') 20px no-repeat ;
        height: 42px;text-align: center; padding:8px 0 0; z-index: 10;display: block;position: relative;  }
    .namevertmenudown { background: url('../img/ugol2.png') 1px no-repeat,
    url('../img/ugol-right2.png') 118px  no-repeat,
    url('../img/menu_brick.png') 20px no-repeat ;
        height: 42px;text-align: center; margin :-3px 0 0;padding:10px 0 0; z-index: 10;display: block;position: relative;}
   /* .ul.list-unstyled{margin:-9px 33px 0 10px; }*/

    .ulvertmenu{width: 191px;}
    .contental{width: 90vw;}
    .newpunkt{ margin-left: -6px;}
    .nav > li > a{ padding: 10px 2px;}
    .middleblock img{max-width: 488px !important; height: auto !important;}
    .middleblock .catalogpictur img{max-width: 100% !important;}
    .middleblock .picturblock img{max-width: 100% !important;}
    .ulvertmenu{font-size: 1em;}
    .newpunkt{padding: 0px;}
    .newpunkt>div{padding: 2px;}
    .textblock .material{padding: 40px 0 0 20px;}
}
@media only screen and (max-width: 1065px) {
    .namevertmenu { background: url('../img/ugol2.png') 1px no-repeat,
    url('../img/ugol-right2.png') 100px  no-repeat,
    url('../img/menu_brick.png') 10px no-repeat ;
        height: 42px;text-align: center; padding:8px 0 0; z-index: 10;display: block;position: relative;  }
    .namevertmenudown { background: url('../img/ugol2.png') 1px no-repeat,
    url('../img/ugol-right2.png') 100px  no-repeat,
    url('../img/menu_brick.png') 10px no-repeat ;
        height: 42px;text-align: center; margin :-3px 0 0;padding:10px 0 0; z-index: 10;display: block;position: relative;}
    .ulvertmenu{width: 170px;}
    .head{font-size: 1.2em;}
    .textblock{line-height:1;}
    .textblock .cena {font-size: 1.1em}
    .textblock .cena span{font-size: 1.5em;}
    .textblock .cena .cenakvm{font-size: 0.9em;}


}


@media only screen and (max-width: 990px) {

    .zaga{float: none;}
    .nav-justified > li{width: 100px;}
    .ul.list-unstyled{margin:-9px 13px 0 10px; }
    .container{width: 100%;}
    .namevertmenu { background: url('../img/ugolside2.png') 1px no-repeat;background-size: 100% 100%;}
    .namevertmenudown { background: url('../img/ugolside2.png') 1px no-repeat;background-size: 100% 100%;}
    .middleblock img{max-width: 400px !important; height: auto !important;}
    .ulvertmenu{width: 100%;}
    .newpunkt{padding: 0px;}
    .newpunkt>div{padding: 2px;}
    .logoup img {width: 150px;margin-right: 20px; margin-left: 165px;}
}
@media only screen and (max-width: 820px) {
    .styright{display: none;}
    .styleft{width:35%;}
    .middleblock{width:60%;}

}
@media only screen and (max-width: 767px) {
    .namevertmenu { background:
    url('../img/mobileup2.png')  no-repeat     ;
        height: 42px;text-align: center; padding:8px 0 0; z-index: 10;display: block;position: relative;  }
    .namevertmenudown { display: none}

    .navbar-header{background: url('../img/mobileup.png') top center no-repeat; height: 41px;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #a94a20;
    }
    .ulvertmenu{max-width: 630px;}
    .leftadvert, .begin, .end{display: none;}
    .nav-justified > li{width: 100%; font-size: 1.1em; background-color: #6e3414;
        /*background:
            url('../img/mobileup.png') no-repeat     ; background-size: contain;*/}
    .nav-justified > li > a{margin-bottom: 0;padding: 7px 15px;}
    .styleft{width:100%;}
    .ul.list-unstyled li {font-size: 1.2em; text-align: center;padding: 13px 0 0 ;}
    .middleblock{width: 100%; text-align: center; margin-top: 15px;}
    .middleblock img {display: block;    margin: 0 auto; }
    .logoup{width: 200px;}
    .logoup img{display: block;    margin: 10% 70%;}
    .navbar-toggle{margin-right: 50px; margin-top: 3px;padding: 7px 10px;}
    .logoup img {width: 140px; margin-right: 70px; margin-left: 0px;}
}