
body{
	padding:0;
	margin:0;
	box-sizing:border-box;	
}

.sld-contenedor-full{
	width:100%;
	display:block;
	height:650px;
	overflow:hidden;
}
.sld-contenedor{
	width:100%;
	height:650px;
	display:flex;
	top:-650px;
	justify-content:space-between;
	position:relative;
	}

.sld-contenedorz{
	width:100%;
	background-color:#000;	
	height:650px;
	display:flex;
	justify-content:center;
	align-items:center;	
	position:relative;
	overflow:hidden;			
}
.sld-lateral{
	width:10%;
	display:flex;
	align-items:center;
	
}
.sld-central {
	width:80%;
}		
.sld-btnnext {
	text-align:center;
	font-size:40px;
	width:100%;
	cursor:pointer;
	padding-top:25px;
	padding-bottom:25px;
	color:#FFF;	
  	text-shadow: 2px 2px red;
}

.sld-btnnext:hover  {
	background-color:rgba(255,255,255,0.5);	
}		
.sld-slider_image{ 
	opacity:0;
	animation-name:sld-animationSlider;
	animation-duration:0.9s;
	height:100%;
}

.sld-dot-container{
	width:100%;
	display:block;
	position:absolute;
	z-index:135000;
	top:845px;	
	height:25px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:rgba(0,0,0,0.4)
}
.sld-dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  -moz-transition: background-color 0.6s ease;
  -ms-transition: background-color 0.6s ease;
  -o-transition: background-color 0.6s ease;
  -webkit-transition: background-color 0.6s ease;
  z-index:800;
  box-shadow:4px 2px 3px black;
  -moz-box-shadow:4px 2px 3px black;
  -ms-box-shadow:4px 2px 3px black;
  -o-box-shadow:4px 2px 3px black;
  -webkit-box-shadow:4px 2px 3px black;
}

.sld-dot:hover {
  background-color: #717171;
}
	
@media only screen and (max-width: 600px) {
	.sld-lateral{   width:20%;}
	.sld-central {  width:60%; }	
	.sld-contenedorz{
		height:250px;
	}
	.sld-contenedor{
		top:-250px;
		height:250px;
	}		
	.sld-dot-container{
		top:275px;	
	}			
	.sld-contenedor-full{
		height:250px;
		margin-top:50px;
	}

	
}
.sld-dy{ display:block; }
.sld-dn{ display:none; }	
/* ANIMACION SLIDER */	
@keyframes sld-animationSlider{
	from{ opacity:0;}
	to{ opacity:1;}	
}
	

