/* 

Basado en 
http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
y modificado por David Rodríguez

- El autor original da permiso a emplearlo libremente tanto en sitios personales como comerciales.
- El autor original NO da permiso para redistribuirlo.

*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
max-height:400px ;
max-width: 400px;
overflow:auto;
}


.galleryThumb img{
border: 1px solid white;
margin: 0 5px 5px 0;
    
}

/*.galleryThumb>img{
height: 75px;
width: 100px;
}
*/
.galleryThumb:hover{
background-color: transparent;
}

.galleryThumb:hover>img{
border: 1px solid blue;
}

.galleryThumb span{ /*CSS for enlarged image*/
position: absolute;
padding:2px;
/*background-color: lightyellow;*/
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.galleryThumb span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.galleryThumb:hover span{ /*CSS for enlarged image*/
position: fixed;/*Ñapa*/
visibility: visible;
/*top: 0;*/ top: 10em;
left:auto;
right: 5em; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail {background-color: black;}