/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* 												A G R A N D A R    I M Á G E N E S 	  	  	 										     */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* 												DESDE AQUÍ PARA AGRANDAR ABAJO A LA DERECHA 										     */
/* ------------------------------------------------------------------------------------------------------------------------------------ */


.agrandar_abj_dcha{
	float: centre;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.agrandar_abj_dcha a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.agrandar_abj_dcha a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.agrandar_abj_dcha span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image EMM: espacio en vertical entre la foto y el texto (en la imagen expandida)*/
}

.agrandar_abj_dcha a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour EMM: color del texto en la imagen expandida*/
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px; /* EMM: espacio por encima de la foto expandida */
	padding-right: 10px; /* EMM: espacio a la derecha de la foto expandida */
	padding-bottom: 13px; /* EMM: espacio por debajo de la foto expandida */
	padding-left: 10px; /* EMM: espacio a la izquierda de la foto expandida */
}

.agrandar_abj_dcha img { /* leave or IE puts a border around links */
border:1px solid #ccc; padding:2px; background:#eee;
}

.agrandar_abj_dcha a:hover span { 
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top EMM: inlcuyendo bottom o top expande arriba o abajo. No hace falta poner en negativo*/
	right: -390px; /* means the pop-up's left is 90px far from the thumb's left. EMM: incluyendo left o right expande a derecha o a izquierda. Va con negativo para que las letras de la imagen expandida no se agrupen en el medio */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}
/* smart image enlarger ends here */

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* 												DESDE AQUÍ PARA AGRANDAR ABAJO A LA IZQUIERDA 										     */
/* ------------------------------------------------------------------------------------------------------------------------------------ */


.agrandar_abj_izda {
	float: centre;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.agrandar_abj_izda a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.agrandar_abj_izda a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.agrandar_abj_izda span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image EMM: espacio en vertical entre la foto y el texto (en la imagen expandida)*/
}

.agrandar_abj_izda a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour EMM: color del texto en la imagen expandida*/
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px; /* EMM: espacio por encima de la foto expandida */
	padding-right: 10px; /* EMM: espacio a la derecha de la foto expandida */
	padding-bottom: 13px; /* EMM: espacio por debajo de la foto expandida */
	padding-left: 10px; /* EMM: espacio a la izquierda de la foto expandida */
}

.agrandar_abj_izda img { /* leave or IE puts a border around links */
border:1px solid #ccc; padding:2px; background:#eee;
}

.agrandar_abj_izda a:hover span { 
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top EMM: inlcuyendo bottom o top expande arriba o abajo. No hace falta poner en negativo*/
	left: -390px; /* means the pop-up's left is 90px far from the thumb's left. EMM: incluyendo left o right expande a derecha o a izquierda. Va con negativo para que las letras de la imagen expandida no se agrupen en el medio */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

/* smart image enlarger ends here */

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* 												DESDE AQUÍ PARA AGRANDAR ARRIBA A LA IZQUIERDA 										     */
/* ------------------------------------------------------------------------------------------------------------------------------------ */


.agrandar_arriba_izda {
	float: centre;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.agrandar_arriba_izda a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.agrandar_arriba_izda a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.agrandar_arriba_izda span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image EMM: espacio en vertical entre la foto y el texto (en la imagen expandida)*/
}

.agrandar_arriba_izda a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour EMM: color del texto en la imagen expandida*/
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px; /* EMM: espacio por encima de la foto expandida */
	padding-right: 10px; /* EMM: espacio a la derecha de la foto expandida */
	padding-bottom: 13px; /* EMM: espacio por debajo de la foto expandida */
	padding-left: 10px; /* EMM: espacio a la izquierda de la foto expandida */
}

.agrandar_arriba_izda img { /* leave or IE puts a border around links */
border:1px solid #ccc; padding:2px; background:#eee;
}

.agrandar_arriba_izda a:hover span { 
	display:block;
	bottom: 50px; /* means the pop-up's top is 50px away from thumb's top EMM: inlcuyendo bottom o top expande arriba o abajo. No hace falta poner en negativo*/
	left: -390px; /* means the pop-up's left is 90px far from the thumb's left. EMM: incluyendo left o right expande a derecha o a izquierda. Va con negativo para que las letras de la imagen expandida no se agrupen en el medio */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

/* smart image enlarger ends here */

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* 												DESDE AQUÍ PARA AGRANDAR ARRIBA A LA DERECHA 										     */
/* ------------------------------------------------------------------------------------------------------------------------------------ */


.agrandar_arriba_dcha {
	float: centre;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.agrandar_arriba_dcha a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.agrandar_arriba_dcha a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.agrandar_arriba_dcha span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image EMM: espacio en vertical entre la foto y el texto (en la imagen expandida)*/
}

.agrandar_arriba_dcha a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour EMM: color del texto en la imagen expandida*/
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px; /* EMM: espacio por encima de la foto expandida */
	padding-right: 10px; /* EMM: espacio a la derecha de la foto expandida */
	padding-bottom: 13px; /* EMM: espacio por debajo de la foto expandida */
	padding-left: 10px; /* EMM: espacio a la izquierda de la foto expandida */
}

.agrandar_arriba_dcha img { /* leave or IE puts a border around links */
border:1px solid #ccc; padding:2px; background:#eee;
}

.agrandar_arriba_dcha a:hover span { 
	display:block;
	bottom: 50px; /* means the pop-up's top is 50px away from thumb's top EMM: inlcuyendo bottom o top expande arriba o abajo. No hace falta poner en negativo*/
	right: -390px; /* means the pop-up's left is 90px far from the thumb's left. EMM: incluyendo left o right expande a derecha o a izquierda. Va con negativo para que las letras de la imagen expandida no se agrupen en el medio */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

/* smart image enlarger ends here */


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* 												COMÚN A LAS FUNCIONES PARA EXPANDIR IMÁGENES 										     */
/* ------------------------------------------------------------------------------------------------------------------------------------ */



.resize_thumb {
	width: 100; /* enter desired thumb width here EMM: tamaño máximo de la foto en el thumbnail*/
	height : 75;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* 												P A R T E    I N F E R I O R    D E   L A    P Á G I N A 							     */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#footer{
clear: left;
width: 100%;
background: #0000FF;
color: #FFFFFF;
text-align: center;
padding: 24px 0;
}

#footer a{
color: #000080;
}