.planta{
	position: relative;
	top: 206px;
}

.planta h1{
	width: 100%;
	margin-top: 15px;
	font-family: 'Hammersmith One';
	font-size: 1.6em;
	padding: 12px 10px; 
	color: #222;
}


#planta{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#des_planta{
	font-family: 'concord-lightuploaded_file';
	width: 100%;
	padding: 10px;
	font-size: 0.95em;
}

#des_planta > p{
	padding-top: 5px;
}

#slider_planta{
	width: 100%;
	outline: none !important;
	position: relative;
}

.caja_planta_container{
	overflow: hidden;
}

#caja_planta{
	width: 400%;
	display: flex;
	animation: slider-sides 10s infinite alternate ease-in-out;
	position: relative;
}

.caja_planta__paused{
	animation-play-state: paused
}

.caja_planta__item{
	position: relative;
	width: 100%;
}

.caja_planta__item input{
	display: none;
}

.main-picture{
	width: 60%;
	position: relative;
	left: 20%;
	z-index: 100;

	cursor: pointer;
}



.main-picture > img{
	width: 100%;
	border-radius: 15px;
}

.caja_planta__item input:checked ~ .secondary-picture{
	visibility: visible;
	opacity: 1;	
	transform: scale(1);
	color: rgb(222, 243, 117);
}

.secondary-picture{
	position: absolute;
	width: 100px;
	top: 0;
	z-index: 200;
	border: solid 3px #00BAE3;
	background: rgb(141, 234, 255);
	border-radius: 50%;
	
	visibility: hidden;
	opacity: 0;	
	transform: scale(0);
	transition: all .3s;
}

.secondary-picture > img{
	width: 100%;
}

.secondary-picture:nth-of-type(1){
	left: 5%;
}

.secondary-picture:nth-of-type(2){
	top: 200px;
	left: 5%;
}

.secondary-picture:nth-of-type(3){
	top: 220px;
	left: 65%;
}

/* Special */
.caja_planta__item:nth-of-type(1) .secondary-picture:nth-of-type(2){
	top: 0;
	left: 65%;
}


#caja_planta > figure, #caja_planta > figure > img{
	width: 100%;
}

@keyframes slider-sides{
	0%{
		left: 0%;
	}
	20%{
		left: 0%;
	}
	/* tr */
	26%{
		left: -100%;
	}
	46%{
		left: -100%;
	}
	/* tr */
	52%{
		left: -200%;
	}
	72%{
		left: -200%;
	}
	/* tr */
	78%{
		left: -300%;
	}
	100%{
		left: -300%;
	}
}

#des_planta ul{
	margin-top: 3.5px;
	margin-left: 20px;
}

/*PRODUCTOS*/

#productos_planta{
	padding: 10px;
	font-family: "concord-lightuploaded_file";
	text-align: center;
	display: block;
	width: 70%;
}		

#productos_planta > p{
	padding: 5px;
	font-family: "Hammersmith One";
	background: #00BAE3;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
}	

#lista_productos{
	padding: 5px;
	border: solid 1px #00BAE3;
	border-radius: 0px 0px 10px 10px;
}

.producto_planta{
	text-decoration: none;	
}

.producto_planta > figure{

}	

.producto_planta > figure > img{
	border-radius: 50%;
	width: 50%;	
}	

.producto_planta > p{
	border-radius: 15px;
	padding: 5px;
	background: #eee;
	position: relative;
	top: -10px;
	color: #222;
	transition: all .18s;
}	

.producto_planta:hover > p{
	background: #8FDB03;
	color: #fff;
	top: -15px;
}

@media (min-width: 1024px){
	.planta{
		position: relative;
		top: 86px;
	}	
	
	#planta{
		width: 82%;
		position: relative;
		top: -17.5px;
		left: 15%;
		flex-wrap: nowrap;
	}	

	#des_planta{
		width: 50%;
	}
	
	#slider_planta{
		width: 35%;		
	}
	
	#caja_planta{
		top: 10%;
		
	}

	.caja_planta__item:hover .secondary-picture{
		visibility: visible;
		opacity: 1;	
		transform: scale(1);
		color: rgb(222, 243, 117);
	}

	#caja_planta:hover{
		animation-play-state: paused;
	}

	.secondary-picture{
		width: 120px;
	}
		
	.secondary-picture:nth-of-type(1){
		left: 0%;
	}
	
	.secondary-picture:nth-of-type(2){
		top: 200px;
		left: 0%;
	}
	
	.secondary-picture:nth-of-type(3){
		top: 220px;
		left: 65%;
	}
}

@media (min-width: 1100px){
	#caja_planta{
		top: 5%;
	}
}