@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:12px/125% Verdana, Arial, sans-serif;color:#333;background:#F2F2F2 url(../img/layout/bg.jpg) repeat-x;}

/* type				-------------------------------------------------------- */
h1	 				{color:#003366;font:normal 20px Verdana, Arial, sans-serif;margin:0 0 15px;line-height:120%;}
h2	 				{color:#000;font:normal 18px Verdana, Arial, sans-serif;margin:10px 0 10px;}
h2.boxBlue			{background:#336699;padding:2px;color:#FFF;display:block;}
h3	 				{color:#336699;font:bold 14px Verdana, Arial, sans-serif;margin:20px 0 10px 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: #990000;}


/* outerWrapper		-------------------------------------------------------- */
#headerWrapper		{margin:0 auto;padding:0;}
/*
#outerCollage		{background:url(../img/layout/content_collage.jpg) right bottom no-repeat;}
*/
#outerWrapper		{width:960px;margin:0 auto;padding:0;background:#FFFFFF url(../img/layout/content_bg.jpg) repeat-y;}
#innerWrapper		{width:960px;padding:0;background:url(../img/layout/inner_bg.jpg) no-repeat;display:block;}
#contentWrapper		{margin:0 auto;padding:0;}
#footerWrapper		{padding:0;background:#339900;height:80px;}

/* header			-------------------------------------------------------- */
#header				{width:960px;margin:0 auto;padding:0;height:140px;position:relative;}
#logo a				{width:85px;height:100px;display:block;background:url(../img/layout/logo_header.png) no-repeat;position:absolute;top:15px;left:20px;text-indent:-9999px;}
#logo a:hover		{background-position:0 -100px;}
#tit_header			{width:370px;height:100px;display:block;background:url(../img/layout/tit_header.png) no-repeat;position:absolute;top:15px;left:105px;text-indent:-9999px;}

#textSize			{height:30px;width:auto;position:absolute;top:10px;left:800px;}
#textSize ul		{height:30px;list-style:none;margin:0;padding:0;}
#textSize li		{display:inline;margin:0;padding:0;}
#textSize a			{float:left;text-indent:-9999px;height:30px;width:30px;background:url(../img/layout/textsize.jpg);margin:0 2px 0 0;}
#textSize .s a			{background-position:0 0;}
#textSize .s a:hover	{background-position:-120px 0;}
#textSize .m a			{background-position:-30px 0;}
#textSize .m a:hover	{background-position:-150px 0;}
#textSize .l a			{background-position:-60px 0;}
#textSize .l a:hover	{background-position:-180px 0;}
#textSize .x a			{background-position:-90px 0;}
#textSize .x a:hover	{background-position:-210px 0;}

/* mainNav 			-------------------------------------------------------- */
#mainNav			{height:30px;position:absolute;top:110px;left:220px;padding:0;}
#mainNav ul			{list-style:none;margin:0 0 0 20px;padding:0;}
#mainNav li			{display:inline;margin:0;padding:0;}
#mainNav a			{float:left;text-decoration:none;font-size:14px!important;line-height:125%!important;height:20px;padding:10px 0 0 0;width:140px;text-align:center;color:#FFF;margin:0 1px 0 0;}
#mainNav a			{background:#2D7DB3 url(../img/layout/nav.jpg) 0 0 no-repeat;}
#mainNav a:hover,
#mainNav li a#current:hover	{background:url(../img/layout/nav.jpg) -280px 0 ;color:#FFF;}
#mainNav li a#current{background:url(../img/layout/nav.jpg) -140px 0 ;color:#FFF;}


/* content			-------------------------------------------------------- */
#content			{padding:15px 20px 20px 20px;min-height:500px; text-align:justify;}
#slogan				{height:20px;width:860px;display:block;background:url(../img/layout/slogan.jpg) no-repeat;margin:0 auto 30px auto;text-indent:-9999px;}

/* 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:640px;padding:0;}
#slideWrapper		{border:1px solid #CCC;padding:4px;background:#FFF;}

#mainList			{margin:20px 0 20px 0;height:150px;width:auto;font-size:14px!important;line-height:16px!important;}
#mainList ul		{margin:0 0 0 4px;padding:0;list-style:none;height:150px;}
#mainList li		{margin:0;padding:0;display:inline;}
#mainList a			{width:160px;height:140px;background:url(../img/layout/mainList.jpg) no-repeat;display:block;float:left;margin:0 13px 0 0;padding:10px 5px 0 5px;text-align:center;text-decoration:none;color:#000;}
#mainList a:hover	{color:#FFF;text-decoration:none;}
#mainList .l1 a		{background-position:0 0;}
#mainList .l1 a:hover{background-position:0 -150px;}
#mainList .l2 a		{background-position:-170px 0;}
#mainList .l2 a:hover{background-position:-170px -150px;}
#mainList .l3 a		{background-position:-340px 0;}
#mainList .l3 a:hover{background-position:-340px -150px;}
#mainList .l4 a		{background-position:-510px 0;}
#mainList .l4 a:hover{background-position:-510px -150px;}
#mainList .l5 a		{background-position:-680px 0;}
#mainList .l5 a:hover{background-position:-680px -150px;}

/* sidebar			-------------------------------------------------------- */
#sidebarWrapper		{float:right;width:260px;padding:0;}
.preguntas ul		{list-style:none;margin:0;padding:0; text-align:left; font-size:12px;}
.preguntas li		{margin:0 0 15px 0;}
.preguntas li a		{color:#FFF; text-decoration:none; text-align:left;padding:9px;background:#339900;border:1px solid #CCC; display:block;}
.preguntas li a:hover{background:#2F7CB0;}
.respuesta			{border:1px solid #CCC; background:#E8F2E1; padding:9px;}
.respuesta h3		{margin:0 0 10px 0;}

/* footer			-------------------------------------------------------- */
#footer				{width:940px;margin:0 auto 20px auto;height:40px;position:relative;padding:20px 10px 0 10px;background:url(../img/layout/footer_bg.jpg) no-repeat;}
#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;border:1px solid #CCC;padding:4px;}
.imgLeft			{float:left;margin:0 10px 10px 0;border:1px solid #CCC;padding:4px;}
.bold				{font-weight:bold;}
.floatRight			{float:right;}
.textCenter			{text-align:center;}
.mitos				{border:1px dotted #CCC;padding:10px;margin:10px auto;width:700px;}
.txtBlue			{color:#336699;}
.txtGreen			{color:#669933;}
.txtOrange			{color:#FF6600;}
.sedes				{margin:0 0 20px 0;padding:9px;background:#E8F2E1;border:1px solid #CCC;}
.info				{padding:5px 5px 5px 35px; border:1px solid #2F7CB0; background:url(../img/icons/info.jpg) 5px 5px no-repeat;height:25px; margin-bottom:20px;}

/* 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;}
