@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 2560px) {
	.wrapper{
		width:90%;
	}
	.player1{
		position:absolute;
		top:36px;
		left:150px;
		height:410px;
		width:410px;
	}
	.player2{
		position:absolute;
		top:36px;
		right:150px;
		height:410px;
		width:410px;
	}
	.jmeno1{  
		position:absolute;
		top:430px;
		left:150px;
		width:410px;

	}
	.jmeno2{
		position:absolute;
		top:430px;
		right:150px;
		width:410px;

	}
	.score_board{
		position:absolute;
		width:597px;
	    height:295px;
		line-height: 295px;
		top:180px;
		font-size:2.8em;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
 }
	
	.people{
		position:absolute;
		width:407px;
	    height:35px;
		line-height: 159px;
		top:490px;
		font-size:2.8em;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
		background-image:url("../img/people.png");
		color:#FFFFFF;
 }	
	
	.rozhodci1{
		position:absolute;
		top:600px;
		left:150px;
		width:226px;
		height:244px;
	
		
	}	
	
	.rozhodci2{
		position:absolute;
		top:600px;
		left:600px;
		width:226px;
		height:244px;
				
	}
	
	
	.rozhodci3{
		position:absolute;
		top:600px;
		right:600px;
		width:226px;
		height:244px;
	}
	
	.rozhodci4{
		position:absolute;
		top:600px;
		right:150px;
		width:226px;
		height:244px;
	}
	
	
	.hlas1{
		position:absolute;
		top:855px;
		left:150px;
		width:220px;
		
	}	
	
	.hlas2{
		position:absolute;
		top:855px;
		left:600px;
		width:220px;
				
	}
	
	.hlas3{
		position:absolute;
		top:855px;
		right:600px;
		width:220px;
	}
	
	.hlas4{
		position:absolute;
		top:855px;
		right:150px;
		width:220px;
	}
	
	
	.logo{
		left: 0;
	 	right: 0;
	}
	
}


/*-------------------------------------------------*/
@media screen and (max-width: 1366px) {
	
	.wrapper{
		width:1010px;
	}
	.player1{  
		top:36px;
		left:50px;
		height:300px;
		width:300px;
	}
	.player2{
		top:36px;
		right:50px;
		height:300px;
		width:300px;
	}
	.jmeno1{  
		top:320px;
		left:50px;	
		width:300px;
	}
	.jmeno2{
		top:320px;
		right:50px;
		width:300px;
	}
		.score_board{
		position:absolute;
		width:197px;
	    height:95px;
		line-height: 95px;
		top:180px;
		font-size:1.8em;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
 }
	
		.rozhodci1{
		position:absolute;
		top:380px;
		left:350px;
		width:120px;
		
	}	
	
	.rozhodci2{
		position:absolute;
		top:380px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
		width:120px;
				
	}
	
	
	.rozhodci3{
		position:absolute;
		top:380px;
		right:350px;
		width:120px;
	}
	
	
	.rozhodci4{
		position:absolute;
		top:380px;
		right:150px;
		width:120px;
	}
	
	
	
	
	.hlas1{
		position:absolute;
		top:522px;
		left:350px;
		width:120px;
		
	}	
	
	.hlas2{
		position:absolute;
		top:522px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
		width:120px;
				
	}
	
	.hlas3{
		position:absolute;
		top:522px;
		right:350px;
		width:120px;
	}
	
	.result{
		width:520px;
		top:580px;
		left: 0;
		right: 0;	
}
	.result1,.result2,.result3{
		float:left;
		width:150px;
		height:55px;
		background-color: aliceblue;
}
	.result1,.result2{
	margin-right:35px;
}
}



/*-------------------------------------------------*/	
	
	
	

@media screen and (max-width: 1024px) {
	
	.wrapper{
		width:100%;
	}
	.player1{  
		top:180px;
		left:50px;
		height:300px;
		width:300px;
	}
	.player2{
		top:180px;
		right:50px;
		height:300px;
		width:300px;
	}
	
	.jmeno1{  
		top:450px;
		left:50px;	
		width:300px;
	}
	.jmeno2{
		top:450px;
		right:50px;
		width:300px;
	}
	
	.score_board{
		top:460px;
	 	width:300px;
	 	left: 0;
	 	right: 0;
 }
	
	
	.result{
		width:520px;
		top:580px;
		left: 0;
		right: 0;	
}
	.result1,.result2,.result3{
		float:left;
		width:150px;
		height:55px;
		background-color: aliceblue;
}
	.result1,.result2{
	margin-right:35px;
}
}

