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

@import url(reset.css);


/* body				-------------------------------------------------------- */
html	 			{height:100%;}
body 				{height:100%;font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;color:#333;background:#729CCC url(../img/layout/bg.jpg) repeat-x;}

/* outerWrapper		-------------------------------------------------------- */
#headerWrapper		{width:960px;margin:0 auto;padding:0;height:140px;}

#outerWrapper		{width:960px;margin:0 auto;padding:0;background:#FFFFFF url(../img/layout/t.jpg) repeat-x;}
#bottomWrapper		{background:url(../img/layout/b.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:10px 0;}
#innerWrapper		{padding:0 10px;}

#contentWrapper		{margin:0 auto;padding:0;}
#footerWrapper		{width:960px;margin:0 auto;padding:0;}

/* header			-------------------------------------------------------- */
#header				{height:140px;position:relative;z-index:1100;}
#logo a				{position:absolute;top:0;left:0;width:50px;height:90px;display:block;background:url(../img/layout/logo_header.jpg) no-repeat;text-indent:-9999px;}
#titulo				{position:absolute;top:0;left:60px;width:520px;height:90px;display:block;background:url(../img/layout/titulo.jpg) no-repeat;text-indent:-9999px;}

/* mainNav 			-------------------------------------------------------- */
#mainNav			{width:940px;height:30px;position:absolute;top:90px;left:10px;background:url(../img/layout/navb.jpg) repeat-x}
#mainNavL			{position:absolute;top:90px;left:0;width:10px;height:30px;background:url(../img/layout/navl.jpg) no-repeat;}
#mainNavR			{position:absolute;top:90px;right:0;width:10px;height:30px;background:url(../img/layout/navr.jpg) no-repeat;}

/* content			-------------------------------------------------------- */
#content			{padding:10px;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:690px;padding:0 10px 0 0;}
.mapWrapper			{margin:20px auto;border:1px solid #CCC;padding:3px;}
.article			{margin:20px 50px;border:1px solid #CCC;padding:10px;}
.article h2			{margin:0 0 10px 0;}
.boxTopic			{float:left;border:1px dotted #CCC;padding:5px;margin:0 10px 10px 0;width:180px;min-height:130px;text-align:left;}
.boxTopic h2		{margin:0 0 10px 0;text-align:center;font-size:17px; background:#690A10;color:#FFF; display:block; padding:2px;}
.boxTopic ul		{margin:10px 0;}

/* slider			-------------------------------------------------------- */
#sliderBox			{position:relative;height:340px;}
#sliderWrapper		{position:relative;margin-top:10px;}
#slider				{position:relative;}
#slider ul, 
#slider li			{margin:0;padding:0;list-style:none;}
#slider, 
#slider li			{width:654px;height:198px;overflow:hidden;}
span#prevBtn a		{position:absolute;top:210px;right:35px;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:210px;right:5px;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:210px;padding:0;}


#quicklinks			{margin-bottom:30px;}
#quicklinks ul		{list-style:none;margin:0;padding:0;}
#quicklinks li		{margin:0;padding:0;}
#quicklinks a		{width:210px;height:110px;display:block;text-indent:-9999px;}

#quicklinks .mh a		{background:url(../img/layout/quicklinks.jpg) 0 0;} /*-- ministerio hispano */
#quicklinks .mh a:hover	{background:url(../img/layout/quicklinks.jpg) -210px 0;}
#quicklinks .rt a		{background:url(../img/layout/quicklinks.jpg) 0 -110px;} /*-- register today */
#quicklinks .rt a:hover	{background:url(../img/layout/quicklinks.jpg) -210px -110px;}
#quicklinks .wb a		{background:url(../img/layout/quicklinks.jpg) 0 -220px;} /*-- weekly bulletin */
#quicklinks .wb a:hover	{background:url(../img/layout/quicklinks.jpg) -210px -220px;}

#links					{height:200px;padding:40px 0 20px 0;}
#links ul				{list-style:none;margin:0 0 0 10px;padding:0;}
#links li				{display:inline;margin:0;padding:0;}
#links a				{float:left;text-decoration:none;width:200px;margin:0px 10px;height:200px;display:block;background:url(../img/layout/links.jpg) no-repeat;text-indent:-9999px;}

#links .mass a			{background-position:0 0;}
#links .mass a:hover	{background-position:0 -200px;}
#links .baptism a		{background-position:-200px 0;}
#links .baptism a:hover	{background-position:-200px -200px;}
#links .marriage a		{background-position:-400px 0;}
#links .marriage a:hover{background-position:-400px -200px;}
#links .calendar a		{background-position:-600px 0;}
#links .calendar a:hover{background-position:-600px -200px;}

/* footer			-------------------------------------------------------- */
#footer				{height:40px;position:relative;padding:10px;}
#footer				{color:#444;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: #444;display: block;width: auto;text-decoration: none;margin: 0;padding: 0 10px;border-right: 1px solid #666;}
#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: #003366;font:normal 28px Verdana, Arial, sans-serif;margin:0 0 20px;}
h2	 				{color:#003366;font:normal 24px Verdana, Arial, sans-serif;margin:20px 0 10px 0;}
h3	 				{color:#003366;font:normal 20px Verdana, Arial, sans-serif;margin:10px 0 10px 0;}
h4	 				{color:#003366;font:normal 18px Verdana, Arial, sans-serif;}
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;}

/* 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;}
.imgBorder			{border:1px solid #CCC;padding:2px;}
.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;}