@font-face {
  font-family: 'HSHU';
  src: url('/font/HSHU.eot?#iefix') format('embedded-opentype'),  url('/font/HSHU.woff') format('woff'), url('/font/HSHU.ttf')  format('truetype'), url('/font/HSHU.svg#HSHU') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{
	font-family: 'HSHU';
	margin: 0px;
	padding: 0px;
}

html{
	width: 1920px;
	height: 1080px;
	overflow: hidden;
}

#hcuplogo{
	display: block;
	margin: 290px auto;
}

#user1{
	color: #fcf8f4;	
	position: fixed;
	top: 325px;
	left: 10px;
	padding: 8px 5px;
	font-size: 55px;
}

#user2{
	color: #fcf8f4;	
	position: fixed;
	top: 665px;
	left: 10px;
	padding: 8px 5px;
	font-size: 55px;	
}

#pont1{
	color: #fcf8f4;		
	position: fixed;
	top: 330px;
	font-size: 60px;
	text-align: right;
	width: 475px;
}

#pont2{
	color: #fcf8f4;	
	position: fixed;
	top: 670px;
	font-size: 60px;
	text-align: right;
	width: 475px;
}

.img{
	height: 95px;
	width: 95px;	
}

#p1c1{
	position: fixed;
	top: 255px;
	left: 490px;	
}

#p1c2{
	position: fixed;
	top: 170px;
	left: 490px;	
}

#p1c3{
	position: fixed;
	top: 80px;
	left: 490px;	
}

#p1c4{
	position: fixed;
	top: -5px;
	left: 490px;	
}

#p2c1{
	position: fixed;
	top: 730px;
	left: 490px;	
}

#p2c2{
	position: fixed;
	top: 820px;
	left: 490px;	
}

#p2c3{
	position: fixed;
	top: 905px;
	left: 490px;	
}

#p2c4{
	position: fixed;
	top: 990px;
	left: 490px;	
}

.img img{
	width: inherit;
	height: inherit;
	position: absolute;
	top: 0px;
	left: 0px;
}

.img .ov
{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 18px;
}

.ov{
	border-radius: 50%;
	z-index: 2;
}

.ov.s1{
	/*background: rgba(128,128,128,0.5);*/
}
.s2{
	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}
.ov.s1{
	background: transparent url('http://media.hearthstonehungary.hu/hcup_cast/cross.png');
	background-size: cover;
}
.ov.s3{
	/*background: rgba(255,255,0,0.5);*/
}
.ov.s3{	
	background: transparent url('http://media.hearthstonehungary.hu/hcup_cast/tick.png');
	background-size: cover;
}