/*#menu_cuentos{
	
	display:none;
	-moz-transition:width 2s, height 2s, background-color 2s, -moz-transform 2s;
    -webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    -o-transition:width 2s, height 2s, background-color 2s, -o-transform 2s;
    transition:width 2s, height 2s, background-color 2s, transform 2s;
}
#ir_cuentos:hover + #menu_cuentos{
display:block;
-moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    
}*/


/**********************************/
.visible_trans,
.oculto_trans{
  overflow: hidden;
  /* This container should not have padding, borders, etc. */
}
.visible_trans {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
  
}
.oculto_trans {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
.visible_trans > div,
.oculto_trans > div {
  /* Put any padding, border, min-height, etc. here. */
}
.oculto_trans > div {
  margin-top: -10000px;
  transition: margin-top 0s 2s;
}

