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

@import url(reset.css);
@import url(nav.css);

/* body				-------------------------------------------------------- */
html	 			{height:100%;}
body 				{height:100%;font:12px/16px Verdana, Arial, sans-serif;color:#999999;background:#F5DC83 url(../img/layout/bg.jpg) repeat-x;}

/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{width:960px;margin:0 auto;padding:0;background:#FDF9EA url(../img/layout/outer_bg.jpg) repeat-y;}
#innerWrapper		{width:960px;margin:0;padding:0;background:url(../img/layout/inner_bg.jpg) no-repeat;}
#headerWrapper		{width:960px;margin:0 auto;padding:0;}
#contentWrapper		{width:960px;margin:0 auto;padding:0;}
#footerWrapper		{width:960px;margin:0 auto;padding:0;background:url(../img/layout/footer.jpg) no-repeat;height:360px;}

/* header			-------------------------------------------------------- */
#header				{height:200px;position:relative;}
#logo a				{position:absolute;top:0;left:15px;width:180px;height:160px;background:url(../img/layout/logo_header.jpg) no-repeat;text-indent:-9999px;}
#logo a:hover		{background-position:0 -160px;}


#contactus a		{position:absolute;top:0;right:50px;width:40px;height:40px;display:block;background:url(../img/layout/contactus.gif) no-repeat;text-indent:-9999px;}
#contactus a:hover	{background-position:0 -40px;}

#nutriclub a		{width:540px;height:40px;display:block;background:url(../img/layout/bnutriclub.jpg) no-repeat;text-indent:-9999px;position:absolute;top:5px;left:320px;}

#textSize			{height:20px;width:100px;position:absolute;top:0;right:400px;}
#textSize ul		{height:20px;list-style:none;margin:0 0 10px 0;padding:0;}
#textSize li		{display:inline;margin:0;padding:0;}
#textSize a			{float:left;text-indent:-9999px;height:20px;width:20px;background:url(../img/layout/textsize.jpg);margin:0 5px 0 0;}
#textSize .s a			{background-position:0 0;}
#textSize .s a:hover	{background-position:0 -20px;}
#textSize .m a			{background-position:-20px 0;}
#textSize .m a:hover	{background-position:-20px -20px;}
#textSize .l a			{background-position:-40px 0;}
#textSize .l a:hover	{background-position:-40px -20px;}
#textSize .x a			{background-position:-60px 0;}
#textSize .x a:hover	{background-position:-60px -20px;}

#lang				{position:absolute;top:60px; left:180px; width:130px;}
#lang ul			{height:20px;list-style:none;margin:0 0 10px 0;padding:0;}
#lang li			{display:inline;margin:0;padding:0;}
#lang a				{float:left;text-decoration:none;width:130px; height:24px;margin:0 5px 0 0; text-indent:-9999px}
#lang a				{background:url(../img/layout/lang.png) 0 0 no-repeat;}

#lang .en a			{background-position:0 0;}
#lang .es a			{background-position:0 -24px;}
#lang .de a			{background-position:0 -48px;}
#lang .it a			{background-position:0 -72px;}
#lang .fr a			{background-position:0 -96px;}
#lang .po a			{background-position:0 -120px;}

/* content			-------------------------------------------------------- */
#content			{padding:1px 30px;text-align:justify;}
.prodImg			{float:right;width:430px;min-height:150px}
.prodInfo			{float:left;width:430px;min-height:150px}

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

/* mainContent		-------------------------------------------------------- */
#mainContent		{float:right;width:470px;padding:0;}
#mainContentL		{float:right;width:470px;padding:0;}
#banner				{border:1px solid #F5DB80;padding:2px;}

#nutrition			{margin:30px 0 0 0;}
#nutrition h3		{margin:0 0 10px 0;text-align:center;color:#336699;font-size:14px;}
#nutrition ul		{list-style:none;margin:0 auto;padding:0;}
#nutrition li		{display:inline;margin:0;padding:0;}
#nutrition a		{float:left;text-decoration:none;font-size:14px!important;line-height:14px!important;padding:15px 10px 0 15px;height:45px;text-align:center;color:#000;margin:0 10px 10px 0;width:135px;background:url(../img/layout/nutrition_bg.jpg) no-repeat;display:block;}
#nutrition a:hover	{text-decoration:underline;background-position:0 -60px;}
/* sidebar			-------------------------------------------------------- */
#sidebarWrapper		{float:right;width:400px;padding:0;}
#sidebarWrapperR	{float:left;width:400px;padding:0;}

/* footer			-------------------------------------------------------- */
#footerText			{height:260px;padding:40px 20px 0 20px;font-size:12px;color:#CC9900;}
#footerText ul		{margin:0 0 0 10px;padding:0 0 0 5px;}
#footerText li		{margin:0;padding:0;}
#footerText a		{color:#CC9900;}
#footerText a:hover	{color:#333;}
#footerText .box	{float:left;width:200px;margin:10px 4px;border:none;padding:10px;min-height:200px;}
#footerText .box h3	{font-size:14px;margin-bottom:10px;}
#footerText .box1	{float:right;width:420px;margin:10px 4px;border:none;padding:10px;min-height:200px;text-align:center;}
#footer				{height:40px;position:relative;padding:10px;}
#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;}

/* type				-------------------------------------------------------- */
h1	 				{color:#336699;font:normal 18px Verdana, Arial, sans-serif;margin:0 0 30px 0;line-height:22px;}
h2	 				{color:#336699;font:normal 16px Verdana, Arial, sans-serif;margin:10px 0 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:#FF9900;}

/* classes   		-------------------------------------------------------- */
p.hr 				{line-height:1.0em;border-bottom:1px dotted #5D84AC;margin:5px 0 20px 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 #F8E4A3;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;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;}