html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: bottom;
    outline: none;
	font-weight: normal;
	border-image-width: 0px;
}
body {
	min-width: 940px;
	min-height: 600px;
	background: cadetblue;
	font-family: "Geneva CE", "Arial CE", sans-serif;
}
div {
	/* outline: 1px solid grey; */
}
button, a {
	cursor:pointer;
}
button {
	border: none;
    border-radius: 3px;
    padding: 5px 15px;
}
#version {
color: transparent;
    z-index: -1;
    position: absolute;
}
#backBtn {
	position:absolute;
}
#topBox {
	height: 80vh;
	width: 100%;
	background: cadetblue;
}
#Table {
	height: 80vh;
	width: 80%;
	display: inline-block;
}
#hrac3 {
	height: 20vh;
}
#hrac2 {
	width:20%;
	height: 60vh;
	display: inline-block;
}
#MainTrick {
	width:60%;
	height: 60vh;	
	display: inline-block;
	background: cadetblue;
	max-height: 360px;
}
#MainTrick button {
position: absolute;
    top: 60%;
    left: 35%;
    z-index: 20;
    box-shadow: black 0 0 50px;
    padding: 20px 50px;
}
#SebratBalik {
	background: #a7d6a7;
    box-shadow: #648865 0 0 50px;
    font-size: 150%;
}
#VemSiTo {
	background: #cc8a8a;
    box-shadow: #dcbfbf 0 0 50px;
    font-size: 150%;
}
#hrac4 {
	width:20%;
	height: 60vh;
	display: inline-block;
}
#Board {
	height: 80vh;
	width:20%;
	display: inline-block;
	text-align: center;
}
#Team1 {
	height: 30vh;	
}
#Team2 {
	height: 30vh;	
}
#JmenoHrac1, #JmenoHrac2, #JmenoHrac3, #JmenoHrac4 {
	padding: 3px;
	font-size: 105%;

}
#TEST2 {
position: relative;
    top: 50%;
    left: 10%;
    font-size: 110%;
    border: 1px grey solid;
    width: fit-content;
    padding: 15px 5px;
    border-radius: 3px;
    background: url(img/rub.jpg);
    text-shadow: 0px 0px 2px black;
    background-size: cover;
}
#Pos1Tricks, #Pos2Tricks, #Pos3Tricks, #Pos4Tricks, #MyTricks {
	padding: 3px;
	font-size: 125%;
	
	    border: 1px grey solid;
    width: fit-content;
    padding: 3px 3px;
    border-radius: 3px;
    background: url(img/rub.jpg);
    text-shadow: 0px 0px 2px black;
    background-size: cover;
}
#player1, #player3, #player3, #player4 {
	
}
#ScoreTeam1, #ScoreTeam2 {
	
}
#bottomBox {
	height: 20vh;
background: cadetblue;
}
#hrac1 {
	height: 20vh;
	width: 80%;	
	display: inline-block;	
}
#Tables {
	height: 20vh;
	display: inline-block;
	width:20%;
}
#TablesPlaceholder {
	height: 20vh;
	width:20%;
	position:absolute;
	top: 80vh;
	left: 80%;
}
#CardsPlaceholder {
	height: 20vh;
	width:80%;
	position:absolute;
	top: 80vh;
	left: 0%;
}
#vysledekPlaceholder {
	position:absolute;
	height: 100vh;
	width:100%;
	background: rgba(0,0,0,0.5);
	z-index: 100;
}
#vysledekPlaceholder.spalena {
    background-image: url(img/fire.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
	
#Tym1Karty, #Tym2Karty {
    color: white;
    font-size: 200%;
    margin: 50px;
    text-align: center;
}
#Close {
	
}
.teamname {
	color:white;
	font-size: 115%;
}
.TableSel {
	display: inline-block;
	height: 40%;
	width: 40%;
	text-align:center;
	margin: 3px;
    border: 1px solid grey;
    border-radius: 5px;
}
.TableSel a {
    display: inline-block;
    width: 100%;
    height: 8vh;
    line-height: 8vh;
}
.MyCard {
	width: 66px;
	height: 104px;
	display: inline-block;
	outline: none;
    border-radius: 5px;
	background: url(img/karty.jpg);
	cursor:pointer;
}
#MyCard1, .CardOne {
	margin-left: 25%;
}
.Card {
	width: 66px;
	height: 100px;
	display: inline-block;
	border: solid 1px #bbb;
	outline: none;
    border-radius: 5px;
    background: url(img/rub.jpg);
	background-size: cover;
}
#hrac2 .Card, #hrac4 .Card {
	margin: 5px;
}
.MyCardT.Tricks, .CardT.Tricks {
	width: 100%;
	background: none;
	border: none;
	cursor:unset;
	text-align: center;
}
#hrac3 .Card.Tricks, .MyCard.Tricks {
	width: 200px;
}
.TrickCard  {
    width: 65px;
    height: 103px;
    position: relative;
    outline: none;
    border-radius: 5px;
    background: url(img/karty.jpg);
	display:none;
	border: 1px solid #9c9c9c;
}
.Card, .MyCard {
	display: none;
}
.EndCard {
	background: url(img/karty.jpg);
	width: 65px;
    height: 103px;
	display: inline-block;
	margin: 2px;
	border-radius: 4px;
}

