body{font-family: "Georgia";

}

p{text-indent:4%;}

.ttxt       /* З А П А С К А */
{
margin: 1%; 
border: 2%;
}


/*____________________________________________________________________________________________________________

.namees{font-size: 500%; text-shadow: 1px 1px 1px  #30d5c8; }
  .namees b:hover {text-shadow: 5px 5px 3px  #30d5c8;}
.namees i {font-size: 150%; text-shadow: 1px 5px 1px  #30d5c8;}

.namees i:hover {text-shadow: 5px 10px 3px  #30d5c8;}
______________________________________________________________________________________________________________*/












/*_____________________________________________________________________*/


.namees{font-size: 200%;  text-shadow: 3px 1px 2px  #30d5c8; }

.namees i {font-size: 150%; text-shadow: 1px 5px 1px  #30d5c8;}

.namees i:hover {text-shadow: 2px 1px 4px  #30d5c8; }
/*_____________________________________________________________________*/





/* ____________________________)_____________________________________ */

.ggblock{  /* БЛОК Г Л А В Н Ы Й */
          float: center;
          position: relative;
     display: inline-block;

text-shadow: 1px 2px 4px  blue;

box-shadow: 5px 5px 10px  #30d5c8;

   width: 25%;
   min-width: 400px;

                    height: auto; 

opacity: 0.7;
  font-size: 14px;
background: black; 
color: #66e0d6;  
    border-size: 1%;
border-radius: 10px;    /*    скругление              */

    margin: 1%;        /*   отступ для границ      margin-top: 1%;         */
    margin-bottom: 3%; 
    margin-top: 1%; 

margin-left: 10%;

  padding: 2%;      /*    отступ для объектов внутри     */
text-decoration: none;
}



.ggblock:hover{
opacity: 0.9;
box-shadow: 2px 5px 3px  #30d5c8;
text-shadow: 2px 1px 3px  blue;

min-width: 500px;
}



.ggblock h1{
box-shadow: 1px 6px 8px  green;
text-shadow: 2px 5px 3px  green;
font-family: "Segoe Script";
}







/* ___________________________________________________________________________________________________ */


/* ___________________________________________________________________________________________________ */




.bbpt:hover{  /* *TXT* о с н о в а */
opacity: 0.9; background: black; color: #66e0d6; 
}


/* ___________________________txt )_____________________________________ */
.bbpt{  /* *TXT* о с н о в а */
 float: center;

opacity: 0.8;
  font-size: 16px;
background: black; 
color: #66e0d6;  
    border-size: 1%;
border-radius: 10px;    /*    скругление              */

    margin-top: 15%;        /*   отступ для границ              */
    margin-left:  10%;     
    margin-right: 10%;     

  padding: 1%;      /*    отступ для объектов внутри     */
text-decoration: none;
}

.bbpt:hover{  /* *TXT* о с н о в а */
opacity: 0.9; background: black; color: #66e0d6; 
}


/*_____________________________________________________________________*/

.bbpt img{

}




/* ___________________________mennnn )_____________________________________ */



.na3 ul {
list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  padding-left: 0; /*убираем отступы*/

  height: 50px; /*задаем высоту*/

border-radius: 30px;

}

.na3 a {
  text-decoration: none; /*убираем подчеркивание текста ссылок*/

  color: white; 
     padding:0px 50px; 

  line-height: 50px; 
  display: block; 
      -moz-transition: all 0.3s 0.05s ease; /*плавный переход*/
      -o-transition: all 0.5s 0.01s ease;
      -webkit-transition: all 0.3s 0.01s ease;

border-radius: 50px;
border: 3px solid white;
background: black;
}

.na3 a:hover {
  background: none;
  color: white;
       border: 1px solid red;   
       border-radius: 15px;
  padding: 5px 55px; /*отступ 0px это вертикально и после 55 - горизонтально*/    
}

.na3 li {
   /*   float: right; Размещаем список горизонтально для реализации меню*/
  margin: 2%; /*       отступ между пунктами           */
       list-style: none;    /* убирает маркеры элементов списка   */
       position: relative;
text-align: center;
}



/*_____________________________________________________________________*/


.ccd{       /*    типо код    */
    background: silver;  
    color: black; 
    border-size: 1%;
      border-radius: 15px;
  margin: 1%;      /*    отступ внешняя     */
  padding: 1%;      /*    отступ внутренняя  */


      -moz-transition: all 0.5s 0.05s ease; /*плавный переход*/
      -o-transition: all 0.5s 0.05s ease;
      -webkit-transition: all 0.5s 0.05s ease;
}


/*_____________________________________________________________________*/










/*_____________________________ Кнопка синяя ________________________________________*/


.myButton {
  -moz-box-shadow:inset 0 1px 0 0 #54a3f7;
  -webkit-box-shadow:inset 0 1px 0 0 #54a3f7;
  box-shadow:inset 0 1px 0 0 #54a3f7;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
  background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
  background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
  background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
  background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
  background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
  background-color:#007dc1;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #124d77;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Georgia;
  font-size:13px;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0 1px 0 #154682;

  }
  .myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
  }
  .myButton:active {
    position:relative;
    top:1px;
  }

.myButton i{
 color: silver;
}

/*_____________________________________________________________________*/

















/*_____________________________________________________________________*/
/*_____________________________________________________________________*/
/*_____________________________________________________________________*/


.sk a{
  text-decoration: none; 
  color:#02f0f4;
  background: #3a3a3a;
   margin: 1px;
   padding: 2px;
   border-radius: 12px;
      border: 2px solid maroon; 
}
/*_____________________________________________________________________*/
.warning big{color:red;
 margin: 1px;
   border-radius: 1px;
   border: 1px solid red;   
     padding:0px 5px; 
}

.goodyu big{color:green;
 margin: 3px;
   border-radius: 3px;
   border: 3px solid green;   
     padding:0px 5px; 
}


/*_____________________________________________________________________*/
.codd{
    background: #0f54bc;  
    color: white; 
    border-size: 1%;
border-radius: 25px;

   margin: 1%;
  padding: 1%;      /*    отступ для объектов внутри     */


      -moz-transition: all 0.5s 0.05s ease; /*плавный переход*/
      -o-transition: all 0.5s 0.05s ease;
      -webkit-transition: all 0.5s 0.05s ease;
}

.codd:hover{
    background: #02edf9;  
    color: black; 
    border-size: 1%;
border-radius: 5px;
}
/*_____________________________________________________________________*/





/*_____________________________________________________________________*/
.b2i{       /*    типо код    */
    background: silver;  
    color: black; 
    border-size: 1%;
border-radius: 15px;

   margin: 1%;      /*    отступ внешняя     */
  padding: 1%;      /*    отступ внутренняя  */


      -moz-transition: all 0.5s 0.05s ease; /*плавный переход*/
      -o-transition: all 0.5s 0.05s ease;
      -webkit-transition: all 0.5s 0.05s ease;


}

.b2i:hover{
    background: black;  
    color: #02edf9; 
    border-size: 1%;
border-radius: 5px;
}
/*_____________________________________________________________________*/
/*_____________________________________________________________________*/
/*_____________________________________________________________________*/
/*_____________________________________________________________________*/


.glmentext b {text-shadow: 2px 2px 2px  blue;}
.glmentext b:hover {text-shadow: 3px 3px 3px blue;}

.glmentext{  /*Т Е К С Т НА Г Л А В Н О Й*/ 
    opacity: 0.8;
background: url("i/bg2.png"); background-size: 200%; /* background: url("i/bg2.png");    background-size: auto; background: #f0fcfc; */


text-shadow: 2px 1px 3px  black;
color:white;

    border-radius: 10px;    /*    скругление              */

      margin: 1%;
      margin-top: 20%;       /*   отступ для границ              */
    padding: 3%;      /*    отступ для объектов внутри     */
font-size: 300%;
}


/*_____________________________________________________________________*/
/*_____________________________________________________________________*/
/*_____________________________________________________________________*/
/*_____________________________________________________________________*/
/*_____________________________________________________________________*/


 

.ssoc{
background: #f0fcfc;   
  border-color: black;    
border-radius: 10px;    /*    скругление              */

   margin: 2%;
    margin-top: 25%;
    margin-left: 50%;       /*   отступ для границ              */
  padding: 1%;      /*    отступ для объектов внутри     */
opacity: 0.5;
}

.clickme1{position:relative;}
.clickme1 ul {
    list-style: none; 
  height: 50px; /*задаем высоту*/
    border-radius: 40px; 
}
.clickme1 li {
  float: left; /*Размещаем список горизонтально для реализации меню*/
   list-style: none;    /* убирает маркеры элементов списка   */
}
.clickme1 a {
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
            color: white;
            background:black;opacity:0.5;
  display: block; 
      -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
      -o-transition: all 0.3s 0.01s ease;
      -webkit-transition: all 0.3s 0.01s ease;
border-radius: 10px;
}
.clickme1 a:hover{
  background: none;
  color: maroon;
       border: 3px solid maroon;
  padding: 5px 5px; /*добавляем отступ |вертикально| и |горизонтально|*/

    opacity:0.9;
}
.clickme1 li:hover{font-size: 100%;}


/*_______________________________________________________*/














 /*_______________________________________________________*/


/*_______________________________________________________*/