/*v.8 mod do 11 разрешение дисплея 1366х768 */  
#page{
max-width:1400px;/*1280px;*/
background:#F2F2F2;
margin: 0;
padding: 0;
/*title: '"Перейти по ссылке"';*/
}
#header {
/*display:block;  
width:100%;*/
  margin: 0;
 padding-left:2.05%; 40px; 
padding-bottom: 1px;
/* работает 13.03.2019 padding*/
}

/*#header:after {
content:'';
color: White;
font-style:italic;
font-size:50%;
text-align:justify;
content:' Сборник правил строительтва. Примеры';
}*/
.header1:after {
content:'';
color: White;
font-style:italic;
font-size:60%;
text-align:justify;
/*content:' Пособие индивидуальному застройщику';' Пособие индивидуальному застройщику Строим сами';*/
}
/*.header1:before {
content: attr(url);
  position: absolute;
content:'Глава ';
}*/
.tel:after {
 /*text-left;
content: ''*/
 content: ' +7 499 702 02 10';
}
.title {
   overflow: hidden;
}
.title:before,
.title:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  /* не позволяем ширине превысить 100% (будет добавлен бордюр) */
  box-sizing: border-box;
}
.title:after {
 content: 'строим своими руками';
}
#content {
  float:left;
  width: 60.5%;
  margin:0; /* 0 0 2px 0*/
  padding: 0;
}
 table,  .table_80, .table_75, .table_70, .table_65, .table_int{
  max-width: 95%;
   height:auto;
   margin: auto;
  text-align: center;
  vertical-align: center;
  font-family: Verdana;
  font-size: 85%;
  line-height: 115%;
  border: 1px solid red;/*#A9E2CC;*/
  border-collapse: collapse;
}
.table_int {
font-family : Calibri; /*Timea New Roman;*/
font-size : 75%; 
line-height : 100%;

}
.table_70 {
font-size : 70%;
line-height : 102%;
}
.table_75 {
font-size : 75%;
line-height : 105%;
}
.table_80 {
font-size : 80%;
line-height : 110%;
}
caption {
  font-family: Verdana;
  font-size:115%;
  line-height: 105%;
  padding: 10px 0;   
}
td {
  padding: 5px 5px;
  border: 1px solid grey;
}
.table_int td {
  padding: 5px 0px;
}

#content .block {
   display : inline;
    float: none;
   width: 100%;
   margin-right: 2%;
   color: brown;
   background : yellow;
  font-style:italic; 
  font-size:80%;
   padding:20px;
}
#content .col_left {
   display : block;
    float: left;
   width: 48%;
   padding:10px;
   margin-top:15px;   
/*background: yellow;*/
}
#content .col_right {
   display : block;
    float: left;
   width: 46%;
   padding:10px;
   margin-top:15px;
  /* background: green;*/
}

.sidebar{
  /* clear:both;*/
   float: left;
   margin: 0 0 20px 1%;
   padding: 0;   
}
/*Установка ширины блоков*/
#bar1{
   width:18.0%;
  /* background:red;*/
 float: left;
}
#bar2{
  width:18.0%;
/* background:green;*/
}
.bar1:before, .bar2::before, .bar3::before, .bar4::before {
   font-size: 112%;
   padding: 0 8.1% 0 8.1%;  
  color: red;   
}
/*.bar1:before {
content:'Teroson MS 939 Акция - скидка 30% ';
}
.bar1:after {
     content: ' Клей-герметик для эластичной герметизации и уплотнения внешних и/или внутренних швов в кузовах автомобилей. Подробнее см. на  страницах сайта  "Ремонтные полимерные материалы"  http://a1systems.su/catalog/goods/ms-polimery/teroson-ms-939/". ';  
}
*/
.bar1:before {
content:'Chester Metal Super Al';
}
.bar1:after {
     content: 'компаунд дле ремонта литья, поврежденных узлов, деталей машин и оборудования из алюминиевых сплавов. См. в разделе сайта "Восстановление металла"'}
.bar2:before {
 padding: 0 8% 0 8%;
content: 'Chester Metal Super';
}
.bar2:after {
content: 'Металлополимер для восстановления металлических поверхностей, валов, посадки подшипников. Подробнее см. на  страницах сайта  "Ремонтные полимерные материалы" http://a1systems.su/';
}
.bar3:before {
 content: 'Индивидуальные жилые дома';
}
.bar3:after {
content: 'Правила и законы строительства, примеры расчета фундамента, характеристики грунтов основания и строительных материалов См. на странце сайта "Реконструкция деревянного дома"';
}
/*ТехноПУР 133 / 540
Предназначен для сборки стеновых панелей, полов и крыш при производстве коммерческого транспорта, при производстве окон. Применяется для монтажного склеивания при производстве автомобилей, контейнеров, лодок и кораблей. Подробнее см. на странице сайта "Ремонтные полимерные материалы" http://<br>a1systems.su/catalog/goods/tekhnopur-polyuretany/tekhnopur-127-530-/. */
.bar4:before {
margin: auto;
/*padding: 0 8% 0 8%;*/
content: 'Vira-tite';
}
.bar4:after {
content: 'Анаэробый герметик для вал-втулочных соединений: валов, посадки подшипников. Подробнее см. на  страницах сайта  "Ремонтные полимерные материалы" http://a1systems.su/';
}

