@charset "utf-8";
/**********************************************************************
*	Title			stylesheet style
*	Customer
*	Revision
*	Created			2008, 
*	Author			Alberto Messeguer - webmaster@mischunches.com
***********************************************************************/
@import url(reset.css);


body 				{background:#1F2324 url(../img/layout/bg.jpg) repeat-x;}
#logo a				{background:url(../img/layout/logo_sitiosweb_costarica.jpg) no-repeat;}

html	 			{height:100%;}
body 				{height:100%;font:12px/125% Verdana, Arial, sans-serif;color:#F0F0F0;}


/* type				-------------------------------------------------------- */
h1	 				{color:#FF9900;font:normal 28px Verdana, Arial, sans-serif;margin:0 0 20px;line-height:34px;}
h2	 				{color:#FF9900;font:normal 20px Verdana, Arial, sans-serif;margin:10px 0 10px;}
h3	 				{color:#FF9900;font:normal 16px Verdana, Arial, sans-serif;margin:0 0 5px;}
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:#FFFF99;}
a:hover				{color:#FF9900;}

/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{width:960px;margin:0 auto 5px auto;padding:0;}
#contentWrapper		{margin:0 auto;padding:0;}
#footerWrapper		{height:100px;background:url(../img/layout/footer_bg.jpg) repeat-x;}

/* header			-------------------------------------------------------- */
#header				{height:100px;position:relative;}
#logo a				{width:380px;height:50px;display:block;text-indent:-9999px;position:absolute;top:15px;left:0;}

#textSize			{height:20px;width:100px;position:absolute;top:0;right:0;}
#textSize ul		{height:20px;list-style:none;margin:0 0 10px 0;padding:0;}
#textSize li		{display:inline;margin:0;padding:0;}
#textSize a			{float:left;text-indent:-9999px;height:20px;width:20px;background:url(../img/layout/textsize.jpg);margin:0 5px 0 0;}
#textSize .s a			{background-position:0 0;}
#textSize .s a:hover	{background-position:0 -20px;}
#textSize .m a			{background-position:-20px 0;}
#textSize .m a:hover	{background-position:-20px -20px;}
#textSize .l a			{background-position:-40px 0;}
#textSize .l a:hover	{background-position:-40px -20px;}
#textSize .x a			{background-position:-60px 0;}
#textSize .x a:hover	{background-position:-60px -20px;}

/* menus 			-------------------------------------------------------- */
#mainNav			{height:30px;position:absolute;top:65px;left:0;}
#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:16px!important;line-height:18px!important;height:22px;padding:0 15px 0 0;color:#F0F0F0;}
#mainNav a:hover,
#mainNav li a#current:hover	{color:#B2813C;}
#mainNav li a#current{color:#FF9900;}

#submenuTab			{height:30px;margin:0;padding:0;}
#submenuTab ul		{list-style:none;margin:0 auto;padding:0;margin:0;}
#submenuTab li		{display:inline;margin:0;padding:0;}
#submenuTab a		{float:left;text-decoration:none;font-size:14px!important;line-height:16px!important;height:22px;padding:8px 5px 0 5px;color:#000;text-align:center;width:90px;background:url(../img/layout/submenuTab.jpg) no-repeat;margin-left:2px;}
#submenuTab a:hover,
#submenuTab li a#current:hover	{background-position:-100px 0;}
#submenuTab li a#current{color:#FF9900;}

/* content			-------------------------------------------------------- */
#content			{padding:0;min-height:300px;}
#pageImage			{height:320px;margin-bottom:40px;}

/* 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:left;width:550px;padding:0;}
#mainContent h2		{margin-top:40px;}
#slides				{margin:0 0 20px 0;}

.paquetes			{margin:0;}
.paquetes_img		{width:150px;float:left;color:#000;}
.paquetes_txt		{width:350px;float:right;}
.paquetes_img a		{color:#000000;text-decoration:none;}
.paquetes_img a:hover{text-decoration:underline;}
.paquetes_img #paq1	{width:150px;height:140px;background:url(../img/layout/icon_paquetico.jpg);text-align:center;padding:10px 0 0 0;}
.paquetes_img #paq2	{width:150px;height:140px;background:url(../img/layout/icon_arenal.jpg);text-align:center;padding:10px 0 0 0;}
.paquetes_img #paq3	{width:150px;height:140px;background:url(../img/layout/icon_poas.jpg);text-align:center;padding:10px 0 0 0;}
.paquetes_img #paq4	{width:150px;height:140px;background:url(../img/layout/icon_barba.jpg);text-align:center;padding:10px 0 0 0;}
.paquetes_img #paq5	{width:150px;height:140px;background:url(../img/layout/icon_irazu.jpg);text-align:center;padding:10px 0 0 0;}

#clientes			{margin:20px 0;}
.clientesBox		{float:left;border:1px solid #CCC;padding:2px;margin:0 10px 10px 0;}

/* ficha	   		-------------------------------------------------------- */
#ficha				{font-size:12px;width:550px;margin:0 auto 20px auto;}
#fichaL				{margin-bottom:5px;}
#fichaL img			{padding:2px;border:1px solid #999999;background:#FFFFFF;margin:0;}
#fichaR				{padding:20px;height:210px;}
#fichaR h4			{margin-top:0;font-size:14px;}


/* sidebar			-------------------------------------------------------- */
#sidebarWrapper		{float:right;width:350px;padding:0;}
#sidebarWrapper	ul	{margin:5px 0;padding:0;}
#sidebaWrapper li	{margin:0;padding:0;}

.sideBox_orange		{background:url(../img/layout/sideBoxOrange.jpg) no-repeat;display:block;width:300px;padding:30px 30px 1px 20px;color:#000;}
.sideBox_orange h2	{color:#000;margin:0 0 5px 0;text-align:center;font-size:18px;}
.sideBoxBot_orange	{background:url(../img/layout/sideBoxOrangeBot.jpg) no-repeat;width:350px;height:30px;}
.sideBox_orange a	{color:#000;}
.sideBox_orange a:hover {color:#990000;}

.sideBox_green		{background:url(../img/layout/sideBoxGreen.jpg) no-repeat;display:block;width:300px;padding:30px 30px 1px 20px;color:#000;}
.sideBox_green h2	{color:#000;margin:0 0 5px 0;text-align:center;font-size:18px;}
.sideBox_green a	{color:#003366;}
.sideBox_green a:hover{color:#990000;}
.sideBoxBot_green	{background:url(../img/layout/sideBoxGreenBot.jpg) no-repeat;width:350px;height:30px;}

/* buttoms			-------------------------------------------------------- */
.btnInfoGreen		{float:right;margin:5px;width:130px;height:40px;display:block;background:url(../img/layout/btnInfoGreen.jpg) no-repeat;text-indent:-9999px;}
.btnInfoOrange		{float:right;margin:5px;width:130px;height:40px;display:block;background:url(../img/layout/btnInfoOrange.jpg) no-repeat;text-indent:-9999px;}
.btnInfoBlack		{float:right;margin:5px;width:130px;height:40px;display:block;background:url(../img/layout/btnInfoBlack.jpg) no-repeat;text-indent:-9999px;}

/* footer			-------------------------------------------------------- */
#footer				{width:960px;margin:0 auto;height:40px;position:relative;padding:40px 0 0 0;}
#footer				{color:#F0F0F0;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:#F0F0F0;display:block;width:auto;text-decoration:none;margin:0;padding:0 10px;border-right:1px solid #F0F0F0;}
#footer li a:hover, li a:active {color:#FF9900;}
#footer li a.active:link, li a.active:visited
					{position:relative;z-index:102;font-weight:bold;}
#footer .mc a		{width:80px;height:15px;display:block;background:url(../img/layout/footer_sprite.png) -240px 0 no-repeat;text-decoration:none;text-indent:-9999px;margin:0 5px 0 0;padding:0;border:none;}
#footer .css a		{width:80px;height:15px;display:block;background:url(../img/layout/footer_sprite.png) 0 0 no-repeat;text-decoration:none;text-indent:-9999px;margin:0 5px 0 0;padding:0;border:none;}
#footer .xhtml a	{width:80px;height:15px;display:block;background:url(../img/layout/footer_sprite.png) -80px 0 no-repeat;text-decoration:none;text-indent:-9999px;margin:0 5px 0 0;padding:0;border:none;}
#footer .tableless a{width:80px;height:15px;display:block;background:url(../img/layout/footer_sprite.png) -160px 0 no-repeat;text-decoration:none;text-indent:-9999px;margin:0 5px 0 0;padding:0;border:none;}
#footer .mc a:hover			{background-position:-240px -15px;}
#footer .css a:hover		{background-position:0 -15px;}
#footer .xhtml a:hover		{background-position:-80px -15px;}
#footer .tableless a:hover	{background-position:-160px -15px;}

/* 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;}
.imgLeft			{float:left;margin:0 10px 10px 0;}
.bold				{font-weight:bold;}
.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;}

#sitiosweb			{margin:0 auto;width:170px;padding-top:30px;}
#sitiosweb ul		{list-style:none;margin:0;padding:0;}
#sitiosweb li		{display:inline;margin:0;padding:0;}
#sitiosweb li a		{float:left;text-decoration:none;height:34px;padding:0;width:80px;margin:0 5px 5px 0;text-indent:-9999px;background:url(../img/layout/sitios_sprite.png) no-repeat;}

#sitiosweb .mC a		{background-position:0 0;}
#sitiosweb .mC a:hover	{background-position:0 -34px;}
#sitiosweb .wd_crc a	{background-position:-80px 0;}
#sitiosweb .wd_crc a:hover	{background-position:-80px -34px;}

#sitiosclientes		{margin:10px 0;font-size:.8em;}
#sitiosclientes	 ul	{list-style:none;margin:0;padding:0;}
#sitiosclientes	 li	{display:inline;margin:0;padding:0;}
#sitiosclientes	 li a{padding:0 2px 0 1px;margin:0;color:#CCC;overflow:inherit;border-right:1px solid #CCC;text-decoration:none;}
#sitiosclientes	 li a:hover {text-decoration:underline;}

.referrals			{text-align:center;padding:10px 0;}