body{
margin: 0px auto;
padding:0;
background: #87A6F5;
font-size: 80%;
}

#container {
	position:relative;
	width:200px;
	height:300px;
	background:#fff;
	margin: 0px 0px 0px 470px;
}

#head{
margin:0;
padding:0;
background:#000;
height:50px;
}

#head h1{
margin:0;
padding:0;
font-size: 1.3em;
color:#fff;
line-height:50px;
}


a.galleria span {
display:block; 
position:absolute;
width:1px; 
height:1px; 
top: 5px; 
left: 5px;
overflow:hidden; 
background:#000;
}


a.galleria, a.galleria:visited {
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #fff;
	width:75px;
	height:50px;
	float:right;
	margin:3px;
	z-index:100;
}



a.mini1 {background:url(foto/mini2.jpg);}
a.mini2 {background:url(foto/mini3.jpg);}
a.mini3 {background:url(foto/mini4.jpg);}
a.mini4 {background:url(foto/mini5.jpg);}
a.mini5 {background:url(foto/mini6.jpg);}
a.mini6 {background:url(foto/mini7.jpg);}
a.mini7 {background:url(foto/mini8.jpg);}
a.mini8 {background:url(foto/mini9.jpg);}
a.mini9 {background:url(foto/mini10.jpg);}
a.mini10 {background:url(foto/mini11.jpg);}


a.galleria:hover {
border:1px solid #ddd;
}

a.galleria:hover img {
border:1px solid #ddd; 
position:relative; 
z-index:100;
}

a.galleria:active img, a.galleria:focus img {
border:1px solid #ddd; 
position:relative; 
z-index:50;
}

a.galleria:hover span {
display:block; 
position:absolute; 
width:402px; 
height:300px; 
top:0px;
left: -405px;
padding:5px;
background:transparent; 
z-index:100;
}


a.galleria:active span, a.galleria:focus span {
display:block; 
position:absolute; 
width:402px; 
height:300px; 
top:0px;
left:-405px; 
padding:5px; 
color:#4a679f;
font-weight:bold;
background:#fff;
z-index:200;
}

.image {
display:block; 
position:absolute; 
width:215px; 
height:300px;
top:5px;
left: -320px;
padding:0; 
}