@charset "utf-8";

.header{
position:relative;
width:200px;
padding-top:25px;
height:400px;
}

.gallerycontainer{
position:absolute;
width:220px;
padding:2px;
margin-top:20px;
height:400px;
z-index:-1;
}

.thumbnail a{
position:relative;
z-index:-1;
}

.thumbnail img{
position:relative;
border: 1px solid white;
margin: 2px 2px 2px 0px;
z-index:-1;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid red;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: #FFF2C9;*/
padding: 5px;
margin:	-20px 3px 80px 3px;
/*border: 1px dashed #FFF2C9;*/
visibility:hidden;/*por defecto oculta tb se puede usar diplay:none;*/
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width:0px;
padding: 1px;
width:269px;
height:202px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;/*mostramos la imagen tb se puede usar diplay:block;*/
top:80px;
left:495px; /*separación lateral */
z-index:5000;
}
/***************** 2 ***************************/

.gallerycontainer2{
position:absolute;
width:220px;
padding:2px;
margin-top:20px;
height:400px;
z-index:-1;
left:280px;
}

.thumbnail2 a{
position:relative;
padding-top:0px;
z-index:-1;
}

.thumbnail2 img{
position:relative;
border:1px solid white;
margin:2px 2px 2px 0px;
z-index:-1;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid red;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: #FFF2C9;*/
padding: 5px;
margin:-20px 3px 80px 3px;
/*border: 1px dashed #FFF2C9;*/
/*visibility:hidden;*/
display:none;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width:0px;
padding:1px;
width:269px;
height:202px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
/*visibility: visible;*/
display:block;
top:80px;
left: 250px; /*separación lateral */
z-index: 500;

}

.thumbnail2_espacio img{
position:relative;
margin: 2px 2px 2px 2px;
z-index:-1;
}

.contenido{
width:270px;
color: #FFFFFF;
}
.separador{
padding:1px;
}