/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  
  
    background-image:url('img/') ;
/* Центрирование изображения по вертикали и горизонтали всегда */
    background-position: left 0px;
    
    background:;
 
    /* Запрещаем повтор изображения */
    background-repeat: no-repeat;
 
    /* Фиксируем изображение - оно остается на месте при прокрутке окна */
    background-attachment: fixed;
 
    /* Изображение будет масштабироваться в зависимости от размеров контейнера */	

    background-size:contain;

    font-family: Verdana;


}



.bg {
  background: url('../img/bg.jpg') repeat;
  
  position: fixed;
  width: 100%;
  height: 3000%;
  top:0;
  left:0;
  z-index: -1;
}
















a,a:active,a:visited,a:hover{
    
    outline: none;
    border: none;
}

p{
    
    text-indent: 0px;
}

.container{
    
     background-image:url('../img/004_1 .png') ;
/* Центрирование изображения по вертикали и горизонтали всегда */
    background-position: 10px 415px;
 
    /* Запрещаем повтор изображения */
    background-repeat: repeat-y;
        
 
    /* Фиксируем изображение - оно остается на месте при прокрутке окна */
    background-attachment: scroll;
 
    /* Изображение будет масштабироваться в зависимости от размеров контейнера */

    background-size:auto;
    border: 0px solid red;
   
     
    
    
}





img{
    height:auto;
    max-width: 100%;
}
 
 
h2 {text-align: center;}




/* Убираем отступы в row */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}








.navbar{
    
    
    background:#342723; border-bottom: 2px solid white;
}

.navbar .container{
    
    
    background:#342723; border: 0px solid #FF8000; position: relative; 
}



.navbar .container .navbar-brand{ 
   
    
   
   display: block;
padding: 0;
    
    width: 63px;
    height: 36px;
    border: 0px solid maroon;
margin: 7px 0 0 5px;

}


#navbar-adapt > li > a{
display: block;
color: white;
border-left: 1px solid #fff; 
border-right: 1px solid #1D1D1D; 
margin-top: 12px; 
padding: 4px 10px;
font-size: 12px;


}

/*Первый элемент списка*/
#navbar-adapt > li:nth-child(1) > a{

border-left: 0px solid #804040; 
padding-left:8px;

}


#navbar-adapt > li:last-child > a{
    
 border-right: 0px solid  lime;    
    
}



#navbar-adapt > li > a:hover{
    color:#E2E2E2;
}





#bootton-adapt{
    
    background:#342723;
}

.navbar-inverse .navbar-toggle {
    border-color:  white;
}


#heder {
    

 margin: 51px 0 0px; height: 194px; 

 border:0px solid #FF8000; 
     background:url('../img/heder.png') center center no-repeat ;
background-attachment:scroll;

/* Центрирование изображения по вертикали и горизонтали всегда */
background-size: cover; 

position: relative;
z-index: 5;

    
}




#heder a.name_company{
    

  text-align: center;
  font-size: 25px;
  display: block;
  margin: 10px auto;
  font-weight: bold;
  color: white;
    
}


#heder a{
    
  text-align: center;
  font-size: 22px;
  display: block;
  margin: 60px auto;
  font-weight: bold;
  color:#593B11;
    
}

#heder a:hover{
    
    text-decoration: none;
  color: #544743;
    
}








/*Блок под слайдер*/

.block_slider{
    
    
    margin-bottom: 5px;
    padding: 0;
}

#slider1_container {
    
    display: none; position: relative; margin: 0 auto; width: 1140px; height: 442px; overflow: hidden;
    
}


[u="loading"]{
    
    
    position: absolute; top: 0px; left: 0px;
}


[u="loading"] > div{
    
    filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
        
                        background-color: #000; top: 0px; left: 0px;width: 100%; height:100%;
}

[u="loading"] > div+div{
    
   position: absolute; display: block; background: url(../slider/img/loading.gif) no-repeat center center;
        
                        top: 0px; left: 0px;width: 100%;height:100%; 
}



[u="slides"] {position: absolute; left: 0px; top: 0px; width: 1140px; height: 442px;
                    overflow: hidden;}

[u="slides"] > div{
   display: block; 
   border: 1px solid white;
   border-radius:0px; 
}



