/* 
-------------------------------------------------------------- */
body {font-family: Segoe UI, Arial, sans-serif; text-align:justify; font:size:10px;}
p {text-align: justify; font-size: 14px; }
cite {text-align: justify; font-size: 14px; font-weight: bold; color: #511a83; }
a    {color: white; font-style: bold;}
a:link   {color: white; font-style: bold;}
a:visited {color: white; font-style: bold;}
a:active {color: white; font-style: bold;}}
a:hover  {color: white; font-style: bold;}
p a        {color: #3399CC; text-decoration: none}
p a:link   {color: #3399CC}
p a:visited {color: #3399CC}
p a:active {color: #3399CC}
p a:hover  {color: #3399CC; text-decoration: underline}
h1    {font-size: 30px; font-weight: bold; color: #3399CC; font-family: Copperplate, "Copperplate Gothic Light", Segoe UI, sans-serif;}
h2    {font-size: 20px; font-weight: bold; text-align: center; color: #3399CC;}
table, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0px;
	padding: 0px;
  border-style: none;
  margin-left: auto; 
  margin-right: auto;
  border-spacing: 10px;}
ol, ul {list-style: none;}
img {border-width: 0px; margin: 10px}
.citat {font-style: italic; text-align: justify; color: cccccc; font-size: 12px;}
.purple {color: #511a83;}
.red {color: red;}
.bigstrong {font-size: 20px; font-family: Segoe UI, Arial, sans-serif; font-style: bold;}
.bigbigstrong {font-size: 30x; font-family: Segoe UI, Arial, sans-serif; font-style: bold;}
.small  {font-size: 12px; font-family: Segoe UI, Arial, sans-serif; font-style: normal;}
.banner-vpravo-horni {position: absolute; width: 160px; height: 390px; padding: 5px; right: 0px; top: 140px; border: 0px; overflow-y: hidden;}
.banner-vlevo-dole {position: absolute; width: 180px; height: 600px; padding: 5px; left: 0px; top: 480px; border: 0px; overflow-y: hidden;}
.banner-vlevo-horni {position: absolute; width: 160px; height: 400px; padding: 5px; left: 0px; top: 140px; border: 0px; overflow-y: hidden;}
.footer {position: fixed; left: 0; bottom: 0; width: 100%; height: 15px; background-color: #3399FF; color: white; text-align: center; font-size: 70%;}

a.button2, a.button2:before {
  display: inline-block;
  font-size: 20px;
  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 {
  content:  "REGISTROVAT ZDARMA";
  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: 0;
  visibility: hidden;
  transition: .4s;
}