/*
========================
Vitaly Eremenko
GEM_SHOP.CSS
 2017-05-21; 2019-03-11;
========================
*/
H1
{
  font-family: Arial;
  font-weight: bold;
  font-size: 32px;
  color: #80FFFF;
}

H2
{
  font-family: 'Times New Roman';
  font-weight: bold;
  font-size: 24px;
  color: #0040C0;
}

.ButtonA 
{
  border: 1px solid #80C0FF; 
  border-radius: 8px; 
  background-image: linear-gradient(#0060A0, #004080); 
  text-decoration: none;
  font-size: 16px;
  font-weight: 400; /* 700; */
  width: 90px;
  height: 27px;
  color: #A0FFFF;
}

.ButtonA:hover 
{
  border: 1px solid #90D0FF;
  background-image: linear-gradient(#60A0F0, #2060B0);
  color: #FFFFC0;
}

.BtnSmallDown
{
  height: 34px; 
  width:  65px; 
  border: 4px inset #0080C0; 
  border-radius: 7px; 
  background-color: #80E0FF; 
  background-image: linear-gradient(to top, #40FFFF, #2040C0); 
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  color: #002040;
}

.BtnSmallDown:hover
{
  background-color: #90FFF0; 
  text-decoration: none;
  background-image: linear-gradient(to top, #B0C0FF, #0080FF); 
  font-weight: bold;
  color: #004020;
}

.BtnSmallUp
{
  height: 34px; 
  width:  65px; 
  border: 4px outset #008080; 
  border-radius: 7px; 
  background-color: #80E0FF; 
  background-image: linear-gradient(to bottom, #40C0F0, #2060C0); 
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  color: #804000;
}

.BtnSmallUp:hover
{
  background-color: #C0F0E0; 
  text-decoration: none;
  background-image: linear-gradient(to bottom, #C0D0FF, #4090F0); 
  font-weight: bold;
  color: #004060;
}

.PageDivBG 
{
  width: 90%; 
  padding: 20px; 
  border: 1px solid blue;
  border-radius: 20px; 
}

/* ===== END CSS ===== */