[u="slides"] > div> a > img[u="image"] + span{
    
    position: absolute; color:#342723; padding: 20px 50px; background:#EBEAE9; top:50px; left:0px; font-size:25px;
border-radius:0 ; border: 1px solid #342723; border-left: none; box-shadow: 0 0 10px rgba(0,0,0,0.5); 



}







[u="slides"] > div > .block_production_0{
   display: block; 
   position: absolute;
   bottom:50px; left:173px;
   
   width: 154px;
   height:154px;
   background: #FF8040;
   
   border:2px solid white;
   border-radius:0px;
}

[u="slides"] > div > .block_production_0>img{
    
   
   border:2px solid #7A5B3C;    
   border-radius:0px; 
}

[u="slides"] > div > .block_production_1{
   display: block; 
   position: absolute;
   bottom:50px; left:496px;
   
   width: 150px;
   height: 150px;
   background: #FF8040;
}



[u="slides"] > div > .block_production_2{
   display: block; 
   position: absolute;
   bottom:50px; left:819px;
   
   width: 150px;
   height: 150px;
   background: #FF8040;
}








[u="navigator"]{bottom: 16px; right: 6px;}

[u="arrowleft"]{top: 123px; left: 8px;}
[ u="arrowright"]{top: 123px; right: 8px;}


                        /* jssor slider bullet navigator skin 05 css */
                        /*
                        .jssorb05 div           (normal)
                        .jssorb05 div:hover     (normal mouseover)
                        .jssorb05 .av           (active)
                        .jssorb05 .av:hover     (active mouseover)
                        .jssorb05 .dn           (mousedown)
                        */
                        .jssorb05 {
                            position: absolute;
                        }
                        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                            position: absolute;
                            /* size of bullet elment */
                            width: 16px;
                            height: 16px;
                            background: url(../slider/img/b05.png) no-repeat;
                            overflow: hidden;
                            cursor: pointer;
                        }
                        .jssorb05 div { background-position: -7px -7px; }
                        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
                        .jssorb05 .av { background-position: -67px -7px; }
                        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }























                        /* jssor slider arrow navigator skin 11 css */
                        /*
                        .jssora11l                  (normal)
                        .jssora11r                  (normal)
                        .jssora11l:hover            (normal mouseover)
                        .jssora11r:hover            (normal mouseover)
                        .jssora11l.jssora11ldn      (mousedown)
                        .jssora11r.jssora11rdn      (mousedown)
                        */
                        .jssora11l, .jssora11r {
                            display: block;
                            position: absolute;
                            /* size of arrow element */
                            width: 37px;
                            height: 37px;
                            cursor: pointer;
                            background: url(../slider/img/a11.png) no-repeat;
                            overflow: hidden;
                        }
                        .jssora11l { background-position: -11px -41px; }
                        .jssora11r { background-position: -71px -41px; }
                        .jssora11l:hover { background-position: -131px -41px; }
                        .jssora11r:hover { background-position: -191px -41px; }
                        .jssora11l.jssora11ldn { background-position: -251px -41px; }
                        .jssora11r.jssora11rdn { background-position: -311px -41px; }



[u="slides"] > div> img[u="image"]{
    
    
    border:1px solid white; border-radius:5px;
}




















/*-----*/





.nav_left {border:0px solid #FF8000;
padding: 0;
padding-right: 7px;
}





















/*Хлебные крошки*/




.block_krohki{
    
    margin-bottom: 0px;position: relative;padding: 0; margin-top: 0px;
    background-image:url('../img/grunt.jpg') ;
}








.krohki{
width: 100%; 
padding: 10px 10px 10px 10px;
background-color: rgba(212, 213, 222, 0.6); 
position: relative;
margin-top:0px;
float: left; 
/* border: 1px solid #01033B; */
/*border-radius:0px 5px 5px 0px;*/
margin-left: 0px;
margin-right: 15px;

    line-height: 25px;
    
    background-image:url('../img/grunt.jpg') ;
/* Центрирование изображения по вертикали и горизонтали всегда */
    
 
    
 
    /* Запрещаем повтор изображения */
      
    
    font-size:15px;
    font-weight: bold;
    color: white; 
   border-radius: 5px 5px 0px 0;
   
   border: 1px solid white;
   
   border-bottom: 1px solid white;
   
    
    
}

.krohki img{
    
    margin-top: -10px;
    
}


