#fondo {
	position:relative; 
	background:url(cuadro.png);
	border: 1px groove #2332be;
	z-index:10;
}

#portada {
	background:  url(cuadro.png);
	border: 1px groove #2332be;
	margin-bottom: 10px;
}

#portada span {
	display: block;
	margin: 50px 50px 50px 20px;
	font-size: 18px;

}

h2 {
	text-align: center;
}


.galeria b, .galeria img {
	display: none;
}


#visor {
	width:562px; 
	height:87px; 
	background:#f4f4f4; 
	color: #fff;
	overflow:auto; 
	border:1px solid #2332be; 
	margin: 20px auto 20px auto;
	
}

#visor ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 10000px;
	/*overflow: auto;
	height: 80px;*/
}

#visor li {
	float:left;
	clear: right;

}

#visor li a {
  display:block; 
  width:80px; 
  height:50px; 
  text-decoration:none;
  margin: 10px 0px 10px 10px;
}

a.galeria, a.galeria:visited {
	display:block; 
	/*background:#000; */
	text-decoration:none; 
	border:1px solid #000; 
	width:80px; 
	height:50px; 
	margin:3px; 
	float:left; 
	font-size:11px;
}


a.galeria:hover {
	display: block;
	white-space:normal; 
	border:1px solid #fff;
}


.galeria:hover span, .galeria:focus span {
	width: 400px;
	height: 280px;
	display: block;
	position: absolute;
	top: 110px;
	left: 140px;
	border: 10px solid #f4f4f4;
}

.galeria:hover b, .galeria:focus b {
	display:block; 	
	font-style:italic; 
	text-align: center;
	color:#2332be; 
	background:#f4f4f4; 
	font-size:18px;
	font-weight: normal;
	position:absolute;
	top: 280px;
	left:-10px; 
	width:420px;
	height:45px;
	padding-top: 15px; 
}

.galeria:active span {
	width: 600px;
	height: 450px;
	display: block;
	position: absolute;
	top: 40px;
	left: 45px;
	border: 10px solid #f4f4f4;
}

.galeria:active b {
	display:block; 	
	font-style:italic; 
	text-align: center;
	color:#2332be; 
	background:#f4f4f4; 
	font-size:22px;
	position:absolute;
	top: 450px;
	left:-10px; 
	width:620px;
	height:45px;
	padding-top: 15px; 
}



#fondo {
	height:700px;
	width: 700px;
	margin: 70px auto;
	margin-bottom: 0;
}
#portada {height:390px; width:450px; margin: 55px auto 95px auto;}

#foto-1  {background: url(/img/galeria/mini_foto-1.jpg);}
#foto-1:hover span , #foto-1:focus span {background:url(/img/galeria/foto-1.jpg) no-repeat;}
#foto-1:active span {background: url(/img/galeria/maxi_foto-1.jpg) no-repeat;}

#foto-2 {background: url(/img/galeria/mini_foto-2.jpg);}
#foto-2:hover span, #foto-2:focus span{background:url(/img/galeria/foto-2.jpg) no-repeat;}
#foto-2:active span {background: url(/img/galeria/maxi_foto-2.jpg) no-repeat;}

#foto-3 {background: url(/img/galeria/mini_foto-3.jpg);}
#foto-3:hover span, #foto-3:focus span{background:url(/img/galeria/foto-3.jpg) no-repeat;}
#foto-3:active span {background: url(/img/galeria/maxi_foto-3.jpg) no-repeat;}

#foto-4 {background: url(/img/galeria/mini_foto-4.jpg);}
#foto-4:hover span, #foto-4:focus span{background:url(/img/galeria/foto-4.jpg) no-repeat;}
#foto-4:active span {background: url(/img/galeria/maxi_foto-4.jpg) no-repeat;}

#foto-5 {background: url(/img/galeria/mini_foto-5.jpg);}
#foto-5:hover span, #foto-5:focus span{background:url(/img/galeria/foto-5.jpg) no-repeat;}
#foto-5:active span {background: url(/img/galeria/maxi_foto-5.jpg) no-repeat;}

