*{margin: 0px; padding:0px}

    
body {width: 100%; height: 100%; background-color: #a90000; font-family: Calibri, Arial, Helvetica, Verdana; font-size: 14px; background-image:url('../img/pf/2016/pozadi-pf.jpg'); background-repeat: no-repeat; background-attachment: fixed; overflow: auto; background-position: top right; background-size: 100% 100%}

h1{color: #FFFFFF; padding: 30px 0px; font-size: 60px}

.obalGameOver{display: none; width: 100%; padding: 0 0 0 100px; width: 100%; box-sizing: border-box}
.obalGameOver .pf {display: block; width: 100%; font-family: Roboto; font-size: 250px; font-weight: bold; color: #ffffff; opacity: 0.8; filter: alpha(opacity=80);}
.obalGameOver .pf span {font-family: Roboto; font-size: 140px;}
.obalGameOver .obalNahledy {display: block; width: 100%; position: absolute; left: 0px; top: 300px; overflow: auto}
.obalGameOver .obalNahledy #nahledy{display: table; background: #000; padding: 20px 0}
.obalGameOver .obalNahledy #nahledy img{padding: 0 10px}
.obalGameOver .obalNahledy .obalTlac {display: block; position: absolute; width: 100%; z-index: 2}
.obalGameOver .obalNahledy .obalTlac #sipkaLeft {position: absolute; top: 0px; left: 0px; float: left; padding: 231px 20px}
.obalGameOver .obalNahledy .obalTlac #sipkaRight {float: right; padding: 231px 20px}
.obalGameOver .podpis {display: block; width: 100%; margin: 630px 0 30px; color: #ffffff; opacity: 0.8; filter: alpha(opacity=80);}
.obalGameOver .podpis span{font-family: Roboto; font-size: 40px;}

.obalPex{display: block; float:left; position: relative; width: 50%; margin: 0 0 0 20px}
.obalPex .card{width: 11.9%; display: inline-block; margin: 6.4% 0.3%;}
.obalPex .cardPas{width: 11.9%; display: inline-block; margin: 6.4% 0.3%; opacity: 0.01}
.obalPex .card .front{width: 100%; box-sizing: border-box; color: #ff9900; font-size: 20px;font-weight: bold;}
.obalPex .card .front img{width: 100%; box-shadow: 0px 0px 7px #000000}
.obalPex .card .back{width: 100%}
.obalPex .card .back img{width: 100%; padding: 4% 5%; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 0px 7px #000000}

.obalPex .obalHlaska {display: block; position: absolute; top: 44%; width: 40%; background-color: #000000; text-align: center; padding: 0 1% 2%; opacity: 0.9; filter: alpha(opacity=90); color: #fff; margin: 0 29%;}
.obalPex .obalHlaska p {font-size: 24px; padding: 7% 0 5%}
.obalPex .obalHlaska a {display: block; width: 50%; margin: 4% 25%; text-decoration: none; color: #ffffff}
.obalPex .obalHlaska a:hover {text-decoration: underline}
.obalPex .obalHlaska span {display: block; background-color: #A20000; width: 100%; padding: 10px 0; font-size: 18px}

.clearfix{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}


@media (orientation: portrait) {
.obalPex{display: block; float:left; position: relative; width: 90%; margin: 0 20px}
}