body{
  background: #111 url('./images/bgs_2.jpg') no-repeat center center fixed;
  background-size: cover;
	font-family: 'Lucida Grande', sans-serif;
	font-size: 11px;
	color: #BBB;
}
.clear{
	clear: both;
}
img{
	border: none;
  max-width: 780px;
}
a{
	color: #FFF;
	text-decoration: none;
}
a:hover{
	color: #f01;
	text-decoration: none;
} 
code{
  color: #000;
  background: rgba(0,255,255,0.60);
}
.skrt{
	text-decoration: line-through;
}
.pozadi{
  width: 1024px;
  background: rgba(19,19,19,0.80);
  /*border: 2px solid rgba(255,0,17,0.50);*/
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
}
.pozadi hr{
  color: #f01;
}
.hlavicka-logo{
	background: transparent url('./images/header-logo.png') no-repeat top;
  width: 980px;
	height: 120px;
  margin: auto;
}
.menu{
  width: 1024px;
  height: 25px;
  background: rgba(255,0,17,0.60);
}
.menu ul li{
  margin-top: 5px;
  margin-left: 10px;
  list-style: none;
  float: left;
  font-size: 12px;
}
.menu ul li a{
  color: #FFF;
  font-weight: bolder;
  text-shadow: 0.1em 0.1em #000;
}
.menu ul li a:hover{
  color: #000;
  font-weight: bolder;
  text-decoration: none;
  text-shadow: 0.1em 0.1em #FFF; 
}
.submenu{
  width: 1024px;
  height: 25px;
  background: rgba(0,102,255,0.60);
  margin-top: -10px;
}
.submenu ul li{
  color: #f01;
  font-weight: bolder;
  margin-top: 5px;
  margin-left: 10px;
  list-style: none;
  float: left;
  font-size: 12px;
  text-shadow: 0.1em 0.1em #000;
}
.submenu ul li a{
  color: #FFF;
  font-weight: bolder;
  text-shadow: 0.1em 0.1em #000;
}
.submenu ul li a:hover{
  color: #000;
  font-weight: bolder;
  text-decoration: none;
  text-shadow: 0.1em 0.1em #FFF; 
}
.submenu .music{
  color: #f01;
  font-weight: bolder;
  margin-top: 5px;
  font-size: 14px;
  text-shadow: 0.1em 0.1em #000;
}
.prava{
	width: 180px;
  background: rgba(19,19,19,0.60);
  border: 2px solid rgba(0,102,255,0.60);
  border-radius: 20px;
	text-align: center;
  padding-bottom: 5px;
	margin: 10px;
}
.prava h1{
  margin-top: 0px;
  background: rgba(0,102,255,0.60);
  border: 0px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
	text-align: center;
  text-shadow: 0.1em 0.1em #000;
  color: #FFF;
  font-size: 12px;
}
.prava .nadpis{
  color: #06f;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}
.prava .obsah{
  color: #FFF;
  font-size: 13px;
  font-weight: bolder;
}
.leva{
	width: 790px;
  background: rgba(19,19,19,0.60);
  border: 2px solid rgba(255,0,17,0.60);
  border-radius: 20px;
	text-align: center;
  padding-bottom: 5px;
	margin: 10px;
  word-wrap: break-word;
  overflow: auto;
}
.leva h1{
  margin-top: 0px;
  background: rgba(255,0,17,0.60);
  border: 0px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
	text-align: center;
  text-shadow: 0.1em 0.1em #000;
  color: #FFF;
  font-size: 12px;
}
.leva .nadpis{
  color: #f01;
  font-size: 13px;
  font-weight: bolder;
  font-style: italic;
}
.leva .nadpis-velky{
  color: #f01;
  font-size: 26px;
  font-weight: bolder;
  font-style: italic;
  text-shadow: 0.1em 0.1em #000;
}
.leva .kod{
  color: #f01;
  font-weight: bolder;
}
.stred{
	width: 1000px;
  background: rgba(19,19,19,0.60);
  border: 2px solid rgba(0,102,255,0.60);
  border-radius: 20px;
	text-align: center;
  padding-bottom: 5px;
	margin: 10px;
}
.stred h1{
  margin-top: 0px;
  background: rgba(0,102,255,0.60);
  border: 0px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
	text-align: center;
  text-shadow: 0.1em 0.1em #000;
  color: #FFF;
  font-size: 12px;
}
.stred .nadpis{
  color: #06f;
  font-size: 26px;
  font-weight: bolder;
  font-style: italic;
  text-shadow: 0.1em 0.1em #000;
}
.stred img{
  max-width: 980px;
}
.paticka{
  margin-bottom: 0px;
  background: rgba(255,0,17,0.60);
  border: 0px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
	text-align: center;
  color: #000;
  font-size: 10px;
}
.dev{
	text-align: center;
  color: #888;
  font-size: 9px;
}
table{
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
  font-size: 11px;
}
td{
	text-align: center;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
  font-size: 11px;
}
.leva td{
  color: #DDD;
	vertical-align: middle;
}
.leva .titul td{
  background: rgba(255,0,17,0.5);
}
.leva .podtitul td{
  background: rgba(0,102,255,0.5);
}
.leva .oramovana td{
  color: #DDD;
	vertical-align: middle;
  border: 1px solid rgba(255,0,17,0.60);
}
.leva .zelena{
  margin-left: auto;
  margin-right: auto;
}
.leva .zelena td{
  color: #DDD;
	vertical-align: middle;
  border: 1px solid rgba(255,0,17,0.40);
}
.leva .zelena span{
  color: #f01;
  font-weight: bolder;
}
.leva .chat-1 td{
  color: #FFF;
  background: rgba(0,102,255,0.3);
}
.leva .chat-2 td{
  color: #FFF;
  background: rgba(0,102,255,0.3);
}
.novinka{
  text-decoration: blink;
}
.textvstup{
	background: rgba(0,0,0,0);
  filter: chroma(color=#ffffff);
	border: 1px solid #f01;
  border-radius: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}
.textvstup:focus{
  background: rgba(0,0,0,0);
  color: #f01;
	border: 2px solid #f01;
}
.tlacitko{
	background: transparent;
	border: 1px solid #f01;
  border-radius: 5px;
	color: #f01;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}
.tlacitko:focus{
  color: #f01;
	border: 2px solid #f01;
}
.tlacitko2{
  font-weight: bold;
  border: 1px solid #06f;
  background-color: #06f;
  border-radius: 4px;
  box-shadow: inset 1px 6px 12px #06f, inset -1px -10px 5px #06f, 1px 2px 1px black;
  color: #fff;
  text-shadow: 1px 1px 1px black;
  padding: 5px 30px;
}
.tlacitkotmuf{
  background: url('images/tmuf.png') no-repeat;
  width: 180px;
  height: 70px;
  border: none;
}
.tlacitkotmnf{
  background: url('images/tmnf.png') no-repeat;
  width: 180px;
  height: 70px;
  border: none;
}
.tlacitkotm2{
  background: url('images/tm2.png') no-repeat;
  width: 180px;
  height: 70px;
  border: none;
}
.tlacitkotmuf:hover{
  background: url('images/tmuf_.png') no-repeat;
  width: 180px;
  height: 70px;
  border: none;
}
.tlacitkotmnf:hover{
  background: url('images/tmnf_.png') no-repeat;
  width: 180px;
  height: 70px;
  border: none;
}
.tlacitkotm2:hover{
  background: url('images/tm2_.png') no-repeat;
  width: 180px;
  height: 70px;
  border: none;
}
.playtm{
  background: url('images/playtm.png') no-repeat;
  width: 48px;
  height: 48px;
  border: none;
}
.playmp{
  background: url('images/playmp.png') no-repeat;
  width: 48px;
  height: 48px;
  border: none;
}
.paypal{
  background: url('images/paypal.png') no-repeat;
  width: 145px;
  height: 52px;
  border: none;
}
.playtm:hover{
  background: url('images/playtm_.png') no-repeat;
  width: 48px;
  height: 48px;
  border: none;
}
.playmp:hover{
  background: url('images/playmp_.png') no-repeat;
  width: 48px;
  height: 48px;
  border: none;
}
.paypal:hover{
  background: url('images/paypal_.png') no-repeat;
  width: 145px;
  height: 52px;
  border: none;
}
.g-recaptcha{
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}