body {
    font-family: Open sans, Arial, sans-serif;
    padding: 0;
    margin:0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    min-height: 100vh;
}
*:focus {
    outline: none;
}
textarea:focus, input:focus, button:focus{
    outline: none;
}
h1 {font-size : 27px; font-weight : 300; padding : 0; margin : 0 0 30px 0; text-align : center;} 
h2 {font-size : 27px; font-weight : 300; padding : 0; margin : 0 0 30px 0; text-align : center;} 
h3 {font-size : 20px; font-weight : 300; padding : 0; margin : 0 0 30px 0; text-align : center;}
p {padding : 0;margin:0;}

#menu {
    background: #666;
    width: 100%;
    padding:10px 50px 30px 50px;
    margin:0;
    box-sizing: border-box;
    text-align: center;
    transition: 0;
	position: relative;
	top:0;
	left:0;
}
#menu h1 {
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    padding: 20px 0;
	margin:0;
	transition: 0.5s;
}
#menu input {
    text-align: center;
    width:100%;
    border-radius: 5px;
    font-size: 24px;
    border:0;
    padding:10px;
	color:rgba(255,255,255,1);
	background: rgba(0,0,0,0.4);
	transition: box-shadow 700ms, color 700ms;
	border-bottom-width:0px;
	border-bottom-style: solid;
	border-bottom-color: white;
    box-shadow: inset 0px 0 0 0 rgba(0,0,0,0.15);
	margin-top:10px;
}
#menu input[type="search"]:hover {
	box-shadow: inset 0 -100px 0 0 rgba(0,0,0,0.55);
}
#menu input[type="search"]:focus{
	outline:none !important;
}
#menu #search>input[placeholder] {
	color: rgba(255,255,255,1);
}
.click{
    display: block;
    letter-spacing: 5px;
    font-size:16px;
    transition: 500ms;
    color:white;
    cursor: pointer;
    padding:15px;
}
.click:hover {
    text-decoration: underline;
}
#vyber {
    padding:10px 25px 25px 10px;
    display: none;
}
#vyber button {
    display: inline;
	border:2px solid white;
	background-color:transparent;
	padding:10px;
    color:white;
    margin:5px;
    font-size:16px;
	box-shadow: inset 0 0 0 0 rgba(0,0,0,0.04);
	transition: 300ms;
	letter-spacing: 1px;
}
#vyber button:hover {
    background: #444;
}
#vyber button.check {
    background: #444;
}
#menu.fix {
	position: fixed;
	top:0;
	left:0;
}
#menu.fix h1 {
    display: none;
}
@media screen and (max-width:751px){
    #menu {
        padding:0 20px;
    }
}

#content {
    width:100%;
    padding: 0 50px 20px 50px;
    background:#999;
    box-sizing: border-box;
    min-height:100vh;
}
.prvok {
    width:80%;
    margin:10px auto 0 auto;
    border:2px solid black;
}
.logo {
    float:left;
    width:25%;
    box-sizing: border-box;
    background:#333;
    color:white;   
    overflow: hidden;
    text-align: center;
    font-size: 48px;
    text-transform: capitalize;
}
.top {
    width:75%;
    border-bottom:2px solid black;
    color:white;
    background:#333;
    text-align: center;
    padding:10px 0;
    font-size:24px;
    float:right;
    text-transform: uppercase;
}
.bottom {
    width:75%;
    text-align: center;
    box-sizing: border-box;
    border-collapse: collapse;
}
.bottom td {
    border-left:2px solid black;
}
.bottom td:last-child{
	white-space: nowrap;
}
#foot {
    width:100%;
    height:auto;
    background:#666;
    text-align: center;
    padding: 10px 15px;
    box-sizing: border-box;
}
@media screen and (max-width:751px){
    #content {
        padding: 0 15px 15px 15px;
    }
    .prvok {
        width:100%;
    }
    .logo {
        width:15%;
        float:left;
        padding:10px 0;
        box-sizing: content-box;
        border-bottom: 2px solid black;
        font-size:16px;
    }
    .top {
        float:left;
        font-size:16px;
        width:85%;
    }
    .bottom {
        width:100%;
    }
    .bottom td:first-child{
        border:0;
    }
}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #555;z-index: 99;}
#loader{-webkit-animation: circle 1.1s infinite linear;animation: circle 1.1s infinite linear;position: absolute;border-radius: 50%;top:50%;left:50%;width: 60px;height: 60px;border-top: 11px solid rgba(255, 255, 255, 1);border-right: 11px solid rgba(255, 255, 255, 0);border-bottom: 11px solid rgba(255, 255, 255,1);border-left: 11px solid rgba(255,255,255,0);}
@-webkit-keyframes circle { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes circle { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}