body{padding:0px;background-color:black;}
a{color:white;text-decoration:none;}
#uvod{
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
transition:1s;
}
/***********************/
#uvod.dole ~ #prechod{top:-100%;transition:1s top;}
#uvod.nahore ~ #prechod{top:0%;transition:1s top;}
/***********************/
#pozadi{
z-index:-1;
margin:0px;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
width:100%;
height:100%;
background-image:url("img/gyrec_640.jpg");
background-position:center center;
}
#prechod{
z-index:-1;
margin:0px;
position:fixed;
bottom:0px;
left:0px;
right:0px;
width:100%;
height:200%;
background-image:linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.15));
overflow:hidden;
}
#admin{
position:fixed;
color:black;
font-family:tahoma;
//font-size:10px;
bottom:10px;
left:10px;
cursor:pointer;
}
#admin:hover{
color:blue;
}
#copy{
position:fixed;
color:black;
font-family:tahoma;
//font-size:10px;
bottom:10px;
right:10px;
} 
#nadpis{
position:fixed;
font-family:tahoma;
text-align:center;
z-index:100;
color:white;
width:100%;
letter-spacing:4px;
line-height:1.5;
}
#button{
text-transform:uppercase;
position:absolute;;
bottom:0px;
font-family:tahoma;
text-align:center;
z-index:100;
width:100%;
letter-spacing:4px;
line-height:1.5;
font-weight:bold;
margin-left:auto;
margin-right:auto;
cursor:pointer;
outline:none;
color:white;
border:5px solid white;
}
#info{
position:absolute;
font-family:tahoma;
text-align:center;
width:100%;
letter-spacing:4px;
line-height:1.5;
font-weight:bold;
margin-left:auto;
margin-right:auto;
cursor:pointer;
outline:none;
color:white;
z-index:100;
bottom:0px;
}
#button:target, #button:focus, #button:hover {
background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2));
}
#info:target, #info:focus, #info:hover{
text-decoration:underline;
}

@media (min-width: 2000px) AND (min-height: 1500px) {
#pozadi{background-image:url("img/gyrec.jpg");}}
@media (min-width: 1000px) AND (min-height: 750px) {
#pozadi{background-image:url("img/gyrec_2000.jpg");}}
@media (min-width: 640px) AND (min-height: 480px) {
#pozadi{background-image:url("img/gyrec_1100.jpg");}}