

.knopka_demo1 {
  font: 11px Verdana,Arial,Helvetica, sans-serif; font-weight: bold;
  color:#226891; text-shadow:1px 1px 1px #fff;
  background:#afd5eb;
  border:1px solid #84ABC2;
  padding: 4px 8px; 
  margin: 0px;
}

.knopka_demo1:hover {
  background:#c9e6f7;
}
/* -------------------------------------- */



.knopka_demo2 {
  font: 11px Verdana,Arial,Helvetica, sans-serif;font-weight: bold;
  color:#229125; text-shadow:1px 1px 1px #fff;
  background:#b7ebaf;
  border:1px solid #84c28b;
  padding: 4px 8px; 
  margin: 0px;
}

.knopka_demo2:hover {
  background:#ccf5c6;
}
/* -------------------------------------- */


.knopka_demo3 {
  font: 11px Verdana,Arial,Helvetica, sans-serif;font-weight: bold;
  color:#b17902; text-shadow:1px 1px 1px #fff;
  background:#fed66c;
  border:1px solid #e3b346;
  padding: 4px 8px; 
  margin: 0px;
}

.knopka_demo3:hover {
  background:#ffe49c;
}
/* -------------------------------------- */


.knopka_demo4 {
  font: 11px Verdana,Arial,Helvetica, sans-serif;font-weight: bold;
  color:#a53a55; text-shadow:1px 1px 1px #fff;
  background:#fb8793;
  border:1px solid #cb3f63;
  padding: 4px 8px; 
  margin: 0px;
}

.knopka_demo4:hover {
  background:#ffa9b2;
}
/* -------------------------------------- */


.knopka_demo5 {
  font: 11px Verdana,Arial,Helvetica, sans-serif;font-weight: bold;
  color:#cad7e7; text-shadow:1px 1px 1px #555;
  background:#858f9c;
  border:1px solid #3f5269;
  padding: 4px 8px; 
  margin: 0px;
}

.knopka_demo5:hover {
  background:#979ea7;
}
/* -------------------------------------- */



.knopka_demo6 {
  font: 11px Verdana,Arial,Helvetica, sans-serif; font-weight: bold;
  color:#226891; text-shadow:1px 1px 1px #fff;
  background:#afd5eb url(icon_knopka_01.png) no-repeat right;
  border:1px solid #84ABC2;
  padding: 4px 35px 4px 8px;
  margin: 0px;
}

.knopka_demo6:hover {
  background:#c9e6f7 url(icon_knopka_01.png) no-repeat right;
}
/* -------------------------------------- */


.knopka_demo7 {
  font: 11px Verdana,Arial,Helvetica, sans-serif;font-weight: bold;
  color:#229125; text-shadow:1px 1px 1px #fff;
  background:#b7ebaf url(icon_knopka_02.png) no-repeat right;
  border:1px solid #84c28b;
  padding: 4px 35px 4px 8px;
  margin: 0px;
}

.knopka_demo7:hover {
  background:#ccf5c6 url(icon_knopka_02.png) no-repeat right;
}
/* -------------------------------------- */



.knopka_demo8 {
  font: 11px Verdana,Arial,Helvetica, sans-serif;font-weight: bold;
  color:#b17902; text-shadow:1px 1px 1px #fff;
  background:#fed66c;
  border:1px solid #e3b346;
  padding: 4px 8px; 
  margin: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.knopka_demo8:hover {
  background:#ffe49c;
}
/* -------------------------------------- */


.knopka_demo9 {
  font: 11px Verdana,Arial,Helvetica, sans-serif;font-weight: bold;
  color:#a53a55; text-shadow:1px 1px 1px #fff;
  background:#fb8793;
  border:1px solid #cb3f63;
  padding: 4px 8px; 
  margin: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.knopka_demo9:hover {
  background:#ffa9b2;
}
/* -------------------------------------- */