#foto-6 {background: url(/img/galeria/mini_foto-6.jpg);}
#foto-6:hover span, #foto-6:focus span{background:url(/img/galeria/foto-6.jpg) no-repeat;}
#foto-6:active span {background: url(/img/galeria/maxi_foto-6.jpg) no-repeat;}

#foto-7 {background: url(/img/galeria/mini_foto-7.jpg);}
#foto-7:hover span, #foto-7:focus span{background:url(/img/galeria/foto-7.jpg) no-repeat;}
#foto-7:active span {background: url(/img/galeria/maxi_foto-7.jpg) no-repeat;}

#foto-8 {background: url(/img/galeria/mini_foto-8.jpg);}
#foto-8:hover span, #foto-8:focus span{background:url(/img/galeria/foto-8.jpg) no-repeat;}
#foto-8:active span {background: url(/img/galeria/maxi_foto-8.jpg) no-repeat;}

#foto-9 {background: url(/img/galeria/mini_foto-9.jpg);}
#foto-9:hover span, #foto-9:focus span{background:url(/img/galeria/foto-9.jpg) no-repeat;}
#foto-9:active span {background: url(/img/galeria/maxi_foto-9.jpg) no-repeat;}

#foto-10 {background: url(/img/galeria/mini_foto-10.jpg);}
#foto-10:hover span, #foto-10:focus span{background:url(/img/galeria/foto-10.jpg) no-repeat;}
#foto-10:active span {background: url(/img/galeria/maxi_foto-10.jpg) no-repeat;}

#foto-11 {background: url(/img/galeria/mini_foto-11.jpg);}
#foto-11:hover span, #foto-11:focus span{background:url(/img/galeria/foto-11.jpg) no-repeat;}
#foto-11:active span {background: url(/img/galeria/maxi_foto-11.jpg) no-repeat;}

#foto-12 {background: url(/img/galeria/mini_foto-12.jpg);}
#foto-12:hover span, #foto-12:focus span{background:url(/img/galeria/foto-12.jpg) no-repeat;}
#foto-12:active span {background: url(/img/galeria/maxi_foto-12.jpg) no-repeat;}

#foto-13 {background: url(/img/galeria/mini_foto-13.jpg);}
#foto-13:hover span, #foto-13:focus span{background:url(/img/galeria/foto-13.jpg) no-repeat;}
#foto-13:active span {background: url(/img/galeria/maxi_foto-13.jpg) no-repeat;}

#foto-14 {background: url(/img/galeria/mini_foto-14.jpg);}
#foto-14:hover span, #foto-14:focus span{background:url(/img/galeria/foto-14.jpg) no-repeat;}
#foto-14:active span {background: url(/img/galeria/maxi_foto-14.jpg) no-repeat;}

#foto-15 {background: url(/img/galeria/mini_foto-15.jpg);}
#foto-15:hover span, #foto-15:focus span{background:url(/img/galeria/foto-15.jpg) no-repeat;}
#foto-15:active span {background: url(/img/galeria/maxi_foto-15.jpg) no-repeat;}

#foto-16 {background: url(/img/galeria/mini_foto-16.jpg);}
#foto-16:hover span, #foto-16:focus span{background:url(/img/galeria/foto-16.jpg) no-repeat;}
#foto-16:active span {background: url(/img/galeria/maxi_foto-16.jpg) no-repeat;}

#foto-17 {background: url(/img/galeria/mini_foto-17.jpg);}
#foto-17:hover span, #foto-17:focus span{background:url(/img/galeria/foto-17.jpg) no-repeat;}
#foto-17:active span {background: url(/img/galeria/maxi_foto-17.jpg) no-repeat;}

#foto-18 {background: url(/img/galeria/mini_foto-18.jpg);}
#foto-18:hover span, #foto-18:focus span{background:url(/img/galeria/foto-18.jpg) no-repeat;}
#foto-18:active span {background: url(/img/galeria/maxi_foto-18.jpg) no-repeat;}