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

/* body				-------------------------------------------------------- */
* 					{margin:0;padding:0;border:0;}
html,body 			{height:100%;}
body 				{font:normal 12px/120%  Verdana, Arial, Helvetica, sans-serif;color:#000;background:#94A4DC;}

/* page structure	-------------------------------------------------------- */
#headerWrapper		{height:170px;background:url(../_img/layout/header_bg.jpg) repeat-x;}
#header				{height:170px;width:800px;margin:0 auto;padding:0; background:url(../_img/layout/header.jpg) no-repeat;position:relative;}
#header h1			{text-indent:-9999px;height:80px;width:450px;display:block;position:absolute;top:0;left:40px;}
#header h1	a		{text-decoration:none;height:80px;width:450px;display:block;background:url(../_img/layout/logo1.jpg) no-repeat;position:absolute;top:0;left:0px;}
#outerWrapper		{width:800px;margin:0 auto;padding:0;}
#contentWrapper		{margin:0;height:100%;padding:10px 40px;background:#E6E7EB url(../_img/layout/content_bg.jpg);}
#content_bot		{height:25px;background:url(../_img/layout/content_bot.jpg) no-repeat;}
.sidebar			{float:right;width:330px;}
.mainColumn			{float:left;width:330px;}
#rightColumn1		{float:right;width:150px;padding:10px;}
#rightColumn2		{float:right;width:150px;padding:10px;}
#footerWrapper		{height:40px;position:relative;padding:10px 20px 0 20px;}

/* type				-------------------------------------------------------- */
#header h1			{text-indent:-9999px;position:absolute;top:0px;left:0px;}
h2	 				{color:#333;font:normal 220% Verdana, Arial, Helvetica, sans-serif;margin-bottom:10px;}
.h2_inicio			{text-indent:-9999px;height:60px;width:190px;background:url(../_img/layout/h2_inicio.jpg) no-repeat; display:block;}
.h2_nuestrosservicios{text-indent:-9999px;height:60px;width:130px;background:url(../_img/layout/h2_nuestrosservicios.jpg) no-repeat; 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;text-decoration:underline;}
a:hover				{color: #990000; text-decoration:underline;}
#footerWrapper		{color:#333;font:11px normal;}
#footerWrapper a 	{color:#333;padding:0;text-decoration:none;}
#footerWrapper a:hover {color:#000;text-decoration:none;}
#footer .footerLeft	{float:left;width:auto;}
#footer .footerRight{float:right;width:auto;}
#footer .footerCenter{margin:0 0 0 20px; height:30px; font-size:9px;}
#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;}


/* classes   		-------------------------------------------------------- */
p.hr 				{line-height:1.0em;border-bottom:1px dotted #5D84AC;margin:1.5em 0;clear:both;}
.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;}
.bold				{font-weight:bold;font-variant:small-caps;}
.floatRight			{float:right;}
.textCenter			{text-align:center;}
.txtRed				{color:#990000; font-weight:bold;}
.btn_masinfo		{margin-bottom:30px;}
.btn_masinfo a		{text-indent:-9999px; height:36px; width:100px; background: url(../_img/layout/btn_masinfo.gif); display:block;}

/* 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			-------------------------------------------------------- */
.formBox,
.formArea			{padding:3px 5px;border:#FF9900 1px solid;background:#FFF;width:90%;}
.formArea			{width:95%;}
.contactenos		{background:#E7F3BC) 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:auto; min-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;}


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