/**********************************************************************
*	Title:		Screen style
*	Customer:	
*	Revision:	
*	Created:	2007, 
*	@import url(lightbox.css);
*	Author:	Alberto Messeguer - webmaster@mischunches.com
***********************************************************************/


/* body				-------------------------------------------------------- */
* 					{margin:0;padding:0;border:0;}
html,body 			{height:100%;}
body 				{font:normal 0.9em/130% Arial,Helvetica,sans-serif;color:#000;background:#FFF url(../_img/layout/bg.jpg) repeat-x;}

/* page structure	-------------------------------------------------------- */
#outerWrapper		{width:900px;margin:30px auto 0 auto;padding:0;}
#header				{height:220px;position:relative;}
#header h1 a		{position:absolute;top:0;left:100px;text-indent:-9999px;text-decoration:none;height:110px;width:270px;display:block;background:url(../_img/layout/logo.jpg) no-repeat;}

#nav				{position:absolute;top:120px;left:0;width:900px;height:100px;background:url(../_img/layout/top.jpg) no-repeat;}
#nav ul				{list-style:none;margin:35px 0 0 130px;padding:0;height:45px;width:700px;}
#nav li				{display:inline;margin:0;padding:0;}
#nav a				{float:left;text-decoration:none;font-size:14px!important;line-height:14px!important;height:31px;padding:14px 0 0 0;width:120px;text-align:center;color:#000;font-weight:bold;margin-right:20px;}
#nav a				{background:url(../_img/layout/nav.jpg) 0 0 no-repeat;color:#FFFFFF;}
#nav a:hover		{background:url(../_img/layout/nav.jpg) -125px 0;color:#000;}

#collage			{position:absolute;top:0;left:530px;height:120px;width:340px;background:url(../_img/layout/collage.jpg) no-repeat;}
#collage1			{position:absolute;top:-30px;left:480px;height:150px;width:420px;background:url(../_img/layout/collage1.jpg) no-repeat;}

#contentWrapper		{margin:0;height:100%;padding:20px 30px 1px 30px;background:#0064A1 url(../_img/layout/content.jpg) repeat-y;color:#FFFFFF;}
#contentWrapper h2	 {color:#FFF;font:normal 180% Verdana, Arial, Helvetica, sans-serif;margin:0 0 0 10px;padding-bottom:10px;}

#main				{float:left;width:540px;padding:0;}
#main h2	 		{color:#FFF;font:normal 180% Verdana, Arial, Helvetica, sans-serif;margin:20px 0 0 15px;padding-bottom:10px;}
#main .box1			{background:#FFFFFF url(../_img/layout/box1.jpg);color:#333333;padding:30px 25px 1px 25px;text-align:justify;height:100%;}
#main .box1	 h2		{color:#336699;margin:0 0 20px 0;padding:0;}
#main .box1_b		{height:30px;background:#FFFFFF url(../_img/layout/box1_b.jpg) no-repeat;margin-bottom:10px;}

#sidebar			{float:right;width:290px;padding:0;}
#sidebar h3	 		{color:#FFF;font:normal 150% Verdana, Arial, Helvetica, sans-serif;margin:20px 0 0 15px;padding-bottom:10px;}
#sidebar .box2_t	{height:30px;background:#D5E6F0 url(../_img/layout/box2_t.jpg) no-repeat;}
#sidebar .box2		{background:#D5E6F0 url(../_img/layout/box2.jpg);color:#000;padding:1px 20px 1px 20px;text-align:justify;}
#sidebar .box2_b	{height:30px;background:#D5E6F0 url(../_img/layout/box2_b.jpg) no-repeat;margin-bottom:20px;}

#footer				{height:0;position:relative;padding:40px 30px 0 30px;background:#0064A1 url(../_img/layout/botton.jpg) no-repeat;}
#footer				{color:#CCCCCC;font:11px normal; margin-bottom:20px;}

#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				-------------------------------------------------------- */

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:#000;}
a:hover				{color:#990000;}

/* classes   		-------------------------------------------------------- */
p.hr 				{line-height:1.0em;border-bottom:1px dotted #5D84AC;margin:1.5em 0;}
.clear				{clear:both;height:0;font-size:1px;line-height:0px;}
.imgRight			{float:right;margin:0 0 10px 10px;}
.imgLeft			{float:left;margin:0 10px 10px 0;}
.imgFrame			{border:1px solid #CCCCCC;padding:2px;}
.imgFrameR			{border:1px solid #CCCCCC;padding:2px;margin-right:5px;}
.bold				{font-weight:bold;font-variant:small-caps;}
.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;font-size:11px;}
a.readon:hover		{color:#990000;}

/* form php			-------------------------------------------------------- */
.formBox,
.formArea			{padding:3px 5px;border:#FF9900 1px solid;background:#FFF;width:90%;}
.formArea			{width:95%;}
.contactenos		{background:#E7F3BC url(../httpdocs/_img/mc/mc_logo_headset_50.gif) 5px 5px no-repeat;padding:10px 10px 10px 60px;border:1px dotted #336699;font-size:90%;line-height:140%;color:#666666;}
.sorry 				{margin:5px 0;border:2px solid #000;background-color:#FF9933;}
.sorry p 			{margin:10px;}
.error 				{color:#990000;font-variant:small-caps;font-weight:bold;}
.textcod			{border:1px solid #FF9900;padding:5px;color:#000;font:bold 16px Verdana, Arial, Helvetica, sans-serif;width:100px;background-color:#FFFFCC;letter-spacing:0.2em;}
.message			{background:transparent url(../_img/layout/email.gif) 10px 10px no-repeat;padding:10px 10px 10px 140px;margin:30px 0;border:1px dotted #666666;height:200px;}
.ipBox				{background:transparent;padding:10px 10px 10px 140px;margin:30px 0;border:1px dotted #666666;}
.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;}
.boxForm			{float:left;width:340px;padding:0 10px;}

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