.krohki a{
    
  color:#A29C9A;
  text-decoration: underline;

    
}


/*Навигация левосторонняя*/



aside nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    
    
}


aside nav ul li {
    
    
    width: 100%;
    margin-bottom: 5px;
}


aside nav ul li a {
    display: block;
    padding: 15px 15px 15px 50px;
    border: 1px solid white; 
    background-image:url('../img/pikt_.png');
    background-repeat: no-repeat;
    background-position: 10px 10px;border-radius:5px;
 
}





aside nav ul a {
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;

 color: white;
 display:block;
 background:#342723;

 font-size: 16px;

 }
 
aside nav ul li a:hover {
 -webkit-transform: translate(4px,0);
 -moz-transform: translate(4px,0);
 -o-transform: translate(4px,0);
 background: #615754;
 border: 1px solid white; 
 text-decoration: none;

 color: white;
     background-image:url('../img/pikt.png');
    background-repeat: no-repeat;
    background-position: 10px 10px; 
  
 }
 
 aside nav ul li a:visited,aside nav ul li a:active,aside nav ul li a:link{
    
 color: white;
 display:block;
 outline: none;
 text-decoration: none;

    
    
    
 }
 

 
aside nav ul li a.active{
    
    background: #615754;
    
    display: block;
    padding: 15px 15px 15px 50px;
    border: 1px solid white; 
    background-image:url('../img/pikt_.png');
    background-repeat: no-repeat;
    background-position: 10px 10px;border-radius:5px;    
    
    
    } 
 
 
aside nav ul a:hover:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 20px 20px 0;
    border-style:solid;
    border-color:#342723 #fff #342723 #342723;
    background:;
    display:block; width:0;
     
}


.advertising{
    
    
    width: 100%;
    padding: 5px 5px;
    border: 1px solid white;
    text-align: center;
    font-size: 20px;
    color: white;
    margin: 10px 0;
    
    overflow: hidden;

}

.advertising div.adv{
    
width: 99%; 
height:auto; 
margin: 0 auto; 

margin-bottom: 5px; 
text-align: center; 
padding-top: 0px; 
background:#5E5451;
border: 1px solid #342723;    
 
 
background-image:url('../img/shlif_bosch.jpg');
background-repeat: no-repeat;
background-size: cover; /* Масштабируем фон */


padding-top:5px;   
    
}



/*Блок рекламы ремонт т продажа бензо*/



.advertising div.adv > #s6_{
    
    width: 150px;
    height: 150px;
    border: 0px solid  #342623;
   
    border-radius:0px;    
    
    
    
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 10px;
}




.advertising div.adv a{
    
    display: block;
    background-color: rgba(255, 255, 255, 0.8);  
    color:#CA0000;
    font-size:16px;
    font-weight: bold;
    padding: 3px;
    border-top: 1px solid #342723;
    border-bottom: 1px solid #342723;
}


.advertising div.adv .banner_i{
    
    border: none;
    border: 1px solid white
    
    
}




.advertising div.adv a:hover{
    
 
    color:#BC4343;
    text-decoration: none;

}


.advertising div.adv1{
width: 99%; 
height: auto; 
margin: 0 auto; 

margin-bottom: 5px; 
text-align: center; 
padding-top: 0px;     
    
background:#CA0000;
border: 1px solid white; 
 
    
    
}



.advertising div.pogoda{
    
width: 99%; 
height: auto; 
margin: 0 auto; 

margin-bottom: 5px; 
text-align: center; 
padding-top: 0px; 
background:#ECECF0;
border: 1px solid white;    
    
    
}

.advertising .name_pogoda{
    
    
    height: 30px;
    background: #5E5451;
   
}

.advertising .name_pogoda a{
    
     color: white;
     font-weight: bold;
    
}

.advertising .name_inform{
    
    height: 30px;
    background:#5E5451;
    color:#A0A1B1;
    
}

.advertising .name_inform a{
    
     color: white;
     font-weight: bold;
}

/*Навигация категорий продукции*/














 

/*Меню категорий*/




.content{background-color: rgba(216, 204, 194, 0.8); 
border-radius:5px;

padding: 3px;
  border:2px solid white; 
}


#content{
    
    /*background-color: rgba(255, 255, 255, 0.5);*/ 
    background-image:url('../img/5_ .png') ;