#footer {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
}
footer1, .footer2, .footer3 {
  font-size : 90%;
}
.footer1:after {
  content: 'U+00A9'; 
  content: 'A1SYSTEMS . SU - РЕМОНТНЫЕ ПОЛИМЕРНЫЕ МАТЕРИАЛЫ - для восстановления узлов и деталей машин и механизмов, 2008 - 2020; ';
}
.footer2:before {
   content: '';
  /*content: 'sales';*/ 
}
.footer2:after {
  content: '';
 /* content: 'a1systems.su';*/ 
}
.footer3:after {  
  content: '';
  content: ''; 
}
.layout {
         width: 100%
         }
@media screen and (min-width: 1400px) {
body {
font-size:15px;
}         
.layout {
 width: 1400px;                
}
.shadow, .shadow1 {
padding-bottom : 1px;
}
#header {
height:73px;
line-height:60px;                         
font-size:24px;
}
.h_1 {
font-size:18px;
}
.tel {
font-size:10px;
}
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
       body{
          font-size:16px;
        }
        .layout {
          width: 100%;
          overflow: hidden;
          float:left;
        }
       /* #header {
               line-height:62px; 110%;                        
               font-size:26px;
        }*/
        .shadow {
       padding-bottom : 10px;
        }
        .tel {
             font-size:16px;
        }
  }
@media screen and (max-width: 1199px) and (min-width: 900px) {
       body {
         font-size:15px;
        }
       .layout {
           width: 100%;                  
           overflow: hidden;
        }
.shadow {
       padding-bottom : 10px;
        }
         #header {
               line-height:50px;                         
               font-size:24px;
        }
        .h_1 {
             font-size:18px;
        }
        .tel {
             font-size:10px;
        } 
}
@media screen and (max-width: 899px) and (min-width: 801px) {

	body {
         font-size:14px;
        }
       .layout {
           width: 100%;                  
           overflow: hidden;
        }
.shadow {
       padding-bottom : 6px;
        }
         #header {
               line-height:48px;                         
               font-size:20px;
        }
        .h_0 {
             font-size:20px;
        }
        #content {
        width: 71%;
        float:left;
        }
        .tel {
             font-size:10px;
        }           
	#bar1 {	
	width:28%;
        float:none;	
	}
        #bar2{
	clear:both;
	width:98%;
        float:none;
        display: none; 	
	} 
}
@media screen and (max-width: 800px) and (min-width: 640px){
        body {
         font-size:13px;
        }
       .layout {
           width: 100%;                  
           overflow: hidden;
        }
.shadow, .shadow1 {
padding-bottom : 4px;
}
         #header {
               line-height:48px;                         
               font-size:20px;
        }
        .h_0 {
             font-size:20px;
        }
#nav{
height: 33px;
}

#nav > ul > li{
width: 24.3%;
}
        #content {
        width: 98%;
        float:left;
        }
        .tel {
             font-size:10px;
        }           
	#bar1 {
	clear:both;
	width:98%;
        float:left;
	display: none;
	}
        #bar2{
	clear:both;
	width:98%;
        float:left;
        display: none;	
	}   
}
@media screen and (max-width: 640px) /*and (min-width: 320px)-->*/ {
body {
         font-size:11px;
        }
       .layout {
           width: 100%;                  
           overflow: hidden;
        }
       .shadow, .shadow1 {
padding-bottom : 4px;
}
#header {
line-height:40px;                         
font-size:12px;
padding-left: 6px;
}
#nav{
height: 33px;
}
#nav > ul > li{
width: 24.3%;
}
.h_0 {
font-size:16px;
}
        #content {
        width: 100%;
        }
        .tel {
             font-size:10px;
        }
        #bar2{
        clear:both;
	width:100%;
        float:left;
        display: none;	
	}	
        #bar1{
	clear:both;
	width:100%;
        float:left;
display: none;	
	}		
}
/*
@media screen and (max-width: 319px) {
body {
         font-size:8px;
        }
       .layout {
           width: 100%;                  
           overflow: hidden;
        }
       .shadow, .shadow1 {
padding-bottom : 4px;
}
#header {
width: 100%;
line-height:30px;                         
font-size:10px;           
padding-left:1px;
margin-left:1px;
}
#nav{
height: 33px;
}
#nav > ul > li{
width: 24.3%;
}
        #content {
         width: 100%;
        }

.h_0 {
line-height : 100%;
margin : 2px 0;
font-size : 11px;
}
p {
margin : 0px 0;
}
        .tel {
             font-size:10px;
        }
        #bar2{
        clear:both;
	width:100%;
        float:left;
       display: none;  	
	}	
        #bar1{
	clear:both;
	width:100%;
        float:left;
        display: none;	
	}		
	        
}
*/