#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	/*background-color: #eee;*/
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
/******************** TOOLTIP ****************************/
.IzqSup{
	background:url(themes/green/top-left.png) no-repeat;	
	width:21px;
	height:21px;
}
.MedSup{
	background:url(themes/green/top-middle.png);	
}
.DerSup{
	background:url(themes/green/top-right.png) no-repeat;
	width:21px;
	height:21px;
}
.IzqMed{
	background:url(themes/green/middle-left.png) repeat-y;
	width:21px;
}
.DerMed{
	background:url(themes/green/middle-right.png) repeat-y;
}
.IzqInf{
	background:url(themes/green/bottom-left.png) no-repeat;
	width:21px;
	height:21px;
}
.MedInf{
	background:url(themes/green/bottom-middle.png) repeat-x;
}
.DerInf{
	background:url(themes/green/bottom-right.png) no-repeat;
	width:21px;
	height:21px;
}
.Flecha{
	background:url(themes/green/tail-top.png) no-repeat;
	width:19px;
	height:21px;
}
.Centro{
	background:#FFF;
}
/*************************************************************/
:focus {
	outline: 0;
}

body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
body { margin: 0; padding: 0; font-size: small; color: #333 }
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }
legend { font-weight: bold; }

button { padding: 0 6px; margin: 0; }

pre, code { white-space: pre; font-family: "Courier New"; }
pre { margin: 8px 0; }
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
p { margin: 1em 0; }
strong { font-weight: bolder; }
em { font-style: italic; }

.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background-image:url(shadow.png);
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background-image:url(shadow.png);
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background-image:url(shadow.png);
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }
#prueba{    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000033;
}
#tooltip.sin_fondo{
	font-family: Arial;
	border: none;		
	padding-left:2px;
	padding-top:2px;
	opacity: 1;
}