body {
	position: relative;
	height: 499px;
	width: 599px;
	margin: 0px;
	box-sizing: border-box;
	background-color: #f0f0f0;
	background-size: cover;
}

.siema, .siema > *, .siema>*>* {
	width: 100%;
	height: 100%;
	border: 0px;
	position: relative;
}

.page {
	position: relative;
	height: 100%;
	display: none;
}

#next {
	height: 10px;
	width: 10px;
	cursor: pointer;
	z-index: 10;
	align-self: center;
	margin-left: 10px;
	background-image: url("../images/right-arrow.svg");
}

#prev {
	height: 10px;
	width: 10px;
	cursor: pointer;
	z-index: 10;
	background-image: url("../images/right-arrow.svg");
	margin-right: 10px;
	transform: scaleX(-1);
}

#pos {
	height: 10px;
	width: 100%;
	bottom: 10px;
	position: absolute;
	z-index: 10;
	display: flex;
	justify-content: center;
}

.dot {
	cursor: pointer;
	background-color: #707070;
	width: 10px;
	height: 10px;
	margin: 0px 2px;
	align-self: center;
	border-radius: 5px;
}

.dot.active {
	background-color: #FAFAFA;
}