#cajapadre {
position: relative;
width: 330px;
height: 300px;
overflow: hidden;
}

#contenedor {
position: absolute;
top: 0px;
width: 330px;
height: 400px;
transition: top 1s ease-in-out 0s;
}
#contenedorsuperior {
width: 330px;
height:300px;
}
#contenedorinferior {
width: 330px;
height: 200px;
padding-top: 0px;
background-color: rgba(250, 250, 250, 0.8);
font-size: 14px;
text-align: left; color: #18d26e
}
#contenedor:hover {
top: -200px
}