#body
{
background-color:#009999;
margin:0px;
padding:0px;
}
 
   .block1 { 
    width: 216px; 
    background: #558855;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black; 
    float: left;
   }
   .block2 { 
    width: 216px; 
    background: #fc0; 
    padding: 5px; 
    border: solid 1px black; 
    float: left; 
    position: relative; 
    top: 40px; 
    left: 20px; 
   }
  
             

 
 
a.button2, a.button2:before {
  display: inline-block;
  font-size: 30px;
  color: #fff;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 100px;
  border: solid rgb(4,88,192);
  border-width: 3px 10px;
  outline: none;
  opacity: 1;
  transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
} 
a.button2 {
  position: relative;
  padding: calc(8px + 3px - 1px) calc(15px + 10px - 1px);
  border: 1px solid rgba(62,153,239,.5);
  background: linear-gradient(to left, rgb(62,153,239) 1%, #fff 3%, rgb(44,135,232) 8%, rgba(255,255,255,.3) 50%, rgb(44,135,232) 92%, #fff 97%, rgb(62,153,239) 99%) no-repeat;
}
a.button2:before {
  

  position:  absolute; 
  bottom: -7px;
  left: -1px;
  width: calc(100% - (15px + 10px - 1px)*2);
  background: #fff linear-gradient(rgb(58,160,253), rgb(4,88,192) 60%, rgb(49,112,201));
  box-shadow: 0 10px 18px rgba(0,0,0,.5);
}
a.button2:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
a.button2:hover:before {
  border-color: #0766d8;
  background: #fff linear-gradient(#3fadff, #0766d8 60%, #3279dd);
}
a.button2:focus,
a.button2:active {
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  opacity: 1;
  visibility: hidden;
  transition: .4s;
}
 
 
 
 
a.boxShadow4 {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: rgba(255,255,255,.6);
  text-shadow: 1px 1px rgba(0,0,0,.3);
  text-decoration: none;
  padding: 20px;
  border-radius: 15px;
  background: rgb(10,120,10);
  box-shadow:
   inset 0 0 3px 1px rgba(0,0,0,.8),
   inset rgba(0,0,0,.3) -5px -5px 8px 5px,
   inset rgba(255,255,255,.5) 5px 5px 8px 5px,
   1px 1px 1px rgba(255,255,255,.1),
   -2px -2px 5px rgba(0,0,0,.5);
  transition: .2s;
}
a.boxShadow4:hover {
  color: rgba(255,255,255,.9);
  background: rgb(200,130,20);
}
a.boxShadow4:active {
  background: rgb(100,255,100);
  box-shadow:
   inset 0 0 5px 3px rgba(0,0,0,.8),
   inset rgba(0,0,0,.3) -5px -5px 8px 5px,
   inset rgba(255,255,255,.5) 5px 5px 8px 5px,
   1px 1px 1px rgba(255,255,255,.2),
   -2px -2px 5px rgba(0,0,0,.5);
}
 
 
  
 
 
 
 
 
 
 
 
 
 
#maket {
width:1200px;
margin:2 auto;
}
#header{
background-color:#00ff00;
}
#left {
background-color:#aaaa00;
 
width:200px;
float:left;
font-size: 20;/* размер шрифта */
}
#content{
color:#ffffff;	
background-color:#00ffff;

width:200px;
padding: 5px 5px 5px 50px; /* Поля вокруг*/
min-height: 415px; /* Минимальная высота */
}
#footer{
background-color:#FFC0FF;
min-height: 60px; /* Минимальная высота */
}

#bottom {

background: #  fff url(images/clover.png) no-repeat 200px bottom;/*  Параметры фона */
	min-height: 80px; /* Минимальная высота */
	color: #ffff00; /* Цвет текста */
	padding: 5px 20px 5px 20px; /* Поля вокруг текста */
	margin-bottom: 0px; /* Отступ снизу */
	outline: 0px solid #0ff; /* Параметры рамки */
	}
		#bottom p { margin: 5px 0;
		font-size: 170%;
		}
		#bottom a{color: #ffffff;
		
		} 
	

	
	
	
#button {
  display: inline-block;
  color: black;
  font-size: 125%;
  font-weight: 700;
   text-decoration: none;
 user-select: none;
 

  border: 1px solid rgb(250,172,17);
  border-radius: 7px;
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
#button:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
#button:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}

.blokbg1 {
background-image: url('../images/uzor.png');
background-repeat: repeat;
background-attachment: scroll;
}



div.blokbg1 {
background-image: url('../images/uzor.png');
background-repeat: repeat;
background-attachment: scroll;
}


.my_button {
     position: relative;
  display: inline-block;
  font-size: 90%;
  font-weight: 700;
  color: rgb(209,209,217);
  text-decoration: none;
  text-shadow: 0 -1px 2px rgba(0,0,0,.2);
  padding: .5em 1em;
  outline: none;
  border-radius: 3px;
  background: linear-gradient(rgb(110,112,0), rgb(81,81,0)) rgb(110,112,0);
  box-shadow:
   0 1px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
  transition: .2s ease-in-out;
}
.my_button:hover:not(:active) {
  background: linear-gradient(rgb(126,226,134), rgb(70,171,76)) rgb(126,226,134);
}
.my_button:active {
  top: 1px;
  background: linear-gradient(rgb(222,77,82), rgb(222,57,62)) rgb(222,77,82);
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
}