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

.glav-nazvan{
	font-size: 46px;
    font-family: "Arial Unicode MS", sans-serif;
   	margin-top: 1%;
       text-align: center;
	color: #c00;
    text-shadow: 0px 0px 0 rgb(185,-19,0),
                 1px 1px 0 rgb(167,-37,0),
                 2px 2px 0 rgb(148,-56,0),
                 3px 3px  0 rgb(129,-75,0),
                 4px 4px 3px rgba(0,0,0,0.08),
                 4px 4px 1px rgba(0,0,0,0.5),
                 0px 0px 3px rgba(0,0,0,.2);
	 margin-bottom: 0;
	
	}
	
	.img-muz{   
    width: 50px;
	    display: block;
    float: left;    margin-left: 4%;
}
	.fon-muz{width: 130px;}
	
	.knop-blog {
    margin-left: 5%;
    display: block;
    float: left;
    width: 100%;
    margin-top: 1%;
    margin-bottom: 1%;}
	
	.Button {
	  box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: linear-gradient(to bottom, #ffedd1 5%, #f8b95a 100%);
    background-color: #ffedd1;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 11px 70px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}
.Button:hover {
	background:linear-gradient(to bottom, #f8b95a 5%, #ffedd1 100%);
	background-color:#f8b95a;
}
.Button:active {
	position:relative;
	top:1px;
}

.multi{
color: #dc941d;
font-size: 33px;}
	
 .knop-bok	{
    display: block;
    float: right;
	}


.knop-uprav {box-shadow: 3px 1px 0px 1px #1564ad;
    background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    background-color: #79bbff;
    border-radius: 38px;
    border: 3px solid #337bc4;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: Arial Unicode MS;
    font-size: 23px;
    font-weight: 600;
    padding: 6px 62px;
    text-decoration: none;
    text-shadow: 0px 4px 0px #528ecc;
    margin-left: 5%;
    width: 70px;
    margin: 5px;
}
.knop-uprav:hover {
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color:#378de5;
}
.knop-uprav:active {
	position:relative;
	top:1px;
}

	.footer{width: 100%;}
.dop {
	       box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: linear-gradient(to bottom, #ffedd1 5%, #f8b95a 100%);
    background-color: #ffedd1;
    border-radius: 39px;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 14px 25px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
    width: 210px;
    text-align: center;
}


.dop:hover {
	background:linear-gradient(to bottom, #f8b95a 5%, #ffedd1 100%);
	background-color:#f8b95a;
}
.dop:active {
	position:relative;
	top:1px;
}



/* общие*/

	.yazik {
	  box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: linear-gradient(to bottom, #ffedd1 5%, #f8b95a 100%);
    background-color: #ffedd1;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 11px 70px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}
.yazik:hover {
	background:linear-gradient(to bottom, #f8b95a 5%, #ffedd1 100%);
	background-color:#f8b95a;
}
.yazik:active {
	position:relative;
	top:1px;
}

	.uprav {
	  box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: linear-gradient(to bottom, #ffedd1 5%, #f8b95a 100%);
    background-color: #ffedd1;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 11px 70px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;    width: 83px;
}
.uprav:hover {
	background:linear-gradient(to bottom, #f8b95a 5%, #ffedd1 100%);
	background-color:#f8b95a;
}
.uprav:active {
	position:relative;
	top:1px;
}

.nazvan{
color: #f40800;	
	
}



	p{    color: #000000;
    font-size: 17px;
    /* font-weight: 600; */
    font-family: "Arial CA.kz", Times, serif;}
	
	.nazvan{
	font-size: 44px;
    color: #c00;
    text-align: center;
    font-family: "Arial Unicode MS", sans-serif;
    margin-top: 1%;
    color: #c00;
    text-shadow: 0px 0px 0 rgb(185,-19,0), 1px 1px 0 rgb(167,-37,0), 2px 2px 0 rgb(148,-56,0), 3px 3px 0 rgb(129,-75,0), 4px 4px 3px rgba(0,0,0,0.08), 4px 4px 1px rgba(0,0,0,0.5), 0px 0px 3px rgba(0,0,0,.2);
}



	
	 @media screen and (min-width: 280px) and (max-width: 700px){
.knop-blog-info {    margin-top: 0%!important;         margin-bottom: 22px!important;}}


.knop-blog {
    margin-left: 5%;
    display: block;
    float: left;
width: 83%;}

	
	/*информационный блоки стиили */
	
	  .info-blog {
       width: 96%;
    padding: 15px;
    margin: 0 1px 0 2px;
    margin-left: 2%;
}


.nazvan-info {
    color: #f40800;
    text-align: center;
margin-bottom: 0;	}

.info-1, .info-2, .info-3    {  
    width: 28%;
padding: 15px;  
        display: block;
    float: left;
    height: 680px;
	margin-left: 2%;
	
	}
	
 
.amimaciya-blog{
    display: block;
   
}

.god {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 0px;
    font-family: "Arial Black", Gadget, sans-serif;
    color: #f7aeae;
   /* text-shadow: 0px 0px 0 rgb(233,128,128), 1px 1px 0 rgb(255 92 92), 2px 2px 0 rgb(243 96 96), 3px 3px 0 rgb(249 128 128), 4px 4px 3px rgba(249,128,128,0.08), 4px 4px 1px rgba(249,128,128,0.5), 0px 0px 3px rgba(249,128,128,.2);
*/
text-shadow:0px 0px 0 rgb(183,113,113),1px 1px 0 rgb(159,89,89), 2px 2px 0 rgb(136,66,66),3px 3px 2px rgba(0,0,0,1),3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);

margin-bottom: 0px;
    margin-top: 2px;

}


.info {
    color: #010101;
    font-size: 16px;
    text-align: justify;
	}

.razdel{border-width: 0px;}

.knop-blog-info {
    margin-left: 5%;
    margin-top: 2%;
    display: block;
    float: left;
margin-bottom: 2px;}

	
		.knop-uprav-info {
    display: block;
    float: left;
    margin-left: 10px;
	    margin-top: 6px;}


@media screen and (min-width: 280px) and (max-width: 700px){ 
.knop-blog-info{
margin-bottom: 23px;}}


/*для книг*/

	
	.blog-knig-1{   width: 40%;
    padding: 15px;
    display: block;
    float: left;
   /* height: 680px; */
    margin-left: 3%;
}

.blog-knig-2{    width: 40%;
    padding: 15px;
    display: block;
    float: left;
    /* height: 680px; */
    margin-left: 3%;
}

.knig-info-blog{background: #ffffff63;    margin-bottom: 2%;     height: auto;}

.knig-foto{
   float: left; display: block;     width: 30%; margin: 1px; 
	}
	
	.knig-info-blog{
	display: block;
    float: left;
	}




.kniga-info {
         display: block;
    float: left;
        width: 60%;
    padding-left: 4%;
    margin: 2px;
}
	
	
	   
.img-knig{    padding: 4%;
    object-fit: cover;
    width: 100%;}


.goda-knig{   text-align: center;
    margin-bottom: -7px;
    font-weight: 600;
    font-size: 18px;
	margin-top: 4px;
	}

.nazv-knig{
        color: #000000;
    
    text-align: justify;
   margin-bottom: -7px;
}
 
		.anotac{
		    font-style: italic;
		text-align: center;
		    margin-bottom: 4px;
			}
			
		.knig-opis		{color: #781211;
    font-size: 16px;
    font-weight: 600;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    text-align: justify;
	    padding-bottom: 10px;
		}
	
	.text-blog-knig{
	    display: block;
    float: left;
    width: 100%;
    margin-bottom: 4%;}
	
	
.knop-blog{
           margin-left: 5%;
      display: block;
    float: left;     width: 83%;
}

	
	/*стили для второстепенных страниц*/
	
	.nazvan-content {
    font-size: 26px;
    font-family: "Arial Unicode MS", sans-serif;
    margin-top: 1%;
    color: #000;
    text-indent: 30px;
    margin-left: 3%;
    background: #ffffff63;
    width: 88%;
    margin-bottom: 0; padding-left: 19px;
}

.content-pdf{
    width: 86%;
    background: #ffffff63;
    padding: 15px;
    height: auto;
    margin-bottom: 19px;
    margin-left: 3%;
}



.podrobn{    box-shadow: 2px 2px 0px 0px #899599;
    background: linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
    background-color: #ededed;    border-radius: 8px;
    display: inline-block;    cursor: pointer;
    color: #000000;    font-family: Arial;
       font-size: 12px;  font-weight: 600;
    padding: 5px 10px;    text-decoration: none;
    text-shadow: 0px 1px 0px #e1e2ed;
}
.podrobn:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.podrobn:active {
	position:relative;
top:1px;}
	
	
	
	
	
@media screen and (min-width: 280px) and (max-width: 900px){.glav-nazvan {
    font-size: 35px!important;}}
	
@media screen and (min-width: 280px) and (max-width: 900px){
	.info-1 {height:auto!important;    width: 89%!important;}}
	
@media screen and (min-width: 280px) and (max-width: 900px){
	.info-2 {height:auto!important;    width: 89%!important;}}

@media screen and (min-width: 280px) and (max-width: 900px){
	.info-3 {height:auto!important;    width: 89%!important;}}	
	
@media screen and (min-width: 280px) and (max-width: 900px){
.gifka {    margin-left: 41%!important;}}

@media screen and (min-width: 280px) and (max-width: 900px){
.text-opisan {
    width: 95%!important;}}
	
@media screen and (min-width: 280px) and (max-width: 900px){
.kn { padding-top: 7px!important;   padding-right: 36%!important;}}