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

/* body				-------------------------------------------------------- */
* 					{margin:0;padding:0;border:0;}
html,body 			{height:100%;}
body 				{font:normal 12px/18px "Lucida Grande", Arial, Verdana, sans-serif;color:#666;background:#FFFFFF url(../_img/layout/bg.jpg) repeat-x;}

/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{width:960px;margin:0 auto;padding:0;}
	
/* header			-------------------------------------------------------- */
#headerWrapper		{width:960px;margin:0 auto;padding:0;}
#header				{height:140px;position:relative;}
#logo a				{width:200px;height:70px;display:block;background:url(../_img/layout/logo_header.jpg) no-repeat;text-indent:-9999px;position:absolute;top:0;left:0;}

/* mainNav 			-------------------------------------------------------- */
#mainNav			{height:40px;position:absolute;top:70px;left:0;}
#mainNav ul			{list-style:none;margin:0 0 0 25px;padding:0;}
#mainNav li			{display:inline;margin:0;padding:0;}
#mainNav a			{float:left;text-decoration:none;font-size:12px!important;line-height:14px!important;height:26px;padding:14px 0 0 0;width:140px;text-align:center;color:#FFF;font-weight:bold;margin:0;}
#mainNav a			{background:url(../_img/layout/nav.jpg) 0 0 no-repeat;}
#mainNav a:hover	{background:url(../_img/layout/nav.jpg) -140px 0px;color:#FFF;}

/* content			-------------------------------------------------------- */
#contentWrapper		{width:960px;margin:0 auto;padding:0;background:url(../_img/layout/content_bg.jpg) repeat-y}
#content_top		{width:920px;height:350px;display:block;margin:0;padding:20px 20px 0 20px;background:url(../_img/layout/content_top.jpg) no-repeat;}
#content			{width:880px;height:100%;margin:0;padding:20px 40px;}
.boxMain			{margin:0 0 10px 0;width:200px;float:left;border:1px solid #CCC;padding:5px;font-size:.9em;}
.boxMain h3			{text-align:center;font-size:.9em;color:#990000;margin-bottom:10px;}
#flashcontent		{ width:920px;height:320px;}


/* mainContent		-------------------------------------------------------- */
#mainContent		{float:left;width:600px;padding:0;background:#FFFFFF;}

/* sidebar			-------------------------------------------------------- */
#sidebar			{float:right;width:260px;padding:0;}

.boxLeft,.boxRight	{margin:20px 0; width:420px; float:left;}
.boxRight			{float:right;}

/* saleBox			-------------------------------------------------------- */
#saleBox			{margin:20px 0;}
#saleBoxL			{float:left;width:220px;padding:0;}
#saleBoxR			{float:right;width:600px;padding:10px;background:#D4D4D4;border:1px solid #CCC;color:#000000;}
#saleBoxR h2		{text-align:center;border:none;padding:0;color: #990000;}
#saleBoxR h4		{font-weight:normal;font-size:14px;margin:0 0 10px 0;color:#990000;}
#saleBoxBorder		{border:1px solid #CCC;padding:10px;}
.imgSale			{float:left;border:1px solid #CCC;padding:2px;margin:0 0 5px 5px;}
.prod .prodInfo		{float:left;width:190px;margin-top:60px;}
.prod .prodImg		{float:right;width:410px;text-align:center;}
.prod .prodImg img	{border:1px solid #333;padding:2px;margin-bottom:10px;}

#saleInfo			{margin: 20px 0;}
#saleInfo .boxInfo	{float:left;width:250px;padding:10px; background:#F4F4F4; border:1px solid #666; margin:10px 10px 0 10px; height:100px;}

/* footer			-------------------------------------------------------- */
#footerWrapper		{width:960px;margin:0 auto;padding:0;background:url(../_img/layout/footer_bg.jpg) no-repeat;height:50px;}
#footer				{position:relative;padding:40px 0 0 0;}
#footer				{color:#CCCCCC;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:#336699;font:normal 22px Arial, Verdana, sans-serif;margin:0 0 10px;}
h2	 				{color:#336699;font:normal 16px Arial, Verdana, sans-serif;margin:0 0 10px;}
h3,h4,h5			{color:#336699;}
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:none;}
a:hover				{color:#336699;text-decoration:underline;}

/* 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;}
.imgBox				{border:1px solid #CCC;padding:2px;}
.imgBoxBlack		{border:1px solid #333;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;font-size:.9em;line-height:12px;background:url(../_img/icons/readon.gif) no-repeat left center;text-indent:16px;}
a.readon:hover		{text-decoration:underline;}
a.details			{width:180px;height:40px;display:block; background:url(../_img/layout/btn_details.jpg) no-repeat; text-indent:-9999px; margin:20px 0 20px 320px;}
a.details:hover		{background-position:-180px 0;}

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