@charset "utf-8";
/**************************************************************************
ESTILOS PARA LA VENTANA POPUP 20090323@JCP
***************************************************************************/
#capaPopUp {
	background-color:#6699CC;  	/* Le damos la el color de la opacidad. */ 
	opacity:0.65; 				/* Este valor mostrará la intensidad de la opacidad. */
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:9001; 				/* Esta propidad es para añadir la capa superpuesta al nivel 9001. */
	top:0; 						/* Para que posicione la capa al punto '0' del top de la página. */
	left:0; 					/* Para que posicione la capa al punto '0' a la izquieda de la página. */
	width:100%; 				/* El valor por defecto que tendrá que expandirse. */
	height:100%; 				/* El valor por defecto que tendrá que expandirse. */
	display:none;				/* Por defecto estará desactiva */
}
#popUpDiv {
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:9002; 				/* Esta propidad es para añadir la capa superpuesta al nivel 9002 (antes que la capa 'capaPopUp'). */	
	overflow:auto;				/* Esta propiedad la indicamos por si el contenido es más grande que la capa que por defecto salga el 'scroll'. */
	left:50%; 					/* Para posicionar horizontalmente la capa al centro de la página */
	display:none; 				/* Por defecto estará desactiva */
	top:50%; 					/* Para posicionar verticalmente la capa al centro de la página */
}
/**************************************************************************
ESTILOS PROPIOS DEL POPUP 20090323@JCP
***************************************************************************/
#capaContent {
	display:block;
	max-width:750px; /* 400 */				/* Necesario para que el script centre la capa horizontalmente en la página */
	max-height:400px; /* 200 */				/* Necesario para que el script centre la capa verticalmente en la página */
	background-color:#FFF;
	border: solid 2px #6699CC;
	padding: 0px;
	/*padding-bottom: 15px;*/
}
#capaImgPopUp {
    margin: 0 auto;
}
#capaCerrar {
    float: right;
    text-align: right;
}

/**************************************************************************
ESTILOS PROPIOS DEL POPUP CON AJAX
***************************************************************************/
#cssBackground      {height:100%; width:100%; background-color:#999999; display:none; position:fixed; top:0; left:0; z-index:100; float:left; opacity:0.85;}  
#cssPopup           {margin:0 auto;}  
#cssPopupContainer  {position:absolute; left: -100px; display:none; z-index:101; width:100%;} 
#cssContenedorInterno, #cssContenedorFoto { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
    background-color: #FFFFFF; border: solid 4px #999999; padding: 15px; border: none; padding: 0; }
#cssContenedorInterno {padding: 0 5px;}
#cssContenedorFoto {text-align: center; padding-top: 5px;}
#cssContenedorFoto #imgFoto { text-align: left; left: -10px; }
#cssCerrarVentana { /*border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;*/
font-weight: bold; text-align: center; margin: 2px 5px; padding: 2px 5px; background-color: #DDDDDD; width: 100px; white-space: nowrap; cursor: pointer;}
#cssCerrarVentana a {text-decoration: none;}
#cssCerrarVentana:hover a { color: #999999;}