ul, ol{
	list-style: none;
}


.slidershow{
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
}

.slidershow .slider{
	margin: 0px;
	padding: 0px;

}


@media only screen and (max-width: 992px) {

	.slidershow .slider li, .slidershow ul{

		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.slidershow .slider li img{

		width: 100%;
	}
}

@media only screen and (min-width: 992px) {

	.slidershow .slider li, .slidershow ul{

		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	.slidershow .slider li img{

		width: 100%;
		height: 100%;
	}
	
}

@media only screen and (min-width: 1200px) {

	.slidershow .slider li, .slidershow ul{

		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	.slidershow .slider li img{

		width: 100%;
	}
	
}



.slidershow .slider .caption{

	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	margin: 0px;
	color: #fff;
	text-shadow: 2px 2px 1px #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;

	z-index: 10;

}

.slidershow .paginacion{

	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 87%;
	display: flex;
	justify-content: center;
	z-index: 15;

}

.slidershow .paginacion li{

	font-size: 12px;
	cursor: pointer;
	margin: 0px 5px;
	color: #858585;
	text-shadow: 1px 1px 1px #000;
	
}

.slidershow .left, .slidershow .right{

	position: absolute;
	top: 0px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 30px;
	z-index: 20;
	text-shadow: 1px 1px 1px #000;

}

.slidershow .left{
	left: 10px;
	cursor: pointer;
	transition: all .2s;
}

.slidershow .left:hover{
	left: 10px;
	font-size: 40px;
	transition: all .2s;
}


.slidershow .right{
	right: 10px;
	cursor: pointer;
	transition: all .2s;
}

.slidershow .right:hover{
	right: 10px;
	font-size: 40px;
	transition: all .2s;
}