@charset "utf-8";
/**********************************************************************
*	Title			stylesheet style
*	Customer		misChunches, versionn 2010
*	Revision
*	Created			2000, 08
*	Author			Alberto Messeguer - webmaster@mischunches.com
***********************************************************************/

@import url(reset.css);

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

/* type				-------------------------------------------------------- */
h1	 				{color:#272F41;font:normal 26px Verdana, Arial, sans-serif;margin:0 0 10px;}
h1.webdesign		{width:650px;height:55px;background:url(../img/layout/h1_webdesign.jpg) no-repeat;display:block;margin:0 auto 10px auto;text-indent:-9999px;}
h2	 				{color:#FFF;font:normal 16px Verdana, Arial, sans-serif;margin:20px 0 10px;}
h2.boxBlue			{color:#FFF;font:normal 16px Verdana, Arial, sans-serif;margin:20px 0 10px;padding:5px;background:#19385A;display:block;}
h2.boxRed			{color:#FFF;font:normal 16px Verdana, Arial, sans-serif;margin:20px 0 10px;padding:5px;background:#FF0000;display:block;}
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: #990000}

/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{margin:0 auto;padding:0;background:#F0F0F0 url(../img/layout/bg.jpg) no-repeat;}
#contentWrapper		{width:960px;;margin:0 auto;padding-top:200px;}
#footerWrapper		{padding:0;}

/* header			-------------------------------------------------------- */
#headerWrapper		{margin:0 auto;padding:0;height:auto;background:#5F9BBC url(../img/layout/costarica.png) right top no-repeat;}
#header				{width:960px;margin:0 auto;height:90px;position:relative;z-index:1200;}
#logo a				{height:90px;width:240px;display:block;background:url(../img/layout/logo_header.jpg) 0 0 no-repeat;text-indent:-9999px;position:absolute;top:5px;left:20px;}
#logo a:hover		{background-position:0 -90px;}

#mainMenu			{position:absolute;top:10px;left:370px;height:30px;border-bottom:1px solid #8AB7CE;padding-bottom:5px;}
#mainMenu ul		{list-style:none;margin:0;padding:0;}
#mainMenu li		{display:inline;margin:0;padding:0;}
#mainMenu a			{float:left;text-decoration:none;font-size:16px!important;line-height:120%!important;padding:10px 20px;color: #003366;margin-left:5px;font-weight:bold;}
#mainMenu #current	{color:#990000;}
#mainMenu #current:hover	{color:#FFF;}
#mainMenu a:hover	{color: #FFF;}

#subMenu			{position:absolute;top:53px;left:360px;height:24px;}
#subMenu ul			{list-style:none;margin:0;padding:0;}
#subMenu li			{display:inline;margin:0;padding:0;}
#subMenu a			{float:left;text-decoration:none;font-size:12px!important;line-height:120%!important;padding:0 18px;color:#000;}
#subMenu #subcurrent{color:#990000;}
#subMenu #subcurrent:hover{color:#FFF;}
#subMenu a:hover	{color: #FFF;}

#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;}

/* mainNav 			-------------------------------------------------------- */
#mainNav			{height:30px;margin-bottom:10px;font-size:14px;position:absolute;top:80px;}
#MenuBar1 li.lang	{width:107px;height:30px;display:block;}

/* content			-------------------------------------------------------- */
#content			{text-align:justify;padding-top:20px;}
#contentTop			{margin-bottom:0;}
#sliderWrapper		{float:left;width:590px;height:290px;padding:15px;margin:0 auto;background:url(../img/layout/slide_bg.jpg) no-repeat;}
#contentTopInfo		{float:right;width:340px;}

#mainList			{margin:0;}
#mainList ul		{margin:0;padding:0;list-style:none;}
#mainList li		{background:url(../img/layout/mainLi_bg.jpg) no-repeat;padding:15px;width:310px;height:130px;display:block;margin:0;}
#mainList li a		{width:310px;height:130px;background:url(../img/layout/mainList.jpg) no-repeat;display:block;text-indent:-9999px;margin-bottom:5px;}

#mainList .m1 a			{background-position:0 0;}
#mainList .m1 a:hover	{background-position:-310px 0;}
#mainList .m2 a			{background-position:0 -130px;}
#mainList .m2 a:hover	{background-position:-310px -130px;}

/* 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:600px;padding:0;}

.boxEnlaces			{margin:20px auto 10px auto;width:600px;padding:10px;border:1px solid #CCC;font-size:12px;background:#F8F8F8;}
.boxEnlaces h4		{margin:0;}
.boxEnlaces ul		{list-style:none;}
.boxEnlace			{ font-size:11px;margin-bottom:10px;line-height:12px;}
.boxEnlace h4		{margin:0 0 5px 0;font-size:12px;}
.boxEnlace ul		{list-style:none;margin:0 0 0 5px;padding:0;}

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


/* sidebar			-------------------------------------------------------- */
#sidebarWrapper		{float:right;width:310px;padding:0;}
#sidebarList		{margin:0;}
#sidebarList ul		{margin:0;padding:0;list-style:none;}
#sidebarList li		{}
#sidebarList li a	{width:310px;height:130px;background:url(../img/layout/mainList.jpg) no-repeat;display:block;text-indent:-9999px;margin-bottom:10px;}

#sidebarList .m1 a			{background-position:0 0;}
#sidebarList .m1 a:hover	{background-position:-310px 0;}
#sidebarList .m2 a			{background-position:0 -130px;}
#sidebarList .m2 a:hover	{background-position:-310px -130px;}
#sidebarList .m3 a			{background-position:0 -260px;}
#sidebarList .m3 a:hover	{background-position:-310px -260px;}
#sidebarList .m4 a			{background-position:0 -390px;}
#sidebarList .m4 a:hover	{background-position:-310px -390px;}

/* ficha	   		-------------------------------------------------------- */
#ficha				{font-size:12px;width:550px;margin:0 auto 20px auto;border:1px dotted #CCC;padding:10px;}
#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;}

/* footer			-------------------------------------------------------- */
#footer				{width:930px;margin:20px auto 0 auto;height:40px;position:relative;padding:10px 0;}
#footer				{color:#333;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:#333;display:block;width:auto;text-decoration:none;margin:0;padding:0 10px;border-right:1px solid #333;}
#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: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:10px auto 0 auto;width:940px;}
#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 .ame a		{background-position:-80px 0;}
#sitiosweb .ame a:hover	{background-position:-80px -34px;}
#sitiosweb .arg a		{background-position:-160px 0;}
#sitiosweb .arg a:hover	{background-position:-160px -34px;}
#sitiosweb .chi a		{background-position:-240px 0;}
#sitiosweb .chi a:hover	{background-position:-240px -34px;}
#sitiosweb .col a		{background-position:-320px 0;}
#sitiosweb .col a:hover	{background-position:-320px -34px;}
#sitiosweb .crc a		{background-position:-400px 0;}
#sitiosweb .crc a:hover	{background-position:-400px -34px;}
#sitiosweb .els a		{background-position:-480px 0;}
#sitiosweb .els a:hover	{background-position:-480px -34px;}
#sitiosweb .gua a		{background-position:-560px 0;}
#sitiosweb .gua a:hover	{background-position:-560px -34px;}
#sitiosweb .hon a		{background-position:-640px 0;}
#sitiosweb .hon a:hover	{background-position:-640px -34px;}
#sitiosweb .nic a		{background-position:-720px 0;}
#sitiosweb .nic a:hover	{background-position:-720px -34px;}
#sitiosweb .pan a		{background-position:-800px 0;}
#sitiosweb .pan a:hover	{background-position:-800px -34px;}
#sitiosweb .per a		{background-position:-880px 0;}
#sitiosweb .per a:hover	{background-position:-880px -34px;}
#sitiosweb .ven a		{background-position:-960px 0;}
#sitiosweb .ven a:hover	{background-position:-960px -34px;}
#sitiosweb .wd_crc a	{background-position:-1040px 0;}
#sitiosweb .wd_crc a:hover{background-position:-1040px -34px;}

#sitiosclientes		{margin:10px 0;font-size:.8em;}
#sitiosclientes	 ul	{margin:0 0 0 20px;padding:0;}
#sitiosclientes	 li	{margin:0;padding:0;}
#sitiosclientes	 li a{padding:0 5px;margin:0 0 0;color: #336699;}
#sitiosclientes	 li a:hover {color:#333333;}

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