html { font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666664 }
h1 { color:#525151;font-size:18px;font-weight:100 }
h2 { color:#525151;font-size:14px;font-weight:700 }
h3 { color:#78b2c6;font-size:13px;font-weight:700; }
a { color:#daa400;text-decoration:none }
a:hover { text-decoration:underline }

.sizefonts, .sizefonts span, .sizefonts a  { color:#9cb079 }
#barra_menu a { color:#4f6e19;font-weight:700;font-size:14px;font-family: 'Oxygen', sans-serif;text-decoration:none }
#barra_menu a:hover, #barra_menu .activo a, .buttonsform button { color:#fff }

.welcome p { font-size:14px }

.featured_therapies a { color:#cb9800 }

.bottom_page p, .bottom_page a { color:#cbd4ba;font-size:11px }
.bottom_page p a:hover { text-decoration:underline; }

.featured_therapies h1 { color:#7ba00b;font-size:15px;font-weight:700 }
.featured_therapies p, .featured_therapies a { font-size:11px }
.side_home h2 { font-size:16px;font-weight:700 }
.gifts a { color:#c33;font-weight:700;font-size:11px }
.testimonials { font-size:11px }
.testimonials span { color:#cd6906 }
.testimonials span span { color:#989896 }
.list_testimonials li span { color:#CD6906 }
.side_menu li a { font-weight:700;color:#4f6f19;font-size:13px }
.side_menu li.activo a, .side_menu li:hover a { color:#fff }
.benefits li p, .benefits p { color:#ac6d0b }
.benefits h3 { color:#ac6d0b;font-size:14px }
.price { color:#c84f37 }
.side_content h2 { color:#666;font-size:14px;font-weight:700 }
.description span { font-size:11px;font-style:italic;color:#838380 }
#faqs h2 { font-weight:700 }
#faqs h5.active { font-weight:700;font-style:italic;color:#6e8a40 }
.aviso { color:#45949b;font-size:11px }
.form p label { font-weight:700; }
.form_info h4 { font-size:18px;font-weight:700;color:#fff }
.form_place h4 { font-size:18px;color:#678532;font-weight:700 }
.form_info div p { font-weight:700;color:#bdfb50;font-size:11px }
.form_info div p span{ font-weight:normal;color:#fff;font-size:11px }
.cinfo span { color:#fff }
#sports a, #sports p { font-weight:700 }
#sports a.active { text-decoration:underline }
#sports p { color:#999999 }
.sitemap { font-size:14px }
.sizefonts { font-size:11px }
.reiFuente { font-size:16px }
.aumFuente { font-size:13px }
var htmltooltip2={
	tipclass: 'htmltooltip2',
	fadeeffect: [true, 500],
	anchors: [],
	tooltips: [], //array to contain references to all tooltip DIVs on the page

	positiontip:function($, tipindex, e){
		var anchor=this.anchors[tipindex]
		var tooltip=this.tooltips[tipindex]
		var scrollLeft=window.pageXOffset? window.pageXOffset : this.iebody.scrollLeft
		var scrollTop=window.pageYOffset? window.pageYOffset : this.iebody.scrollTop
		var docwidth=(window.innerWidth)? window.innerWidth-15 : htmltooltip2.iebody.clientWidth-15
		var docheight=(window.innerHeight)? window.innerHeight-18 : htmltooltip2.iebody.clientHeight-15
		var tipx=anchor.dimensions.offsetx
		var tipy=anchor.dimensions.offsety+anchor.dimensions.h
		tipx=(tipx+tooltip.dimensions.w-scrollLeft>docwidth)? tipx-tooltip.dimensions.w : tipx //account for right edge
		tipy=(tipy+tooltip.dimensions.h-scrollTop>docheight)? tipy-tooltip.dimensions.h-anchor.dimensions.h : tipy //account for bottom edge
		$(tooltip).css({left: tipx, top: tipy})
	},

	showtip:function($, tipindex, e){
		var tooltip=this.tooltips[tipindex]
		if (this.fadeeffect[0])
			$(tooltip).hide().fadeIn(this.fadeeffect[1])
		else
			$(tooltip).show()
	},

	hidetip:function($, tipindex, e){
		var tooltip=this.tooltips[tipindex]
		if (this.fadeeffect[0])
			$(tooltip).fadeOut(this.fadeeffect[1])
		else
			$(tooltip).hide()	
	},

	updateanchordimensions:function($){
		var $anchors=$('*[@rel="'+htmltooltip2.tipclass+'"]')
		$anchors.each(function(index){
			this.dimensions={w:this.offsetWidth, h:this.offsetHeight, offsetx:$(this).offset().left, offsety:$(this).offset().top}
		})
	},

	render:function(){
		jQuery(document).ready(function($){
			htmltooltip2.iebody=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
			var $anchors=$('*[@rel="'+htmltooltip2.tipclass+'"]')
			var $tooltips=$('div[@class="'+htmltooltip2.tipclass+'"]')
			$anchors.each(function(index){ //find all links with "title=htmltooltip2" declaration
				this.dimensions={w:this.offsetWidth, h:this.offsetHeight, offsetx:$(this).offset().left, offsety:$(this).offset().top} //store anchor dimensions
				this.tippos=index+' pos' //store index of corresponding tooltip
				var tooltip=$tooltips.eq(index).get(0) //ref corresponding tooltip
				if (tooltip==null) //if no corresponding tooltip found
					return //exist
				tooltip.dimensions={w:tooltip.offsetWidth, h:tooltip.offsetHeight}
				$(tooltip).remove().appendTo('body') //add tooltip to end of BODY for easier positioning
				htmltooltip2.tooltips.push(tooltip) //store reference to each tooltip
				htmltooltip2.anchors.push(this) //store reference to each anchor
				var $anchor=$(this)
				$anchor.hover(
					function(e){ //onMouseover element
						htmltooltip2.positiontip($, parseInt(this.tippos), e)
						htmltooltip2.showtip($, parseInt(this.tippos), e)
					},
					function(e){ //onMouseout element
						htmltooltip2.hidetip($, parseInt(this.tippos), e)
					}
				)
				$(window).bind("resize", function(){htmltooltip2.updateanchordimensions($)})
			})
		})
	}
}

.htmltooltip2 p { font-weight:700 }