/*-------------------------------------------------*/	


@media screen and (max-width: 768px) {
	
	.wrapper{
		width:100%;
	}
	.player1{  
		top:100px;
		left:50px;
		height:300px;
		width:300px;
	}
	.player2{
		top:100px;
		right:50px;
		height:300px;
		width:300px;
	}
	
	.jmeno1{  
		top:370px;
		left:50px;	
		width:300px;
	}
	.jmeno2{
		top:370px;
		right:50px;
		width:300px;
	}
	.score_board{
		top:440px;
	 	width:300px;
	 	left: 0;
	 	right: 0;
		font-size:0.4em;
 }
	.result{
		width:520px;
		top:530px;
		left: 0;
		right: 0;	
}
	.result1,.result2,.result3{
		float:left;
		width:150px;
		height:55px;
		background-color: aliceblue;
}
	.result1,.result2{
	margin-right:35px;
}
}

/*-------------------------------------------------*/	


@media screen and (max-width: 640px) {
	
	.wrapper{
		width:100%;
	}
	.player1{  
		top:10px;
		left:50px;
		height:200px;
		width:200px;
	}
	.player2{
		top:10px;
		right:50px;
		height:200px;
		width:200px;
	}
	.jmeno1{  
		top:180px;
		left:50px;	
		width:200px;
	}
	.jmeno2{
		top:180px;
		right:50px;
		width:200px;
	}
	.score_board{
		top:250px;
	 	width:300px;
	 	left: 0;
	 	right: 0;
		font-size:0.4em;
 }
	.result{
		width:370px;
		top:320px;
		left: 0;
		right: 0;	
}
	.result1,.result2,.result3{
		float:left;
		width:100px;
		height:35px;
		background-color: aliceblue;
}
	.result1,.result2{
	margin-right:35px;
}
}

/*-------------------------------------------------*/	






@media screen and (max-width: 538px) {
	
	.wrapper{
		width:100%;
	}
	.player1{  
		top:30px;
		height:200px;
		width:200px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
	}
	.player2{
		top:380px;
		height:200px;
		width:200px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
	}
	
	.jmeno1{  
		top:200px;
		width:200px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
	}
	.jmeno2{
		top:550px;
		width:200px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
	}
	.score_board{
		top:285px;
	 	width:300px;
	 	left: 80px;
		font-size:0.4em;
 }
	.result{
		width:100%;
		height:100%;
		top:20px;
		left: 0;
		
}
	.result1,.result2,.result3{
		position: absolute;
		width:80px;
		height:55px;
		background-color: aliceblue;
}
	.result1{
	    top:80px;
		left: 20px;	
}
	.result2{
		top:260px;
		left: 20px;
}
	.result3{
		top:430px;
		left: 20px;
}

}

	

/*-------------------------------------------------*/	

@media screen and (max-width: 360px) {
	
	.wrapper{
		width:100%;
	}
	.player1{  
		top:30px;
		height:200px;
		width:200px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
	}
	.player2{
		top:380px;
		height:200px;
		width:200px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
	}
	.jmeno1{  
		top:200px;
		width:200px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
	}
	.jmeno2{
		top:550px;
		width:200px;
		margin-left: auto; 
        margin-right: auto;
		left: 0;
	 	right: 0;
	}
	.score_board{
		top:290px;
	 	width:150px;
	 	left: 10px;
		font-size:0.4em;
 }
	.result{
		width:100%;
		height:100%;
		top:20px;
		left: 0;
		
}
	.result1,.result2,.result3{
		position: absolute;
		width:40px;
		height:55px;
		background-color: aliceblue;
}
	.result1{
	    top:80px;
		left: 20px;	
}
	.result2{
		top:260px;
		left: 20px;
}
	.result3{
		top:430px;
		left: 20px;
}

}