/***** CSS DE ESTRUCTURA Y CONTENIDO GENERAL *****/

*{
	margin: 0;
	padding: 0;
}

div .galeria { /*Contenedor estructural de la galeria*/
	width: 676px;
	float: left;
}


/***** CSS PARA LA LISTA DE CATEGORIAS *****/
/***** CSS PARA LA LISTA DE CATEGORIAS *****/

div .contenedor_categoria { /*Capa de estructura para las categorias. Marco blanco y texto fuera*/
   float:left; 
	display: inline;
   width:148px;	/*Ancho de la capa contenedora= ancho foto+paddings ancho y bordes laterales de fotocategoria*/
	height: 127px; /*Alto de la capa contenedora=alto de la foto +paddings alto y bordes sup/inf de fotocategoria +altura de linea y margenes del parrafo de categoria*/
	margin: 20px 21px 0px 0px;  
	text-align:center;
	font-size: 0px; /*Para evitar que IE aņada un padding por defecto aunque no haya texto*/
}
div .contenedor_categoria a:hover img { /* Hover sobre las imagenes de las cajas*/
 FILTER: alpha(opacity=80);
	-moz-opacity:0.8;
}
div .fotocategoria {
   width:134px; /*Tamaņo de los tumbnails*/
	height: 96px; 
	padding:6px;	/*Marco blanco de 6px*/
	background-color:#FFFFFF;
	border: 1px solid #999999;
}
p.categoria { /*Formato para el titulo de la categoria*/
	color:#757575;
	margin-top: 5px; /*Margen superior respecto a la foto de categoria*/
	font-size: 12px;
	line-height: 12px;	/*Para evitar margenes adicionales del IE en el alto de linea*/
	font-family: Tahoma;
	font-weight: bold;
}



/***** CSS PARA LA LISTA DE FOTOS POR SECCION *****/
/***** CSS PARA LA LISTA DE FOTOS POR SECCION *****/

div .contenedor_listado { /*Capa de estructura para las fotos de seccion. Marco blanco y titulo dentro*/
   float:left; 
   width:134px;	/*Ancho de la capa contenedora= ancho de la foto*/
	xheight: 110px;	/*Alto de la capa contenedora= alto de la foto + alto de linea del parrafo para el titulo + margen superior del titulo*/
	padding:6px;	/*Marco blanco para toda la capa de 6px*/
   background-color:#FFFFFF; 
	border: 1px solid #999999;
	margin: 20px 21px 20px 0px;
	text-align:right; 
	font-size: 0px; /*Para evitar que IE aņada un padding por defecto aunque no haya texto*/
}
div .contenedor_listado a:hover img { /* Hover sobre las imagenes de las cajas*/
 FILTER: alpha(opacity=80);
	-moz-opacity:0.8;
}
div .fotolistado { /*Capa de diseņo para los tumbnails*/
 /*Poner aqui las sentencias para el diseņo de imagen*/
}  
p.titulofoto {	/*Formato para el titulo de la foto*/
	font-family:	Tahoma;
	margin-top: 5px;	/*Margen superior respecto a la foto de seccion*/
	font-size: 11px;
	line-height: 11px;	/*Para evitar margenes adicionales del IE en el alto de linea*/
	color: #757575;
}
div .galeria_volver{
    float:left;
    display:inline;
    margin-top: 15px;
	margin-left: 300px;
	width: 68px;
	height: 26px;
}
div .galeria_volver a {   
	display: block;
    width: 68px;
	height: 26px;
    background-image:	url(../images/flecha_comollegar_volver.jpg);
	background-repeat: no-repeat;
	
}
div .galeria_volver a:hover{
	width: 68px;
	height: 26px;
	background-image: url(../images/flecha_comollegar_volver_hover.jpg);
	background-repeat: no-repeat;
}



/***** CSS PARA EL PAGINADOR *****/
/***** CSS PARA EL PAGINADOR *****/

div .paginador {
	float: left;
	margin-top: 20px;
	width: 676px;
	clear: both;
	text-align: center;
}

div .flechaizquierda{
	display: inline
}
.flechaizquierda img {
	border: 0px;
}
div .flechaderecha{
	display: inline;
}
.flechaderecha img {
	border: 0px;
}

p.numeropagina_galeria {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
	font-size: 12px;
	font-family: Tahoma;
}


p.numeropagina_galeria a {
	text-decoration: none;
	color: #7F7251;
}
p.numeropagina_galeria a:hover {
	color: #F0B75A;
}
.sinsubrayar {
	text-decoration: none;
}
.subrayado {
	text-decoration: underline;
}