body {
    background:#F5F5F5; /* #fc0 url(images/bg-right.png) repeat-y 100% 0; */
    /*font-size:14px; */
    /*line-height:14px;*/
    /*font-family:Georgia, serif; */
    
    margin:0 auto;
   max-width:1000px;
    
 }
 
 body div {

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box;

padding:10px;

}
 
 .hapka {
height:90%; 
 width:100%; 
font-size:40px;
margin-left:10px; 

padding:20px;    
 


background:#F5F5F5;



}

 .hapkaa {
height:90%; 
 width:100%; 
font-size:40px;
margin-left:10px; 

padding:20px;    
 


background:#000000;



}


/* ============= span txt ========================== */
text { 
     color: red; /* ������� ���� �������� */ 
     font-size: 35px; /* ������ ������ � ��������� */ 
     font-family: serif; /* ����� � ��������� */ 
     position: relative; /* ������������� ���������������� */ 
     top: 1px; /* ����� ������ */ 
    }
    
 .H1  {
font-size: 300px;                      /* ������ ������ */
color: #cc0000;                       /* ���� ������ */
/*text-decoration:line-through;       /* ����� ��������������� */
/*text-decoration:underline;         /* ����� �������������� ����� */
}



/* =============���������� ������========== */


.a:hover {
    text-decoration: none;
color:#7FFF00;                /* ������ ��� ��������� �� ��� ������ */
font-size:22px;              /* ������ ������ ��� ��������� */
/*transition:all 1s ease;     /* ������� ���������� ������� � 1 ���. */
}
.a:active {color:#000000;       /* ������� ������ */}
.a:visited {color:#657f4b;    /* ������ ��������� */}

/* ===================����� �������������=============== */
.img  {
margin-top:2px;
padding-top:4px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  }

/*h2 {
text-decoration:overline; /* ����� ������������� ������ */

/*h3 {

}



.p  {

 margin:5px 10px 15px 10px;
}


/* ==================div======== */

.blok1{
/*position: absolute; /* ���������� ���������������� */	
clear: both; 
background:green;
font-size:20px;
width:100%;
/*height:10%;*/

margin-top:3px;
margin-right:1px;
padding-top:2px;

 
}

.blok2 {
clear: both; 
    position: absolute; 
    background:#FFFFFF;
    padding-top:20px;
    width:100%;
    
    margin-top:10px;
    margin-right:1px;
    
    
    font-size:25px;
   /* box-shadow: -19px 0 22px -19px #000, 19px 0 22px -19px #000;*/
  
    
}  
    
 .blok3 {
  clear: both; 
  font-size:40px;
  height:90%; 
  width:100%; 
/*font-size:27px;*/
  margin-left:10px; 

  padding:10px;    
 


background:#F5F5F5;
}

/* p ---- */
.blok2 .te1   {
border:2px solid;
  padding:1px;
  margin:5px;
  width:940px;
  height:900px;
  border-color:#ccc;
}

.blok2 .te4   {
border:2px solid;
  padding:1px;
  margin:1px;
  width:950px;
  height:300px;
  border-color:#ccc;
}

.blok2 .te3   {
border:5px solid  ;
  font-size:40px;
  padding:10px;
  margin:15px;
  width:900px;
  height:200px;
  border-color:#ccc;
}
.blok2 .te2   {
    
/*border:2px solid ; */
  padding:10px;
  padding-left:186px;
  margin:50px;
  width:700px;
  height:200px;
  border-color:#ccc; font-size:40px; /* ������ ������ 14px */
word-spacing:14px; /* ���������� ����� ������� */
/*text-decoration:none; /* ��� ���������� */
text-align:justify; /* ������������ �� ������ */
  
  
}

.blok2 .te11   {
border:2px solid;
font-size:40px;
  padding:5px;
  margin:5px;
  width:950px;
  height:500px;
  border-color:#ccc;
 }
 


.blok2 .te12   {
border:2px solid;
font-size:50px;
  padding:15px;
  padding-top:5px;
  margin:5px;
  width:950px;
  height:500px;
  border-color:#ccc;
 }
 
.blok2 .te13   {
border:2px solid;
font-size:50px;
  padding:15px;
  padding-top:5px;
  margin:5px;
  width:950px;
  height:800px;
  border-color:#ccc;
 }