/* Lanzadores del tooltip ------------------------------------------------------ */
		span.tooltip, abbr.tooltip {
			cursor:help;
			border-bottom:1px dotted #666;
		}
		a.tooltip {border-bottom:1px dotted #666;}
		/* Modificadores */
			.tooltip-instant {} /* Instantáneo */
			.tooltip-delayed {} /* Retrasado */
			.tooltip-hoverable {} /* Hoverable */
			.tooltip-block {display:block;}
			.tooltip-hidden {border-bottom:0!important;/* Clase que elimina toda la decoración del caller */}
			.tooltip-active {} /* Tooltip activo */
		/* Posiciones */
			.tooltip-left {}
			.tooltip-right {}
			.tooltip-center {}
			.tooltip-top {}
			.tooltip-bottom {}

/* Diálogo del tooltip ------------------------------------------------------ */
		#tooltip {
			/* El tooltip no debe tener ningun borde ni padding, para eso está el outer o el inner */
			position:absolute;
			font-size:10pt !important;
			line-height:1.2em;
			margin:0 !important;
			padding:0 !important;
			z-index:999999;
			display:block;
			color:#333;
			top:-1000px; /* Posicionamos fuera de la vista por defecto */
			left:-1000px;
			/*max-width:400px;*/ /* Ya no es necesario */
		}
		#tooltip div.pointer {
			/* El pointer flota sobre el tooltip, su ancho y la posición absoluta se asigna automáticamente para ajustarlo al las dimensiones del caller */
			position:absolute;
			height:16px;
			background:transparent url(../../../art/common/base/tooltip/sprites.gif) no-repeat -5000px -5000px; /*lo posicionamos fuera de rango para hacerlo invisible*/
		}
		#tooltip div.outer {
			margin:0 !important;
			padding:0 !important;
			border:4px solid #555;
			background:#fff;
		}
		#tooltip div.inner {
			margin:0 !important;
			padding:5px !important;
			background:#dddddd url(../../../art/common/base/tooltip/sprites.gif) repeat-x 0 -500px;
			border:1px solid #fff;
		}
		#tooltip div.txt {
			color:#333;
			text-align:center;
			overflow:hidden; /* Si el texto excede el ancho, se oculta */
		}
		#tooltip.ajax div.txt.loading, #tooltip.iframe div.txt.loading {
			background:transparent url(../../../art/common/base/tooltip/loading.gif) no-repeat 50% 50%;
			width:50px;
			height:50px;
		}
		
		/* Textos */
			#tooltip div.txt em {
				text-decoration:none;
				/*border-bottom:1px dotted #333;*/
				font-weight:normal;
				font-size:1.2em;
				font-weight:bold;
				font-style:normal;
				display:block;
				margin-bottom:5px;
				padding-bottom:5px;
			}
			#tooltip div.txt em.mid {
				margin-top:5px;
				padding-top:5px;
			}
			#tooltip div.txt p {margin:0;padding:0;}
			#tooltip div.txt p.left {text-align:left;}
			#tooltip div.txt p.right {text-align:right;}
			#tooltip div.txt p.center {text-align:center;}
			#tooltip div.txt a {}
			#tooltip div.txt a:hover {}
			
		/* Posiciones y diseño del pointer */
			#tooltip.top {padding-bottom:12px !important;}
			#tooltip.top.left {}
			#tooltip.top.right {}
			#tooltip.top.center {}
			#tooltip.top div.pointer {background-position:50% 100%;} /* En cualquier posición horizontal el pointer siempre está centrado */
			
			#tooltip.bottom {padding-top:12px !important;}
			#tooltip.bottom.left {}
			#tooltip.bottom.right {}
			#tooltip.bottom.center {}
			#tooltip.bottom div.pointer {background-position: 50% 0} /* En cualquier posición horizontal el pointer siempre está centrado */

		/* Posiciones y diseño del botón cerrar */
			#tooltip a.close {
				position:absolute;
				width:20px;
				height:20px;
				top:4px;
				right:4px;
				background:#dddddd url(../../../art/common/base/tooltip/sprites.gif) no-repeat 0 -470px;
			}
			#tooltip.bottom a.close {top:16px;}
			#tooltip.top a.close {top:4px;}
			#tooltip a.close:hover {background-color:#FFC3C3;}
			
/* Personalización (opcional) para tooltip sin pointer */
		#tooltip.nopointer.top {padding:0!important;/* Eliminamos el padding para dejarlo pegado*/}
		#tooltip.nopointer.bottom {padding:0!important;/* Eliminamos el padding para dejarlo pegado*/}
		#tooltip.nopointer .pointer {display:none;}
		#tooltip.nopointer a.close {top:4px !important;/* Restamos el tamaño del pointer en posicion top o bottom*/}
			
/* Personalizaciones por defecto del #tooltip (clases especificadas manualmente mediante tooltip-class-[nombre_clase]) */
		#tooltip.width-50 div.txt {width:50px;}
		#tooltip.width-100 div.txt {width:100px;}
		#tooltip.width-200 div.txt {width:200px;}
		#tooltip.width-300 div.txt {width:300px;}
		#tooltip.width-400 div.txt {width:400px;}
		#tooltip.width-500 div.txt {width:500px;}
		#tooltip.width-600 div.txt {width:600px;}
		#tooltip.width-650 div.txt {width:650px;}			
		#tooltip.l div.txt {text-align:left;}
		#tooltip.c div.txt {text-align:center;}
		#tooltip.r div.txt {text-align:right;}
		#tooltip.nobg div.inner {background:transparent;} /* Elimina el background del inner */
			
/* Otras personalizaciones del #tooltip (clases especificadas manualmente mediante tooltip-class-[nombre_clase]) */
	/* Skin rojo */
		#tooltip.red {}
		#tooltip.red div.outer {border-color:#a00;}
		#tooltip.red div.pointer {background-image:url(../../../art/common/base/tooltip/sprites_red.gif)!important;}
		#tooltip.red div.inner {
			background-image:url(../../../art/common/base/tooltip/sprites_red.gif)!important;
			background-color:#f2d6d6 !important;
		}
		#tooltip.red div.txt {color:#a00;}
		#tooltip.red div.txt a {color:#a00;}
		#tooltip.red div.txt a:hover {color:#700;}
	/* Skin azul */
		#tooltip.blue {}
		#tooltip.blue div.outer {border-color:#648fbe;}
		#tooltip.blue div.pointer {background-image:url(../../../art/common/base/tooltip/sprites_blue.gif)!important;}
		#tooltip.blue div.inner {
			background-image:url(../../../art/common/base/tooltip/sprites_blue.gif)!important;
			background-color:#d0dff1 !important;
		}
		#tooltip.blue div.txt {}
		#tooltip.blue div.txt a {color:#4775A8;}
		#tooltip.blue div.txt a:hover {color:#304F72;}