@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:14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#333;background:#FFFFFF url(../_img/layout/bg.jpg) repeat-x;}

/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{width:900px;margin:20px auto;padding:0;}
#headerWrapper		{width:900px;margin:0 auto;padding:0;}
#contentWrapper		{width:900px;margin:0 auto;padding:1px 0;background:#FFF url(../_img/layout/content_bg.jpg) repeat-y;}
#footerWrapper		{width:900px;margin:0 auto;padding:0;}

/* header			-------------------------------------------------------- */
#headerTop			{height:40px;background:#FFF url(../_img/layout/top.jpg) no-repeat;margin:0;padding:0;}
#header				{height:260px;position:relative;background:#FFF url(../_img/layout/content_bg.jpg) repeat-y;;}
#logo				{width:285px;height:200px;position:absolute;top:0;left:55px;display:block;}
#viejitos			{width:510px;height:200px;position:absolute;top:5px;right:35px;background:url(../_img/layout/viejitos.jpg) no-repeat;}

/* mainNav 			-------------------------------------------------------- */
#mainNav			{height:40px;position:absolute;top:220px;left:80px;}
#mainNav ul			{list-style:none;margin:0 auto;padding:0;}
#mainNav li			{display:inline;margin:0;padding:0;}
#mainNav a			{float:left;text-decoration:none;font-size:14px;height:30px;padding:10px 0 0 0;width:120px;text-align:center;color:#000;margin:0 5px 0 0;}
#mainNav a			{background:url(../_img/layout/nav.jpg) 0 0 no-repeat;}
#mainNav a:hover	{background:url(../_img/layout/nav.jpg) -120px 0;color:#000;}

/* content			-------------------------------------------------------- */
#content			{padding:1px 40px 1px 40px;}
.pic				{margin:0 0 20px 0;}
.mainPic			{float:left;width:270px;height:210px;margin:0 3px 5px 0;background:url(../_img/layout/mainPic.jpg) no-repeat;position:relative;}
.mainPic img		{width:240px;height:180px;position:absolute;top:10px;left:10px;}

.mainPic1			{float:left;width:270px;height:240px;margin:0 3px 5px 0;background:url(../_img/layout/mainPic1.jpg) no-repeat;position:relative;}
.mainPic1 img		{width:240px;height:180px;position:absolute;top:10px;left:10px;}
.mainPic1 p.desc	{position:absolute;top:200px;left:10px;width:250px;color:#333;font-size:12px;font-style:italic;margin:0;line-height:14px;text-align:center;}

/* breadcrumb		-------------------------------------------------------- */
#breadcrumb			{font-size:10px;color:#999999;margin:10px 0 0 90px;}
#breadcrumb a		{color:#999999;text-decoration:none;}
#breadcrumb a:hover	{text-decoration:underline;color:#333333;}

/* mainContent		-------------------------------------------------------- */
#mainContent		{float:left;width:580px;padding:0;}
.mainBox			{width:560px;height:auto;background:url(../_img/layout/mainBox.jpg) no-repeat;padding:10px 10px 1px 10px;}
.mainBox_bot		{height:20px;background:url(../_img/layout/mainBox_bot.jpg) no-repeat;margin-bottom:20px;}

/* sidebar			-------------------------------------------------------- */
#sidebarWrapper		{float:right;width:220px;padding:0;}
.sidebarBox			{width:200px;height:auto;background:url(../_img/layout/sidebarBox.jpg) no-repeat;padding:10px 10px 1px 10px;}
.sidebarBox_bot		{height:20px;background:url(../_img/layout/sidebarBox_bot.jpg) no-repeat;margin-bottom:20px;}

.sidebarPic			{margin:10px 0 10px 3px;background:url(../_img/layout/sidebarpicBg.jpg) no-repeat;position: relative;height:200px;width:217px;}
.sidebarPic img		{width:200px;height:150px;position:absolute;top:5px;left:5px;}
.sidebarPic p.desc	{position:absolute;top:160px;left:10px;width:190px;color:#333;font-size:12px;font-style:italic;margin:0;line-height:14px;text-align:center;}

/* footer			-------------------------------------------------------- */
#footer				{height:20px;padding:180px 35px 10px 35px;background:#FFF url(../_img/layout/footer_bg.jpg) no-repeat;position:relative;}
#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 #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;}
#colabore a			{width:195px;height:55px;display:block;position:absolute;top:75px;left:665px;background:url(../_img/layout/btn_colabore_ya.jpg) 0 0 no-repeat;text-indent:-9999px;text-decoration:none;}
#colabore a:hover	{background-position:0 -55px;}
p.telefono			{position:absolute;top:20px;left:125px; font-size:12px;}
p.direccion			{position:absolute;top:60px;left:125px;font-size:12px;}
p.email				{position:absolute;top:40px;left:125px;font-size:12px;}

/* type				-------------------------------------------------------- */
h1	 				{color:#336699;font:normal 1.6em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;border-bottom:1px solid #efece7;margin:0 0 10px;padding-bottom:10px;}
h2	 				{color:#336699;font:normal 1.6em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;border-bottom:1px solid #efece7;margin:0 0 10px;padding-bottom:10px;}
h3	 				{color:#336699;font:normal 1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;border-bottom:1px solid #efece7;margin:0 0 10px;padding-bottom:10px;}

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

/* classes   		-------------------------------------------------------- */
p.hr 				{line-height:1.0em;border-bottom:1px dotted #336699;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 #CCC;padding:2px;margin:20px 0;}
.imgBorder1			{border:1px solid #CCC;padding:2px;margin:20px 0 0 0;}
.bold				{font-weight:bold;}
.floatRight			{float:right;}
.textCenter			{text-align:center;}
.enlaces			{margin:0 10px 20px 0;}
.boxYellow			{border:1px solid #CCC;padding:5px;background:#FFFF99;}
.txtRed				{color:#990000;}
p.txtFoto			{text-align:center; color:#333;font-style:italic; margin:0 0 20px 0;}
.carta				{margin:10px 50px;padding:35px 25px;border:1px solid #CCC; border-right-width: 4px; border-bottom-width:4px;}

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