#menu {width:200px;font-family:arial;}  
ul {list-style:none;margin:0;padding:0;}  
#menu ul li {margin:0 0 1px 0;}  
#menu li a {height:20px;text-decoration: none;font-size:17px;text-align:left;}  
#menu li a:link, #menu li a:visited {color:#65614c;display:block;background:url('/img/bootons/menu.png');padding:10px 0 0 20px;}  
#menu li a:hover {background:url('/img/bootons/menur.png');color:#474747;}




.button {
    cursor:pointer;
    display:block;
    height:28px;
    width:200px;
    line-height:25px;
    text-align:center;
    background-image:url('/img/bootons/button1.png');
    background-repeat:no-repeat;
}




.left
{
	background-image: url(/img/left.png);
}




body
{
	background-image: url(/img/fonsite.jpg);
}



.content
{

	background-image: url(/img/fon.png);

}




























.konv {
	margin-top : 5px;
}
ul {
	font-family : "12px Verdana", Arial, Helvetica, sans-serif;
	font-size : 15px;
}


















.main border
{
	background-image: url(/img/fon.png);
	border: 1px solid #000000;
}

p
{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
	text-indent: 20px;
}





.h2
{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 20px;
}


a:link
{
	color: #3739FF;
}
a:visited
{
	color: #000190;
}
a:active
{
	color: #E0FFFF;
}
a:hover
{
	color: #C793E1;
}





<style>
a.button9 {
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 1em 2em;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
a.button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
a.button9:active {
  top: 1px;
}
</style>