/* Центрирование изображения по вертикали и горизонтали всегда */
    background-position: right 0px;
    
    
 
    /* Запрещаем повтор изображения */
    background-repeat: no-repeat;
 
    /* Фиксируем изображение - оно остается на месте при прокрутке окна */
    background-attachment: scroll;
 
    /* Изображение будет масштабироваться в зависимости от размеров контейнера */	

background-size:auto;  
border-radius:5px;
   border:1px solid #5C514E; 
   padding:5px; 
} 


article{
    
    padding:0px;
   


}


h1{
    
    font-size: 24px;
    border:1px solid #01033B;
    background:#C2B2A9;
    margin-bottom:-1px;
   
    display:block; 
    float:left;
    padding:10px; 
    color:#231B18;
  
    border-radius:5px 5px 0 0; 
}






article > div.text{
    
    
  border:1px solid #01033B; 
  padding:10px 10px 10px 10px; 
  clear: both;
  border-radius:0 0px  5px  5px; 
  margin-bottom:15px;
  
  background-color: rgba(255, 255, 255, 0.6);
    
}







/*Вывод блока меню продукции*/

#content .production{
    
border:0px solid red;text-align: center; height:250px    
    
    
}

#content .production> a.images{
    
border-radius:5px; 


   
    
}



#content .production> a.images>img{
    
border-radius:5px; border:2px solid #EDEDED;
margin: 0;padding: 0;
margin-bottom: 1px;


    
}


#content .production> a.name_cat_pages{
    
    
    color: #201816;
    font-size: 14px;
  
  
}

#content .production> a.name_cat_pages:hover{
    
    
    color: #4E4846;
    text-decoration: none;
}


/*Блок новинки*/
#content .novelty{
width:224px; height:300px; border:0px solid red; float:left; margin:0px; 
padding: 0px;
   border-radius:5px ;
position: relative;
margin-left: 0px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 5px;
    
}

#content .novelty .news{
position: absolute;
width: 50px;
height: 50px;

z-index: 1000;
top:-30px;
left:-20px;
    
}



#content .novelty table{
    
    width:100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

PRE {

DISPLAY: none

}

#content .novelty table td{
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
  
 

  
}



#s6 {
    
    width: 100%;
    height: 100%;
    border: 2px solid white;
    margin: 0 auto;
    border-radius:5px;
}

#s6 .zagolovok{
    
   background: white;
   text-align: center;
   padding: 6px 0px;
   z-index: 1;
   position: relative;

   height:80px;
   color:#FFD700;
   
  
   
   
   
    
}

#s6 .zagolovok span{

   z-index: 1;
   position: relative;
   background:#7D7572;
   display: block;
   padding: 2px 4px;
   height: 65px;
   border-radius:0px 0 0px 5px ;
   
   
    
}

#s6 div>a>img{
    
 width: 220px;
 height:auto;   

 
}








/*Форма обратной связи*/

#contact input, textarea{
    
    
    width: 90%;
    height: 40px;
    
}

#contact textarea{
    
    
    
    height: 150px;
    
}

#contact input.submit{
    
    
   width: 150px; 
    
}

/* */



/*Форма обратной связи*/

#contact input, textarea{
    
    
    width: 90%;
    height: 40px;
    
}

#contact textarea{
    
    
    
    height: 150px;
    
}

#contact input.submit{
    
    
   width: 150px; 
    
}

/* */







/*Форма обратной связи*/

.obratnaia-sviaz p{
    
    
 
}


.obratnaia-sviaz input, textarea{
    
    
    width: 90%;
    height: 40px;
    
}



.obratnaia-sviaz textarea{
    
    
    
    height: 150px;
    
}

.obratnaia-sviaz input[name="captcha"]{
    
    width: 150px; 
    
}



.obratnaia-sviaz input.submit{
    
    
   width: 150px; 
    
}


.obratnaia-sviaz p{
    
    
    
    color: red;
    font-size: 14px;
    font-weight: normal;
    
}


.obratnaia-sviaz p.sprav{
    
    color: #2F2F2F
    
}


/* */











/*Результаты поиска*/
ul.items-search{
    
    
    list-style: none;
    margin-left: -30px;
}

ul.items-search a{
    
    
color:#333333;
font-size: 16px;
text-decoration: underline;
    
}



