#miniaturas {
	position:relative;	
	width:489px;
	height:400px;
	margin-left:4px;
}

/*centro*/

.centro{
        position:absolute;
       /* top:100px;
        left:145px;
        width:190px;
        height:190px;
	z-index:0;
/*	border:1px black dashed;
	border-left:3px black solid;
	border-right:3px black solid;
	padding:3px 2px;
	
*/	background:url('../img/quever/carrete.gif') no-repeat;	
	width:260px;
	height:270px;
	top:80px;
	left:110px;
}
#miniaturas p {
	font-size:10pt;
	text-align:center;
}
#miniaturas p.carrete{
	padding:1px 10px ;
	
}
#miniaturas p:hover {
	color:white;
}
.dsa, .dsb,  .dia,  .dib, .iib, .iia, .isb, .isa, .N, .E, .S, .O{
	width:80px;
	height:80px;
	display:block;
	position:absolute;

}
#miniaturas a.dsa, a.dsb,  a.dia, a.dib, a.iib, a.iia, a.isb, a.isa, a.N,
a.E, a.S, a.O{
	border:0;
	text-decoration:none;
}

/*Posicion de las imagenes de las esquinas del cuadro principal */
/*derecha*/

.dsa {	top:0;
	right:60px;
	background:url(../img/quever/mini/catedral-80.jpg);
	border:4px  #f0edea solid;
	border-bottom:15px #f0edea solid;


}

.dsb {
	top:60px;
	right:0px;	
/* el background se podria poner en una hoja de estilos independiente
 * para ie, donde se podria ver el texto sin mas adorno */
	background:url('../img/quever/mini/parcguell-80.jpg');
	border:4px  #f0edea solid;
	border-bottom:15px #f0edea solid;

}

.dia {
	right:60px;
	bottom:0;
	background:url('../img/queve/playa-80.jpg');
	background:url('../img/quever/mini/playa-80.jpg');
	border:4px  white solid;
	border-bottom:15px white solid;
}
.dib {
	right:0;
	bottom:60px;	
	background:url('../pension/img/queve/pedrera2-80.jpg');
	background:url('../img/quever/mini/pedrera2-80.jpg');

	border:4px  #f0edea solid;
	border-bottom:15px #f0edea solid;
}

/*Izq */

.iia {
	left:60px;	
	bottom:0;
	background:url(/pension/img/queve/Acuarium80.jpg);
	background:url('../img/quever/mini/Acuarium80.jpg');
	border:4px  #f0edea solid;
	border-bottom:15px #f0edea solid;
}
.iib {
	left:0;
	bottom:60px;
	background:url(/pension/img/queve/batllo3-80.jpg);
	background:url('../img/quever/mini/batllo3-80.jpg');
	border:4px  #f0edea solid;
	border-bottom:15px #f0edea solid;

}

.isa {

	top:0;
	left:60px;
	background:url('../img/quever/mini/PORTOLIMPIC-80.jpg');

	border:4px  #f0edea solid;
	border-bottom:15px #f0edea solid;
}
.isb {
	left:0;
	top:60px;
	background:url('../img/quever/mini/SagradaFamilia-80.jpg');
	border:4px  #f0edea solid;
	border-bottom:15px #f0edea solid;
}


ul.gallery {
	padding:0;
	margin:0;
	width:235px;/*crea problemas con el ie al ser las dos cajas iguales i su
suma superior a 490px */
	height:400px;
	position:relative;

}
div.left {
	width:140px;
	float:left;
}

div.right{

	margin-left:49%;
	width:140px;
}

.gallery li  {
	list-style-type:none;
	width:80px;
	height:80px;
	float:left;
	z-index:1;
	z-index:3;

}
.gallery a {
	position:relative;
	width:80px;
	height:80px;
	display:block;
	float:left;
/*	z-index:0;
*/	z-index:100;

}

.gallery a img {
	position:relative;
	width:80px;
	height:80px;
	display:block;
	float:left;
	z-index:2;
	border:black double medium;/*Elimina borde de la imagen azul*/
	border:none;
	

}

.gallery a:hover {
	position:absolute;
	width:0px;
	height:0px;
	padding:100px 100px;
	left:0;
	top:0;
/*	z-index:0;
	cursor:default;
*/
}

.gallery a:hover img {
	position:relative;
	height:200px;
	width:200px;
	z-index:0;
	z-index:3;/*oculta el texto del medio con la imagen agrandda*/
	
}
/*----Posicion de la imagen que aparece en el centro de la web  con el a:hover anterior y que varia con la posicion del raton---*/
/*este, oeste, norte, sur */


/*----------arriba izq  ------------------*/

 a:hover.izqarriba {
/*port*/
	padding:100px 50px;
	padding-left:75px;
	padding-top:97px;
}
a:hover.izqbajo {
/*sagrada familia*/
	padding:40px 145px;
	padding-top:40px;
	padding-left:134px;
	width:50px;
	height:10px;
}

/*---------- fin arriba izq  ------------------*/


a:hover.izqarriba2 {
/* casa batllo */
	width:0px;
	height:145px;
	margin-top:-142px;
	padding-left:134px;	
	padding-top:0;
	
}

a:hover.izqabajo2 {
/*aquarium*/
	width:0px;
	height:210px;
	padding-left:75px;
	margin-top:-204px;
	padding-top:0;
}
a:hover.derechaarriba2 {
/* pedrera */
	width:344px;
	height:144px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	margin-top:-145px;
	margin-left:-253px;
}


a:hover.derechaabajo2 {
/*barceloneta */
	width:288px;
        height:205px;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	margin-top:-205px;
	margin-left:-193px;	
}

/*----------Inicio arriba derecha  ------------------*/

a:hover.derechaarriba {
/* catedral */
	margin-left:-193px;
	padding-left:0;
	width:187px;
	
}

a:hover.derechaabajo {
/* parc guell */
	margin-left:-253px;
	padding-top:40px;
	padding-left:0;
	width:245px;
}
/*---------- Fin arriba derecha  ------------------*/
/* textos de las miniaturas */
/*
li.dsat  {/*catedral*/
/*	text-decoration:underline;
	color:orange;
	position:absolute;	
	top:10px;
	left:100px;
	z-index:0;

}

li.dsbt {/*guell*/
	text-decoration:underline;
	color:orange;
	position:absolute;	
	top:100px;
	left:160px;
	z-index:0;
/*}
li.dibt {/*pedrera*/
	text-decoration:underline;
	color:orange;
	position:absolute;	
	top:280px;
	left:160px;
	z-index:0;
/*
}
li.diat {/*barceloneta*/
/*	text-decoration:underline;
	color:orange;
	position:absolute;	
	top:350px;
	left:97px;	
	z-index:0;
}
/*texto imagenes izq*/
/*li.isat {/*port*/
/*	text-decoration:underline;
	color:orange;
	position:absolute;	
	top:10px;
	left:80px;
	z-index:0;
}
li.isbt {/*sagrada familia*/
/*	
	text-decoration:underline;
	text-align:center;
	color:orange;
	position:absolute;	
	top:100px;
	left:5px;
	z-index:0;


}
li.iibt { /*casa batllo*/
/*	text-decoration:underline;
	color:orange;
	position:absolute;	
	top:280px;
	left:3px;
	z-index:0;
}
li.iiat {/*acuarium*/	
/*	text-decoration:underline;
	color:orange;
	position:absolute;	
	top:350px;
	left:63px;
	z-index:-1;
	z-index:0;
}