/* 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:86%;
	top:2%;
	left:7%;
	border-radius:20px;
	border:5px solid #126b2a;
	box-shadow:5px 5px 5px rgba(50,50,50,0.5);
	box-sizing: border-box;
}	
.logo{
width:25vw;
cursor:pointer;
background-image=url("../_PIC/cilinka.svg");
}	
.nadpis{
	background:#126b2a;
	padding:2.5vw;;
	position:absolute;
	height:9.3125vw;
	width:40vw;
	top:3vw;
	right:6vh;
	border-radius:3vw;
	box-shadow:5px 5px 3px rgba(50,50,50,0.5);
	box-sizing: border-box;
	font-family:Arial;
	font-size:3.3125vw;
	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 + 15.3125vw);
	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 - 15.3125vw);
	top:calc(15px + 15.3125vw);
	left:0px;
	box-sizing: border-box;
	overflow:auto;
	font-family:Arial;
	font-size:min(3.5vw, 15px);
	text-align:justify;
	color:#126b2a;
}
.motto{
	font-family:Verdena;
	font-size:min(5vw, 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:43vw;
	width:35vw;
	top:0px;
	right:0px;
	border-radius:1vw;
	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:5vw;
	width:5vw;
	top:0px;
	right:0px;
	border-radius:0.5vw;
	box-shadow:3px 3px 3px rgba(50,50,50,0.5);
	box-sizing: border-box;
	z-index:100;
}

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

.t1{
	top:12vw;
}
.t2{
	top:18vw;
}
.t3{
	top:24vw;
}
.t4{
	top:30vw;
}
.t5{
	top:36vw;
}
.menuTlacitko:hover{
	 background:#21c44d;
	 color:#126b2a;
}
.menuImg{
	position:absolute;
	height:90%;
	width:90%;
	top:2.5%;
	right:2.5%;
	cursor:pointer;
}
.textImg{
	border-radius:2vh;
	border:1px solid #126b2a;
	box-shadow:3px 3px 3px rgba(50,50,50,0.5);
	height:18vh;
	display:inline-block;
	margin:5px;
	
}
.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;
	left:5%;
	width:90%;
	vertical-align:middle;
	box-shadow:10px 10px 5px rgba(50,50,50,0.5);
}	
.centrovani{
display:flex;
flex-direction:column;
justify-content:center;
position:absolute;
height:100%;
width:100%;
top:0px;
left:0px;
}	
.mapa{
	position:relative;
	height:min(3vw, 15px);
	width:min(3vw, 15px);
	box-sizing: border-box;
	z-index:100;
	cursor:pointer;
}
.odkaz{
	font-weight:bold;
	cursor:pointer;
	color:#03a9fc;
}
.odkaz:hover{
	color:#fc8403;
}