#footer{
    

  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 274px;



    
    
background-image:url('../img/footer_.png') ; 
background-repeat: repeat-x;
}

/* Форма поиска */


.search_block{

padding: 0;
border: 0px solid red;
margin-bottom: 5px;


    
}





.form-wrapper {
    position: relative;
    width: 100%;
  
    padding: 4px;
    margin: 0px auto;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede #bababa #aaa #bababa;
    -moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    /*-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;*/
    box-shadow: 0 3px 3p7rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    -moz-border-radius: 5px;
    -webkit-border-7dius: 5px;
    border-radius: 5px;    
    background-color: #E9E7E7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E9E7E7), to(#eae8e8)); 
    background-image: -webkit-linear-gradient(top, #E9E7E7, #eae8e8);
    background-image: -moz-linear-gradient(top, #E9E7E7, #eae8e8);
    background-image: -ms-linear-gradient(top, #E9E7E7, #eae8e8);
    background-image: -o-linear-gradient(top, #E9E7E7, #eae8e8);
    background-image: linear-gradient(top, #E9E7E7, #eae8e8);
}

.form-wrapper .search {
    width: 100%;
    height: 40px;
    /*left: 5px;*/
    padding: 3px 5px;
    
    font:16px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 1px solid #ccc;
    -moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;      
}
 
.form-wrapper .search:focus {
    outline: 0; 
    border-color: #aaa;
    -moz-box-shadow: 0 1px 1px #bbb inset;
    -webkit-box-shadow: 0 1px 1px #bbb inset;
    box-shadow: 0 1px 1px #bbb inset;  
}

.form-wrapper .search::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
}
 
.form-wrapper .search:-moz-placeholder {
    color: #999;
    font-weight: normal;
}
 
.form-wrapper .search:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
}

.form-wrapper .submit { right: 0px;
     
    border: 1px solid #221D1C;
    height: 40px;
    width: 100%;
    padding: 0;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #fafafa;
    text-transform: uppercase;    
    background-color: #0483a0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#342723), to(#B0ABAA));
    background-image: -webkit-linear-gradient(top, #342723, #B0ABAA);
    background-image: -moz-linear-gradient(top, #342723, #B0ABAA);
    background-image: -ms-linear-gradient(top, #342723, #B0ABAA);
    background-image: -o-linear-gradient(top, #342723, #B0ABAA);
    background-image: linear-gradient(top, #342723, #B0ABAA);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;      
    text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}
 
.form-wrapper .submit:hover,
.form-wrapper .submit:focus {		
    background-color: #31b2c3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#B0ABAA), to(#342723));
    background-image: -webkit-linear-gradient(top, #B0ABAA, #342723);
    background-image: -moz-linear-gradient(top, #B0ABAA, #342723);
    background-image: -ms-linear-gradient(top, #B0ABAA, #342723);
    background-image: -o-linear-gradient(top, #B0ABAA, #342723);
    background-image: linear-gradient(top, #B0ABAA, #342723);
}	
 
.form-wrapper .submit:active {
    outline: 0;    
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
}
 
.form-wrapper .submit::-moz-focus-inner {
    border: 0;
}











 .thumb img { 
      filter: none; /* IE6-9 */ 
      -webkit-filter: grayscale(0); 
      border-radius:5px; 
      background-color: #fff; 
      border: 1px solid #ddd; 
      padding:5px; 
    } 
    .thumb img:hover { 
      filter: gray; /* IE6-9 */ 
      -webkit-filter: grayscale(1); 
    } 
    .thumb { 
      padding:5px; 
    } 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
 /*Стили для таблицы адаптивной - склад*/
    
    
    
/* 
Обычные стили для десктопов/лэптопов 
*/
table.sclad { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Черно-белые полоски */
table.sclad tr:nth-of-type(odd) { 
  background: #eee;
  text-align: center; 
}
table.sclad th { 
  background:#342723; 
  color: white; 
  font-weight: bold; 
}
table.sclad td, table.sclad th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}    
    



 
/* 
Обычные стили для десктопов/лэптопов 
*/
table.price { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Черно-белые полоски */
table.price tr:nth-of-type(odd) { 
  background: #eee;
  text-align: center; 
}
table.price th { 
  background:#342723; 
  color: white; 
  font-weight: bold; 
}
table.price td, table.sclad th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}     
 
 
    
 
/*Адаптивная таблица - склад*/


@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Заставьте таблицу больше не вести себя как таблица */
	table.sclad, table.sclad thead, table.sclad tbody, table.sclad th, table.sclad td, table.sclad tr { 
		display: block; 
	}
	
	/* Скройте заголовки таблицы (но в целях доступности не с display: none;) */
	table.sclad thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.sclad tr { border: 1px solid #ccc; }
	
	table.sclad td { 
		/* Поведение как у «строки» */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.sclad td:before { 
		/* Теперь как у заголовка таблицы */
		position: absolute;
		/* Значения top/left имитируют отступ */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Пометьте данные
	*/
	table.sclad td:nth-of-type(1):before { content: "№"; }
	table.sclad td:nth-of-type(2):before { content: "Наименование"; }
	table.sclad td:nth-of-type(3):before { content: "Количество"; }
    
	table.sclad td:nth-of-type(4):before { content: "Примечание"; }














	/* Заставьте таблицу больше не вести себя как таблица */
	table.price, table.price thead, table.price tbody, table.price th, table.price td, table.price tr { 
		display: block; 
	}






	/* Скройте заголовки таблицы (но в целях доступности не с display: none;) */
	table.price thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.price tr { border: 1px solid #ccc; }
	
	table.price td { 
		/* Поведение как у «строки» */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.price td:before { 
		/* Теперь как у заголовка таблицы */
		position: absolute;
		/* Значения top/left имитируют отступ */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Пометьте данные
	*/
	table.price td:nth-of-type(1):before { content: "№"; }
	table.price td:nth-of-type(2):before { content: "Наименование"; }
	table.price td:nth-of-type(3):before { content: "Цена с НДС,тыс.руб."; }
    
	table.price td:nth-of-type(4):before { content: "Примечание"; }











    

} 
 
 
    
    
    
/*форма авторизации для закрытых пользователей*/

.form_autoriz{
        width: 100%;
   
    text-align: center;

    
}


.form_autoriz form{
    
      width: 270px;
      border: 1px solid #352824;
      padding: 10px;  
      margin: 0 auto;
      border-radius:5px;
      background:#E1DCD8;
}

.form_autoriz .error{
    
  color: red;  
    
}


.form_autoriz label input{
    
width: 220px;

    height: 40px;
    border-radius:0px;
  
    
}

.form_autoriz .submit{
    
  width: 220px;
  height: 40px;  
    margin-top: 10px;
    
}





.form_autoriz label p{
    
    color: red;
    font-weight: normal;
}







   
.logout_price{
    
display: block;

padding: 0;
margin: 10px auto;
}  


.logout_price {
    text-align: center;
    width:200px ;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 1px;
  border-style: solid ;
  
  border-radius: 5px;
  background: linear-gradient(#B5B1AF, #352824) #8a7356;
  transition: 0.2s;
} 


.logout_price:hover { background: linear-gradient(#352824, #352824) #352824;text-decoration: none; color: white;  border-style: solid ;border-width: 1px;}
.logout_price:active { background: linear-gradient(#352824, #352824) #352824;text-decoration: none; color: white;border-style: solid ;border-width: 1px; }
 
.logout_price:visited{ background: linear-gradient(#352824, #352824) #352824;text-decoration: none; color: white;border-style: solid ;border-width: 1px; } 





/*Полезные советы*/

a.polez_sovet{
    
    
  font-weight: bold;
  text-decoration: underline;
  color:#251C19;  
    
}



a.polez_sovet:hover{

  color:#49413F;  
    
}

/* Постраничная навигация*/


.pagination a{
    
    padding: 5px 8px;
    border-radius:3px;
    background:#675D5A;
    color: white;
}


/* Блок openstat*/

.openstat{
  
  /*background: #80FF00;
  width: 100px; height: 30px; */ 
  position: absolute;
  left: 10px;
  bottom:10px;  
    
    
}


.yandexstat{
  
  /*background: #80FF00;
  width: 100px; height: 30px; */ 
  position: absolute;
  left: 50px;
  bottom:10px;  
    
    
}

/*Блок адаптивного видео*/

.videoblok {position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden; }

.videoblok iframe, .videoblok object, .videoblok embed  {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}