/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b9cf99; 
  border-radius: 5px;
  border: 1px solid #126b2a;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#126b2a; 
}

body{
background:#cbf5d8;
background-image:url('../_PIC/priroda1.gif');	
background-repeat:repeat-y;background-position:left;
background-size: 5vw;

}


.telo{
	background:#caed95;
	position:absolute;
	height:96%;
	width:60%;
	top:2%;
	left:20%;
	border-radius:20px;
	border:5px solid #126b2a;
	box-shadow:5px 5px 5px rgba(50,50,50,0.5);
	box-sizing: border-box;
}	
.logo{
width:15vw;
cursor:pointer;
background-image=url("../_PIC/cilinka.svg");
}
.nadpis{
	background:#126b2a;
	padding:1vw;;
	position:absolute;
	height:5.1875vw;
	width:25vw;
	top:2vw;
	right:6vh;
	border-radius:2vh;
	box-shadow:5px 5px 3px rgba(50,50,50,0.5);
	box-sizing: border-box;
	font-family:Arial;
	font-size:2.1875vw;
	font-weight:bold;
	text-align:center;
	color:#caed95;
	text-shadow:2px 2px 2px rgba(250,250,250,0.5);
	vertical-align:middle;
	
}	
.predel{
	background:#126b2a;
	position:absolute;
	height:6px;
	width:99%;
	left:0.5%;
	top:calc(6px + 9.1875vw);
	border-radius:3px;
	box-shadow:2px 2px 2px rgba(50,50,50,0.5);
	box-sizing: border-box;
}
.obsah{
	position:absolute;
	padding:2vh;
	box-sizing: border-box;
	width:100%;
	height:calc(100% - 15px - 9.1875vw);
	top:calc(15px + 9.1875vw);
	left:0px;
	box-sizing: border-box;
	overflow:auto;
	font-family:Arial;
	font-size:min(4vh, 15px);
	text-align:justify;
	color:#126b2a;
}
.motto{
	font-family:Verdena;
	font-size:min(5vh, 25px);
	font-weight:bold;
	text-shadow:2px 2px 2px rgba(50,50,50,0.5);
	color:#126b2a;
	display:inline-block;
}
.menuBox{
	background:#e9f8d3;
	position:absolute;
	height:min(38vh, 250px);
	width:min(36vh, 260px); 
	top:0px;
	right:0px;
	border-radius:1vh;
	border:0.2vw solid #126b2a;
	box-shadow:5px 5px 5px rgba(50,50,50,0.5);
	box-sizing: border-box;
	z-index:50;
	display:none;
}
.menuIkona{
	background:#126b2a;
	position:absolute;
	height:min(4.5vh, 30px);
	width:min(4.5vh, 30px);
	top:0px;
	right:0px;
	border-radius:0.5vh;
	box-shadow:3px 3px 3px rgba(50,50,50,0.5);
	box-sizing: border-box;
	z-index:100;
}

.menuTlacitko{
	background:#126b2a;
	padding:0.5vh;
	position:absolute;
	height:min(4.5vh, 30px);
	width:94%;
	left:3%;
	border-radius:1vh;
	box-shadow:3px 3px 3px rgba(50,50,50,0.5);
	box-sizing: border-box;
	z-index:100;
	font-family:Arial;
	font-size:min(2.5vh, 18px);
	font-weight:bold;
	text-align:center;
	color:#caed95;
	text-shadow:2px 2px 2px rgba(250,250,250,0.5);
	cursor:pointer;
}
.t0{
	top:min(5vh,35px);
}

.t1{
	top:min(10.5vh, 70px);
}
.t2{
	top:min(16vh, 105px);
}
.t3{
	top:min(21.5vh, 140px);
}
.t4{
	top:min(27vh, 175px);
}
.t5{
	top:min(32.5vh, 210px);
}
.menuTlacitko:hover{
	 background:#21c44d;
	 color:#126b2a;
}
.menuImg{
	position:absolute;
	height:90%;
	width:90%;
	top:2.5%;
	right:2.5%;
	cursor:pointer;
}

.textImg{
	border-radius:1vw;
	border:1px solid #126b2a;
	box-shadow:3px 3px 3px rgba(50,50,50,0.5);
	height:15vw;
	display:inline-block;
	margin:5px;
	cursor:pointer;
}
.podklad{
position:absolute;
left:0px;
top:0px;
overflow:auto;
width:100%;
height:100%;
background:rgba(185,207,153,0.9);
z-index:200;
display:none;
}
.fotka{
	position:absolute;
	top:5%;
	height:90%;
	box-shadow:10px 10px 5px rgba(50,50,50,0.5);
}
.centrovani{
display:flex;
flex-direction:row;
justify-content:center;
position:absolute;
height:100%;
width:100%;
top:0px;
left:0px;
}	
.mapa{
	position:relative;
	height:min(2.5vh, 15px);
	width:min(2.5vh, 15px);
	box-sizing: border-box;
	z-index:100;
	cursor:pointer;
}
.odkaz{
	font-weight:bold;
	cursor:pointer;
	color:#03a9fc;
}
.odkaz:hover{
	color:#fc8403;
}