html{
    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{
    height: 100%;
    width: 99%;
    max-width: 100%;
    max-height: 99%;
    display: flex;
}

.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{
    padding-left: 5px;
    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 */
}

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