@charset "utf-8";
/**********************************************************************
*	Title			Screen 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 .85em/120% Arial,Helvetica,sans-serif;color:#000;background:#336699;}

/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{width:900px;margin:90px auto 0 auto;padding:0 20px;}

/* header			-------------------------------------------------------- */
#header				{height:230px;position:relative;background:#CCCCCC url(../_img/layout/headerg_bg.jpg) no-repeat;}
#header #logo a		{text-indent:-9999px;position:absolute;top:-90px;left:-20px;width:580px;height:320px;background:url(../_img/layout/logo_header.jpg) no-repeat;text-decoration:none;}
#header_collage		{position:absolute;top:0px;left:560px;width:340px;height:230px;display:block;background:url(../_img/layout/header_collage.jpg) no-repeat;}

/* mainNav 			-------------------------------------------------------- */
#mainNav			{height:40px;width:780px;position:absolute;top:180px;left:170px;}
#mainNav ul			{list-style:none;margin:0 auto;padding:0;width:650px;border-left:1px solid #333;}
#mainNav li			{display:inline;margin:0;padding:0;}
#mainNav a			{float:left;text-decoration:none;font-size:14px!important;line-height:14px!important;height:20px;padding:0 10px;text-align:center;color:#000;font-weight:bold;}
#mainNav a			{border-right:1px solid #333;}
#mainNav a:hover	{color:#FF0000;}

/* contentWrapper	-------------------------------------------------------- */
#contentWrapper		{margin:0;height:100%;padding:10px 0;background:#CCCCCC url(../_img/layout/content_bg.jpg) repeat-y;}

/* mainContent		-------------------------------------------------------- */
#mainContent		{float:right;width:660px;padding:0;margin-right:50px;}
.articulo			{margin-bottom:30px;width:660px;clear:both;}


/* sidebar			-------------------------------------------------------- */
#sidebar			{float:left;width:145px;padding:0;margin-left:15px;}
#sidebar .imgLogo	{margin-bottom:5px;}

/* footer			-------------------------------------------------------- */
#footerWrapper		{background:#CCCCCC url(../_img/layout/footer_bg.jpg) no-repeat;height:170px;position:relative;}
#footer				{padding:140px 40px 0 40px;}
#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:#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,h2,h3 			{color:#FF0000;font:normal 1.6em Verdana, Arial, Helvetica, sans-serif;;margin:0 0 10px;}
h2,h3				{font-size:1.4em;}
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;}

/* campos de juego	-------------------------------------------------------- */
.campos				{float:left;width:320px;height:310px;display:block;background:url(../_img/layout/campos.jpg) no-repeat;margin:0 5px 10px 5px;position:relative;}
.campos	h2			{border:none;padding:0;margin:0;color:#000;position:absolute;top:30px;left:65px;width:225px;text-align:right;font-size:16px;}
.campos p			{margin:0;padding:0;font-size:85%!important;line-height:110%;width:250px;color:#666666;position:absolute;left:50px;}
.campos p.ubicacion	{top:80px;}
.campos p.contacto	{top:130px;}
.campos p.telefono	{top:160px;}
.campos p.email		{top:190px;}
.campos p.website	{top:225px;}
.campos p.info		{top:250px;}

.productos			{float:left;width:180px; height:220px;border:1px solid #CCC; padding:5px; margin:0 10px 20px 10px; background:#FFF;text-align:center;font-size:12px;}
.productos h3		{font-size:15px; color: #000;}
.productos .precio	{margin:10px 0; color:#990000; font-size:16px;}

/* 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 #333;padding:2px;}
.bold				{font-weight:bold;}
.floatLeft			{float:left;margin-right:10px;}
.floatLeftBorder	{float:left;margin-right:10px;border:1px solid #333;padding:2px;}
.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;}