#TrickCard1 {
	top: 0%;
    left: 40%;
}
#TrickCard2 {
    top: -23%;
    left: 37%;	
}
#TrickCard3 {
top: -47%;
    left: 43%;
}
#TrickCard4 {
    top: -83%;
    left: 39%;
}
#TrickCard5 {
	top: -107%;
    left: 42%;
}#TrickCard6 {
	top: -130%;
    left: 37%;
} #TrickCard7 {
	top: -153%;
    left: 39%;
} #TrickCard8 {
	top: -189%;
    left: 41%;
} #TrickCard9 {
	top: -222%;
    left: 40%;
} #TrickCard10 {
	top: -250%;
    left: 42%;
} #TrickCard11 {
	top: -295%;
    left: 39%;
} #TrickCard12 {
	top: -325%;
    left: 41%;
} #TrickCard13 {
	top: -350%;
    left: 42%;
} #TrickCard14 {
	top: -370%;
    left: 40%;
} #TrickCard15 {
	top: -394%;
    left: 40%;
} #TrickCard16 {
	top: -430%;
    left: 40%;
}  
.hides {
	display:none;
}
.ce07 {background-position: -435px 0px;}
.ce08{background-position: -373px 0px;}
.ce09{background-position: -311px 0px;}
.ce10{background-position: -250px 0px;}
.ce0j{background-position: -187px 0px;}
.ce0q{background-position: -125px 0px;}
.ce0k{background-position: -62px 0px;}
.ce0a{background-position: -1px 0px;}
.ze07{background-position: -435px 206px;}
.ze08{background-position: -374px 206px;}
.ze09{background-position: -311px 206px;}
.ze10{background-position: -250px 206px;}
.ze0j{background-position: -187px 206px;}
.ze0q{background-position: -125px 206px;}
.ze0k{background-position: -62px 206px;}
.ze0a{background-position: 0px 206px;}
.ku07{background-position: -435px 310px}
.ku08{background-position: -373px 310px;}
.ku09{background-position: -311px 310px;}
.ku10{background-position: -250px 310px;}
.ku0j{background-position: -187px 310px;}
.ku0q{background-position: -124px 310px;}
.ku0k{background-position: -62px 310px;}
.ku0a{background-position: 0px 310px;}
.za07{background-position: -435px 104px;}
.za08{background-position: -373px 104px;}
.za09{background-position: -311px 104px;}
.za10{background-position: -250px 104px;}
.za0j{background-position: -187px 104px;}
.za0q{background-position: -124px 104px;}
.za0k{background-position: -62px 104px;}
.za0a{background-position: 0px 104px;}
.xx0a{background: white;}



.TableSel .barva0{
	background: #cecece;
	border-radius: 5px;
}
.TableSel .barva1, .TableSel .barva2, .TableSel .barva3{
	background: #bd8852;
	border-radius: 5px;
}
.TableSel .barva4{
	background: #98d2a4;
	border-radius: 5px;
}
.NaRade {
	background:#8bd2d4;
}