@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);

/* Obecne */
html, body {width:100%; height: 100%;}
body { color: #fff; background-color: #000; font-family: play, sans serif; font-size: 12px; padding: 0; margin: 0; }
a img { border: 0 none; }
h1 { padding: 0; margin: 0 0 0.8em 0; font-size: 24px; font-weight: normal; }
h2 { font-size: 20px; padding: 0; margin: 6px 0; font-weight: bold; }
h3 { font-size: 125%; padding: 0; margin: 0.3em 0 0 0; font-weight: bold; }
h4 { font-size: 125%; padding: 0; margin: 0.3em 0; font-weight: normal; }
p { margin: 0 0 10px 0;}
table { font-size: 12px; }
a { color: #aaa; text-decoration: underline; }
hr { height: 1px; color: #ccc; background-color: #ccc; border: 0 none; margin: 8px 0; }

div#wrap-outer { position: relative; min-height: 100%; margin: 0 auto; width: 100%; }
div#wrap-inner { position: absolute; min-height: 100%; width: 100%}

div#main-outer { width: 100%; }

div#top-outer { background: #00000000; }
div#top-inner { position: relative; text-align: right; height: 100%; margin-right: 5vw; margin-top: 5vh; }
div#top-inner img { height: 8vh; margin-top: 5px; vertical-align: middle; }
div#top-inner a { height: 100%; }
div#top-inner ul { list-style: none; display: inline-block; padding: 0; margin: 10px 0; }
div#top-inner ul li { display: inline-block; }
div#top-inner ul li a { height: auto; font-size: 1.3rem; color: #fff; margin: 0 1em; text-decoration: none; line-height: 100%; }

div#page-outer { width: 100%; }
div#page-inner { margin: 30px; }
div#page-inner h1 { color: #E21F25; }

.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.strong { font-weight: bold; }
.va-top { vertical-align: top; }
.va-middle { vertical-align: middle; }
.va-bottom { vertical-align: bottom; }
.va-baseline { vertical-align: baseline; }
.hidden { visibility: hidden; }
.no-display { display: none; }