@charset "utf-8";/**********************************************************************
*	Title			stylesheet style
*	Customer		Costa Rica Fitness Adventures
*	Revision
*	Created			2009, 
*	Author			Alberto Messeguer - webmaster@mischunches.com
***********************************************************************/

@import url(reset.css);/* body				-------------------------------------------------------- */
html	 			{height:100%;}
body 				{height:100%;font:14px/18px Verdana, Arial, sans-serif;color:#333;background:#584ED7 url(../img/layout/bg.jpg) repeat-x;}

/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{width:960px;margin:20px auto;padding:0;background:#FFFFFF url(../img/layout/t.jpg) repeat-x;}
#bottomWrapper		{background:url(../img/layout/bottom.jpg) bottom left repeat-x;}
#outertl			{background:url(../img/layout/tl.jpg) top left no-repeat;}
#outertr			{background:url(../img/layout/tr.jpg) top right no-repeat;}
#outerbl			{background:url(../img/layout/bl.jpg) bottom left no-repeat;}
#outerl				{background:url(../img/layout/l.jpg) repeat-y;}
#outerr				{background:url(../img/layout/r.jpg) top right repeat-y;}
#outerbr			{background:url(../img/layout/br.jpg) bottom right no-repeat;padding:0 0 10px 0;}
#innerWrapper		{padding:0 15px;background:url(../img/layout/inner.jpg) no-repeat;}
#headerWrapper		{margin:0 auto;padding:0;}
#contentWrapper		{margin:0 auto;padding:0;}
#footerWrapper		{width:960px;margin:0 auto;padding:0;}

/* header			-------------------------------------------------------- */
#header				{height:150px;position:relative;}
#logo a				{position:absolute;top:10px;left:10px;width:120px;height:120px;display:block;background:url(../img/layout/logo_CCFA.jpg) no-repeat;text-indent:-9999px;text-decoration:none;}
#title				{position:absolute;top:10px;left:150px;width:300px;height:80px;display:block;background:url(../img/layout/title.gif) no-repeat;text-indent:-9999px;}
#facebook a			{position:absolute;top:20px;right:20px;width:48px;height:48px;display:block;background:url(../img/layout/facebook.gif) no-repeat;text-indent:-9999px;}
/* mainNav 			-------------------------------------------------------- */
#mainNav			{height:40px;position:absolute;top:100px;right:0px;}
#mainNav ul			{list-style:none;margin:0 auto;padding:0;}
#mainNav li			{display:inline;margin:0;padding:0;}
#mainNav a			{float:left;text-decoration:none;font-size:13px!important;line-height:14px!important;height:22px;padding:8px 0 0 0;width:150px;text-align:center;color:#FFF;font-weight:bold;margin:0 5px 0 0;}
#mainNav a			{background:url(../img/layout/nav.jpg) 0 0 no-repeat;}
#mainNav a:hover	{background:url(../img/layout/nav.jpg) -150px 0;color:#FFF;}
#mainNav li a#current{background:url(../img/layout/nav.jpg) -150px 0;color:#FFF;}

/* content			-------------------------------------------------------- */
#content			{padding:20px 0 0 0;min-height:300px;text-align:justify;}

/* breadcrumb		-------------------------------------------------------- */
#breadcrumb			{height:20px;background:url(../_img/layout/breadcrumb.jpg) no-repeat;padding:5px 10px;font-size:10px;color:#999999;margin-bottom:40px;}
#breadcrumb a		{color:#999999;text-decoration:none;}
#breadcrumb a:hover	{text-decoration:underline;color:#333333;}

/* mainContent		-------------------------------------------------------- */
#mainContent		{float:right;width:440px;padding:0;}


#programs			{margin:40px 0 0 0;}
#programs ul		{list-style:none;margin:0 auto;padding:0;}
#programs li		{display:inline;margin:0 15px 15px 0;padding:0;width:275px;height:200px;border:1px solid #CCC;display:block;float:left;padding:10px;}
#programs .box		{float:left;width:275px;padding:10px;margin:0 15px 15px 0;display:block;}
#programs .box h3	{text-align:center;width:255px;height:70px;display:block;background:url(../img/layout/box_h3.jpg) no-repeat;color:#000;padding:10px 10px 0 10px;font-size:18px;margin:0;}
#programs .boxTxt	{background:url(../img/layout/box_bg.jpg) repeat-y;height:160px;padding:10px 10px 0 30px;}
#programs .boxBot	{background:url(../img/layout/box_bot.jpg) no-repeat;height:27px;padding:3px 20px 0 30px;text-align:right;}

#programs .box1		{float:left;width:275px;padding:10px;margin:0 15px 15px 0;display:block;}
#programs .box1 h3	{text-align:center;width:255px;height:70px;display:block;background:url(../img/layout/box1_h3.jpg) no-repeat;color:#000;padding:10px 10px 0 10px;font-size:18px;margin:0;}
#programs .box1Txt	{background:url(../img/layout/box1_bg.jpg) repeat-y;height:160px;padding:10px 10px 0 30px;}
#programs .box1Bot	{background:url(../img/layout/box1_bot.jpg) no-repeat;height:27px;padding:3px 20px 0 30px;text-align:right;}

#programs .box2		{float:left;width:275px;padding:10px;margin:0 15px 15px 0;display:block;}
#programs .box2 h3	{text-align:center;width:255px;height:70px;display:block;background:url(../img/layout/box2_h3.jpg) no-repeat;color:#000;padding:10px 10px 0 10px;font-size:18px;margin:0;}
#programs .box2Txt	{background:url(../img/layout/box2_bg.jpg) repeat-y;height:160px;padding:10px 10px 0 30px;}
#programs .box2Bot	{background:url(../img/layout/box2_bot.jpg) no-repeat;height:27px;padding:3px 20px 0 30px;text-align:right;}

#programs .box3		{float:left;width:275px;padding:10px;margin:0 15px 15px 0;display:block;}
#programs .box3 h3	{text-align:center;width:255px;height:70px;display:block;background:url(../img/layout/box3_h3.jpg) no-repeat;color:#000;padding:10px 10px 0 10px;font-size:18px;margin:0;}
#programs .box3Txt	{background:url(../img/layout/box3_bg.jpg) repeat-y;height:160px;padding:10px 10px 0 30px;}
#programs .box3Bot	{background:url(../img/layout/box3_bot.jpg) no-repeat;height:27px;padding:3px 20px 0 30px;text-align:right;}

#programs .box4		{float:left;width:275px;padding:10px;margin:0 15px 15px 0;display:block;}
#programs .box4 h3	{text-align:center;width:255px;height:70px;display:block;background:url(../img/layout/box4_h3.jpg) no-repeat;color:#000;padding:10px 10px 0 10px;font-size:18px;margin:0;}
#programs .box4Txt	{background:url(../img/layout/box4_bg.jpg) repeat-y;height:160px;padding:10px 10px 0 30px;}
#programs .box4Bot	{background:url(../img/layout/box4_bot.jpg) no-repeat;height:27px;padding:3px 20px 0 30px;text-align:right;}

#programs .box5		{float:left;width:275px;padding:10px;margin:0 15px 15px 0;display:block;}
#programs .box5 h3	{text-align:center;width:255px;height:70px;display:block;background:url(../img/layout/box5_h3.jpg) no-repeat;color:#000;padding:10px 10px 0 10px;font-size:18px;margin:0;}
#programs .box5Txt	{background:url(../img/layout/box5_bg.jpg) repeat-y;height:160px;padding:10px 10px 0 30px;}
#programs .box5Bot	{background:url(../img/layout/box5_bot.jpg) no-repeat;height:27px;padding:3px 20px 0 30px;text-align:right;}

#programs .box6		{float:left;width:275px;padding:10px;margin:0 15px 15px 0;display:block;}
#programs .box6 h3	{text-align:center;width:255px;height:70px;display:block;background:url(../img/layout/box6_h3.jpg) no-repeat;color:#FFF;padding:10px 10px 0 10px;font-size:18px;margin:0;}
#programs .box6Txt	{background:url(../img/layout/box6_bg.jpg) repeat-y;height:160px;padding:10px 10px 0 30px;}
#programs .box6Bot	{background:url(../img/layout/box6_bot.jpg) no-repeat;height:27px;padding:3px 20px 0 30px;text-align:right;}

#programMenu		{}
#programMenu ul		{list-style:none;margin:0;padding:0;font-size:12px;font-weight:bold;}
#programMenu li		{display:inline;margin:0;padding:0;height:70px;width:150px;display:block;float:left;margin:0 5px 0 0;}
#programMenu a		{float:left;text-decoration:none;height:60px;padding:5px;width:140px;text-align:center;margin:0 5px 0 0;background:url(../img/layout/navProgram.jpg);color:#FFF;}
#programMenu a:hover{color:#FFF;background-position:-150px 0;}

#program			{padding:80px 10px 0 10px;}
#program h2			{color:#FF6600;font-size:28px;line-height:32px;margin-bottom:20px;}
#program .boxL		{float:left;width:600px;}
#program .boxRW		{float:right;width:300px;}
#program .boxR		{width:280px;background:url(../img/layout/feature.jpg) no-repeat;padding:10px;}
#program .boxR_bot	{width:300px;height:20px;background:url(../img/layout/feature_bot.gif) no-repeat;margin-bottom:20px;}
#program .boxR h3	{color:#333399;text-align:center;margin-bottom:10px;}
#program .boxR ul	{margin:0;}


/* slider			-------------------------------------------------------- */
#sliderWrapper		{width:480px;height:350px;position:relative;}
#slideBox			{border:1px solid #CCC;padding:2px;width:474px;height:316px;}
#slider				{position:relative;}
#slider ul, 
#slider li			{margin:0;padding:0;list-style:none;}
#slider, 
#slider li			{width:474px;height:316px;overflow:hidden;}
span#prevBtn a		{position:absolute;top:320px;right:40px;width:24px;height:24px;background:url(../img/layout/btn_slide.jpg) 0 0 no-repeat;text-indent:-9999px;}
span#prevBtn a:hover{background-position:-24px 0;}
span#nextBtn a		{position:absolute;top:320px;right:10px;width:24px;height:24px;background:url(../img/layout/btn_slide.jpg) -48px 0 no-repeat;text-indent:-9999px;}
span#nextBtn a:hover{background-position:-72px 0;}

/* sidebar			-------------------------------------------------------- */
#sidebarWrapper		{float:left;width:480px;padding:0;}

/* footer			-------------------------------------------------------- */
#footer				{height:40px;position:relative;padding:0 10px;}
#footer				{color:#CCCCCC;font:11px normal;}
#footer .footerLeft	{float:left;width:auto;}
#footer .footerRight{float:right;width:auto;}
#footer ul			{margin:0;padding:0;border:none;}
#footer li			{list-style:none;display:block;margin:0;padding:0;float:left;width:auto;}
#footer li a		{color:#CCCCCC;display:block;width:auto;text-decoration:none;margin:0;padding:0 10px;border-right:1px solid #CCCCCC;}
#footer li a:hover, li a:active {color:#990000;}
#footer li a.active:link, li a.active:visited
					{position:relative;z-index:102;font-weight:bold;}
#footer .mc a		{width:85px;height:15px;display:block;background:url(../img/layout/mc.gif) no-repeat;text-decoration:none;text-indent:-9999px;margin:0;padding:0;border:none;}
#footer .css a		{width:85px;height:15px;display:block;background:url(../img/layout/w3c_css.gif) no-repeat;text-decoration:none;text-indent:-9999px;margin:0;padding:0;border:none;}
#footer .xhtml a	{width:85px;height:15px;display:block;background:url(../img/layout/w3x_xhtml11.gif) no-repeat;text-decoration:none;text-indent:-9999px;margin:0;padding:0;border:none;}
#footer .tableless a{width:85px;height:15px;display:block;background:url(../img/layout/w3c_csstableless.gif) no-repeat;text-decoration:none;text-indent:-9999px;margin:0;padding:0;border:none;}
#footer .mc a:hover,
#footer .css a:hover,
#footer .xhtml a:hover,
#footer .tableless a:hover	{background-position:0 -15px;}

/* type				-------------------------------------------------------- */
h1	 				{color:#584ED7;font:normal 28px Verdana, Arial, sans-serif;margin:0 0 20px;text-align:center;}
h2	 				{color:#584ED7;font:normal 22px Verdana, Arial, sans-serif;margin:10px 0 5px;}
h3	 				{color:#584ED7;font:normal 20px Verdana, Arial, sans-serif;margin:5px 0 5px;}
.TabbedPanelsTab h4 {color:#584ED7;font:normal 14px Verdana, Arial, sans-serif;margin:0;}
p					{margin:0 0 10px 0;}
ul					{margin:10px 0 20px 15px;padding:0 0 0 20px;}
ol					{margin:10px 0 20px 15px;padding:0 0 0 20px;}
li					{margin:5px 0 0 0;padding:0;}
a					{color:#336699;}
a:hover				{color:#FF9900;}

/* classes   		-------------------------------------------------------- */
p.hr 				{line-height:1.0em;border-bottom:1px dotted #5D84AC;margin:1.5em 0;}
.clearfloat			{clear:both;height:0;font-size:1px;line-height:0px;}
.offleft			{margin-left:-9000px;position:absolute;}
.imgRight			{float:right;margin:0 0 10px 10px;}
.imgRightBorder		{float:right;margin:0 0 10px 20px;border:1px solid #CCC;padding:2px;}
.imgLeft			{float:left;margin:0 10px 10px 0;}
.imgBorder			{border:1px solid #CCC;padding:2px;}
.bold				{font-weight:bold;}
.boldPurple			{font-weight:bold;color:#584ED7;}
.floatRight			{float:right;}
.textCenter			{text-align:center;}
.enlaces			{margin:0 10px 20px 0;}

/* rear more   		-------------------------------------------------------- */
a.readon, 
a.readon:hover		{margin-top:10px;display:block;float:right;line-height:12px;background:url(../img/icons/readon.gif) no-repeat left center;text-indent:16px;}

/* form php			-------------------------------------------------------- */
.btn_enviar			{height:40px;width:150px;display:block;cursor:pointer;font-size:14px;font-weight:bold;background:url(../img/layout/btn_enviar.gif) no-repeat;color:#666666;}
.boxContactLeft		{float:left;width:350px;}
.boxContactRight	{float:right;width:350px;}

/* spry code	-------------------------------------------------------- */ 
.SpryHiddenRegion 	{visibility:hidden;}


/* misChunches		-------------------------------------------------------- */ 
.mis 				{color:#003366;font-family:"times new roman", serif;}
.chunches 			{font-family:tahoma, arial, verdana, sans-serif;margin:0;color:#990000;font-weight:normal;}