#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }



.efecto{
    overflow:hidden;
    position:relative;
    font-size:3em;
    width:100%;
    height:0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition:all 500ms ease-out;
    transition: all 500ms ease-out;

}
#contenedor{
    position:absolute;
    width:500px;
    height:500px;
    font-size:3em;
    overflow:hidden;
	z-index:1000;
}
 
#contenedor1{
    background-color:white;
    color:#00bdff;  
	z-index:1000;
}
 #contenedor2{
    background-color:#00bdff;
    color:white;  
	z-index:1000;
}
#contenedor3{
    background-color:white;
    color:#00bdff;  
	z-index:1000;
}
.efecto:target{
    height:100%;
}