* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.Mis_Imagenes {display: none;}
img {vertical-align: middle;}
/* Cuadro contenedor de imágenes */
.Cuadro_Imagen {
max-width: 640px;
position: relative;
margin: auto;
}
/* Caption text */
.Etiqueta_text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Número de Imagen (1/3 etc) */
.Numero_Imagen {
color: #21618C;
font-size: 15px;
padding: 1px 12px;
position: absolute;
bottom: 1px;
width: 100%;
/* top: 0;*/
}
.active {
background-color: #717171;
}
/* Animación Atenuada */
.fade {
animation-name: fade;
animation-duration: 2.5s;
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* Pantallas pequeñas, reduce el tamaño */
@media only screen and (max-width: 640px) {
.text {font-size: 11px}
}