html{
    overflow: hidden;
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
body{
    overflow: hidden;
    height: 100%;
    width: 99%;
    max-width: 100%;
    max-height: 99%;
    display: flex;
}

@keyframes blikani{
    0%  { background-color: blue; }
    50% { background-color: red; }
    100%{ background-color: blue; }
}
.mapa{
    resize: horizontal;
    overflow: auto;
	text-align: center;
	width: auto;
    height: 100%;
	float: left;
    padding-right: 10px;
	border-right: 2px solid blue;
    background-color: white;
}
.info{
    border-bottom: 2px dotted blue;
}
.odkaz{
    cursor:pointer;
    border: 2px solid blue;
    background-color: blue;
    color: white;
}
.odkazdetail{
    cursor:pointer;
    border: 2px solid blue;
    background-color: blue;
    color: white;
    display: inline;
}

.hlavni{
    overflow-y: auto;
    padding-left: 5px;
    padding-bottom: 60px;
    flex: 1;
}
.nadpis{
    text-align: center;
    font-size: 50px;
    border-bottom: 5px dotted blue;
    -webkit-user-select: text; /* Safari */
    -ms-user-select: text; /* IE 10 and IE 11 */
    user-select: text; /* Standard syntax */
}
.oznaceno{
    cursor:pointer;
    border: 2px solid lightgreen;
    background-color: lightgreen;
    color: white;
}
.oznacenodetail{
    cursor:pointer;
    border: 2px solid lightgreen;
    background-color: lightgreen;
    color: white;
    display: inline;
}

footer{
    position: fixed;
    bottom: 0;
    
    width: 99%;
    border-top: 2px dotted black;
    text-align: center;
    background-color: white;
}