#slider_wrapper {
	position: relative;
	display: inline-block;
}

/* šípky - defaultne neviditeľné, zobrazia sa len pri hoveri na celý slider */
.slider_nav .slider_arrow {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	z-index: 999;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: rgba(0,0,0,0.35);
	color: #fff;
	font-size: 26px;
	text-decoration: none;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

#slider_wrapper:hover .slider_arrow {
	opacity: 1;
	visibility: visible;
}

.slider_arrow:hover { background: rgba(0,0,0,0.6); }

/* zdvojnásobené odsadenie od kraja: 15px -> 30px */
.slider_arrow_left  { left: 30px; }
.slider_arrow_right { right: 30px; }

/* bodky - parametrická pozícia hore/dole cez triedu na wrapperi */
.slider_dots {
	position: absolute;
	left: 50%;
	z-index: 999;
	transform: translateX(-50%);
}

/* zdvojnásobené odsadenie od kraja: 15px -> 30px */
#slider_wrapper.dots-top .slider_dots {
	top: 30px;
	bottom: auto;
}
#slider_wrapper.dots-bottom .slider_dots {
	bottom: 30px;
	top: auto;
}

.slider_dot {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
	border: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
}
.slider_dot:hover { background: rgba(255,255,255,0.8); }
.slider_dot_active { background: #ffffff; }