/* Este código permite que aparezca el pie de foto a través del atributo "title" que pongamos a los enlaces de las fotos */
ul.polaroids a::after {
    content: attr(title);
}

	



/* tipo de letra y centrado del título de la galeria */
h1.titulo{
font-family: 'Gloria Hallelujah', cursive;
text-align:center;}
/* Estilos aplicados a los enlaces que contienen las imágenes */
ul.polaroids a {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    color: #333;
	width:auto;
    display: inline;
    float: left;
font-family: 'Gloria Hallelujah', cursive;
    font-size: 18px;
    margin: 0 0 27px 30px;
    padding: 10px 10px 15px;
    text-align: center;
    text-decoration: none;
    transform: rotate(-2deg);
    transition: -webkit-transform 0.15s linear 0s;
  
}
/* Estilos aplicables a las imágenes */
ul.polaroids img {
    display: block;
    margin-bottom: 12px;
    width: 300px;
  }
  

/* Al poner el ratón encima las imágenes cambian de tamaño y giran */
ul.polaroids li a:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
    position: relative;
    transform: scale(1.25);
    z-index: 5;
}
/* Estilos para la caja que contiene las imágenes */
div#portafotos{
position: absolute;left:20%; width:60%;height:auto; background-color:black;padding-top:10px;border-radius:30px;}