/* ----------------
	CSS GLOBALES
---------------- */

#contentsBody {
	width: 100%;
	/*height: 100%;*/
	margin: 0px;
	background: #dde2c9 url(../images/bgBtm.jpg) bottom repeat-x;
	
}

.negritas {
	font-weight: bold;
	color: #28720f;
	text-transform: uppercase;
}
.miniTxt { font: 9px verdana }


.seccTitleNews {
			margin: 0px 0px 0px 0px;
			padding-bottom: 10px;
			font: normal 24px Georgia, "Times New Roman", Times, serif;
			color:#FF0000;
			letter-spacing: -1px;
			border-bottom: 1px dotted #84a574;
			/*cursor: default;*/
}

.recetarioItems a {
	text-transform: uppercase;
}

.mainTable {
	width: 100%;
	height: 100%;
	border: none;
	background: url(../images/bgTop.jpg) top repeat-x;
}
	.mainLeft {
		width: auto:
	}
	.mainRight {
		width: auto:
	}
	
	.mainCenter {
		width: 940px;
		vertical-align: top;
	}
	
	
.centerTable {
	width: 100%;
	height: 100%;
}
	
	.bannerArea {
		height: 200px;
		background: url(../images/bannerMain.jpg);
		vertical-align: top;
		padding: 3px 40px 0px 0px;
	}
		.iconButtons {
			float: right;
			display: block;
			width: 200px;
			height: 25px;
			text-align: center;
		}
		.iconButtons img {
			margin: 0px 13px;
			border: none;
		}
		
		.iconButtons a {
			text-decoration: none;
		}
		.iconButtons a .popText {
			display: none;
			color: #000;
			font: normal 11px Verdana, Arial, Helvetica, sans-serif;
			
		}
		.iconButtons a:hover .popText {
			display: block;
			position: absolute;
			top: 30px;
			left: auto;
			width: 200px;
			z-index: 100;
			text-align:center;
		}
		
	
	.contentArea {
		height: aito;
	}
	.footTopArea {
		height: 260px;
	}
	.footBtmArea {
		height: 80px;
		text-align: right;
		padding-right: 40px;
		background: url(../images/footInfo.jpg) left no-repeat;
	}
	
	
/* ----------------
	contenido
---------------- */

.contentTable {
	width: 100%;
	height: 100%;
}

	/* -------------   banner de seccion ------------- */
	
	#seccHome {
		background: url(../images/bannerHome.jpg) 20px 40px no-repeat;
	}
	
	#seccGrupoVida {
		background: url(../images/bannerGrupoVida.jpg) 20px 40px no-repeat;
	}
	#seccProductos {
		background: url(../images/bannerProductos.jpg) 20px 40px no-repeat;
	}
	#seccPromociones {
		background: url(../images/bannerPromociones.jpg) 20px 40px no-repeat;
	}
	#seccRecetas {
		background: url(../images/bannerRecetas.jpg) 20px 40px no-repeat;
	}
	#seccDirectorio {
		background: url(../images/bannerDirectorio.jpg) 20px 40px no-repeat;
	}
	#seccContacto {
		background: url(../images/bannerContacto.jpg) 20px 40px no-repeat;
	}
	#seccBolsaDeTrabajo {
		background: url(../images/bannerBolsaDeTrabajo.jpg) 20px 40px no-repeat;
	}
	#seccSaborysalud {
		background: url(../images/bannerSaborSalud.jpg) 20px 40px no-repeat;
	}
	
	#seccAvenas {
		background: url(../images/bannerAvenas.jpg) 20px 40px no-repeat;
	}
	#seccAvenasInstantaneas {
		background: url(../images/bannerAvenasInstantaneas.jpg) 20px 40px no-repeat;
	}
	#seccGranolas {
		background: url(../images/bannerGranolas.jpg) 20px 40px no-repeat;
	}
	#seccCereales {
		background: url(../images/bannerCereales.jpg) 20px 40px no-repeat;
	}
	#seccGalletas {
		background: url(../images/bannerGalletas.jpg) 20px 40px no-repeat;
	}
	#seccBarras {
		background: url(../images/bannerBarras.jpg) 20px 40px no-repeat;
	}
	#seccBebidas {
		background: url(../images/bannerBebidas.jpg) 20px 40px no-repeat;
	}
	#seccMielesyCajetas {
		background: url(../images/bannerMielesyCajetas.jpg) 20px 40px no-repeat;
	}
	#seccSalsasyChiles {
		background: url(../images/bannerSalsasyChiles.jpg) 20px 40px no-repeat;
	}
	
	#seccNews {
		background: url(../images/bannerNews.jpg) 20px 40px no-repeat;
	}
	
	
		/* -------------   banner de seccion ------------- */
	
	.contTopLeft {
		width: 20px;
		height: 40px;
		background: url(../images/menuAreaLeft.jpg);
	}
	.menuArea {
		width: 660px;
		white-space: nowrap;
		background: url(../images/menuBg.jpg) top repeat-x;	
		
	}
	.contNewsHead {
		width: 240px;
		background: url(../images/newsHead.jpg)
	}
	.contNewsArea {
		background: url(../images/newsFoot.jpg) bottom no-repeat;
		vertical-align: top;
		padding-bottom: 120px;
	}
	.contNewsBtm {
		background: url(../images/contBtm.jpg) repeat-x;
	}
	.contTopRight {
		width: 20px;
		height: 40px;
		background: url(../images/menuAreaRight.jpg);
	}
	.contLeft {
		background: url(../images/contLeft.jpg) repeat-y;
	}
	.contWrap {
		/*background: #FFFFFF;*/
	}
	.contRight {
		background: url(../images/contRight.jpg) repeat-y;
	}
	.contBtmLeft {
		width: 20px;
		height: 40px;
		background: url(../images/contBtmLeft.jpg);
	}
	.contBtm {
		background: url(../images/contBtm.jpg) repeat-x;
	}
	.contBtmRight {
		width: 20px;
		height: 40px;
		background: url(../images/contBtmRight.jpg);
	}
	
	
	
.infoTable {
	width: 100%;
	height: 100%;
}	
	.seccBanner {
		height: 200px;
		/*background: url(../images/seccBanner.jpg);*/
		vertical-align: bottom;
	}
		.seccTitle {
			margin: 0px 20px 0px 40px;
			padding-bottom: 10px;
			font: normal 22px Georgia, "Times New Roman", Times, serif;
			color:#FF0000;
			letter-spacing: -1px;
			border-bottom: 1px dotted #84a574;
			/*cursor: default;*/
		}
		.seccTitle a {
			font: normal 20px Georgia, "Times New Roman", Times, serif;
			color:#90a583;
			letter-spacing: -1px;
			text-decoration: underline;
		}
		.seccTitle a:hover {
			color:#406349;
			text-decoration: none;
		}
		
	.seccInfo {
		padding: 10px 20px 100px 40px;
		background: #fff url(../images/contentBg.jpg) bottom no-repeat;
		vertical-align: top;
	}
	.InfoThums {
		width: 200px;
		text-align: left;
		vertical-align: top;
	}
		.InfoThums img {
			background: #fff;
			border: 1px solid #cccccc;
			padding: 5px;
		}
	.infoText {
		width: 400px;
		font: 11px/19px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #3b3b30;
		vertical-align: top;
		text-align: justify;
	}
		.infoText a {
			color: #FF0000;
			text-decoration: underline;
		}
		.infoText a:hover {
			color: #FF0000;
			text-decoration: none;
		}
	
	.infoTextFull {
		width: 600px;
		font: 11px/19px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #3b3b30;
		vertical-align: top;
		text-align: justify;
	}
		.infoTextFull a {
			color: #FF0000;
			text-decoration: underline;
		}
		.infoTextFull a:hover {
			color: #FF0000;
			text-decoration: none;
		}
	
	
/* ----------------
	catalogo
---------------- */


.catalogTable {
	width: 100%;
	height: auto;
}
	.catCategories {
		/*width: 300px;
		text-align: center;*/
		padding-bottom: 5px;
		border-bottom: 1px dotted #84a574;
	}
		/*.catCategories img {
			border: none;
		}
	
	.catCategories div {
		border: 1px solid #000;
	}*/
	
	
	.catCategoriesLabel {
		text-align: left;
		font: normal 18px Georgia, "Times New Roman", Times, serif;
		margin: 10px 0px 10px 0px;
	}
		.catCategories a {
			text-decoration: underline;
			color:#406349;
		}
		.catCategories a:hover {
			text-decoration: none;
			color:#ff0000;
		}
		
	.catCategoriesInfo {
		/*padding: 10px 0px;*/
		width: 300px;
		font: 11px/19px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		text-align: justify;
		/*height: 140px;*/
		float: left;
		color: #3b3b30;
	}
	
	.catCategoriesThum {
		width: 220px;
		/*height: 140px;*/
		float: left;
		text-align: center;
	}
	
	.catCategoriesEnter {
		text-align: right;
		width: 80px;
		float: left;
		/*height: 140px;*/
		vertical-align: bottom;
		padding-top: 100px;
	}
		.catCategoriesEnter a {
			padding: 3px;
			text-decoration: none;
			color:#fff;
			background: #FF0000;
			font: 10px Arial;
			text-transform: uppercase;
		}
		.catCategoriesEnter a:hover {
			color:#fff;
			background: #057a29;
		}
	
	
	
	
	
	
	.catItemArea {
		width: 300px;
		vertical-align: center;
		/*padding: 5px 0px;*/
		
	}
	.catItem {
		width: 280px;
		height: 80px;
		/*border: 1px solid #000;*/
		vertical-align: center;
		margin: 0px 0px 20px 0px;
	}
	.catItem img {
		border: 1px solid #cccccc;
		margin-right: 10px;
		float: left;
		width: 80px;
		height: 80px;
	}
	
	.catItem a {
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
		border: 1px solid #efefef;
		text-decoration: none;
		text-transform: none;
		vertical-align: middle;
		color: #406349;
		font: normal 12px/16px Arial, Georgia, "Times New Roman", Times, serif;
		padding: 5px;
		letter-spacing: 0px;
	}
	.catItem a:hover {
		background: #f1f3e2;
		color:#ff0000;
	}
	
	
	.catalogThums {
		width: 200px;
		text-align: left;
		vertical-align: top;
	}
		.catalogThums img {
			background: #fff;
			border: 1px solid #cccccc;
			padding: 5px;
		}
		
		
	.catalogData {
		width: 400px;
	}
	.catLabel1 {
		font: bold 12px Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		background: #90A583;
		color: #FFFFFF;
		padding-left: 5px;
		height: 25px;
	}
	.catLabel2 {
		font: normal 12px Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		color: #90A583;
		border-bottom: 1px dotted #90A583;
		height: 25px;
		padding-left: 5px;
	}
	.catDescription {
		font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #3b3b30;
		border-bottom: 1px solid #90A583;
		height: 25px;
		padding-left: 5px;
	}
	.catDetSep {
		height: 20px;
	}
	
	
	
	
	
/* ----------------
	noticias
---------------- */

.newsTable {
	width: 100%;
	height: 100%;
	/*background: url(../images/newsBodyBg.jpg) repeat-y;*/
}
	/*.newsTable td { border: 1px solid #000000;}*/
	.newsBody {
		height: 200px;
		background: url(../images/newsBtm.jpg) bottom no-repeat;
		vertical-align: top;
	}
	.newsBtm {
		height: 40px;
		background: url(../images/newsBtm.jpg);
	}
	.newsBtmExt {
		height: auto;
		background: #fff;
	}
		
		.newsTitle {
			display: block;
			margin: 0px 30px;
			font: normal 14px Georgia, "Times New Roman", Times, serif;
			color:#FF0000;
		}
		.newsIntro {
			display: block;
			margin: 5px 30px 0px 30px;
			font: normal 9px/11px Verdana, Arial, Helvetica, sans-serif;
			color: #697060;
		}
		a.moreInfo {
			display: block;
			margin: 0px 30px 0px 30px;
			padding-bottom: 5px;
			font: bold 9px/11px Verdana, Arial, Helvetica, sans-serif;
			color: #ff0000;
			text-decoration: none;
			text-align: right;
			border-bottom: 1px dotted #CCCCCC;
		}
		a.moreInfo:hover {
			color: #000;
			text-decoration: none;
		}
	
	.newProdsHead {
		height: 50px;
		background: url(../images/newProdsHead.jpg);
	}
	.newProdsBody {
		height: 40px;
		vertical-align: top;
		padding-top: 10px;
		background: url(../images/newsBodyBg.jpg) repeat-y;
	}
	
	
	
/* ----------------
	footer
---------------- */


.footerTable {
	width: 100%;
	height: 100%;
	background: url(../images/footSeparator.jpg) center no-repeat;
}
	.footBrandsTitle {
		width: 460px;
		height: 40px;
		background: url(../images/footMarcasTitle.jpg);
	}
	.footBrandsBody {
		height: 200px;
	}
	.footBrandsBtm {
		width: 460px;
		height: 20px;
		background: url(../images/footMarcasBtm.jpg);
	}
	
	.footContactTitle {
		width: 460px;
		height: 40px;
		background: url(../images/footContactTitle.jpg);
	}
	.footContactBody {
		padding: 20px 0px;
	}
	.footContactBtm {
		width: 460px;
		height: 20px;
		background: url(../images/footContactBtm.jpg);
	}
	

.footForm {
	width: 100%;
	height: 100%;
}
	.footFormLabels {
		/*background: url(../images/footContacItems.jpg);*/
		width: 90px;
		vertical-align: top;
	}
	.footFormInputs {
		/*height: 40px;*/
		vertical-align: top;
		padding: 0px 0px 2px 0px;
	}
	.footFormBtn {
		/*height: 40px;*/
		text-align: right;
		padding-right: 20px;
	}
		.footInput {
			font: normal 12px Arial, Helvetica, sans-serif;
			color: #000;
			width: 350px;
			border: 1px solid #406349;
			background: #dde2c9;
			padding: 2px;
		}
		#submit {
			font: normal 9px Verdana, Arial, Helvetica, sans-serif;
		}
	
	
/* ----------------
	img opacity
---------------- */
	
a.linkopacity img {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	border: none;
}

a.linkopacity:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	border: none;
}	

	
.sitemap {
}
	.sitemap a {
		text-decoration: none;
		color: #406349;
		
	}
	.sitemap a:hover {
		color: #ff0000;
	}
.sitemapL1 {
	display: block;
	
	margin: 5px 0px 5px 0px;
	padding-left: 25px;
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
	background: url(../images/iconHome.gif) left no-repeat;
}
.sitemapL2 {
	display: block;
	margin: 5px 0px 5px 30px;
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
}
.sitemapL3 {
	display: block;
	margin: 5px 0px 5px 50px;
	border-bottom: 1px solid #efefef;
}





/*-----------------------------
	formulario de contacto	
------------------------------*/

.contactFormTable {
	width: 100%;
}
	.contactFormTable td {
		
	}
	.contactLabel {
		font: 11px/19px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #3b3b30;
		padding: 5px 0px 1px 0px;
	}
	.contactInputArea {
		
	}
	.contactButtons {
		text-align: right;
		padding-top: 5px;
	}
	.inputField {
		width: 395px;
		font: 12px Arial;
		color: #000000;
	}
	.inputButton {
		font: 12px Arial;
	}
	





			.menuItemOver {
				background-color: #edf2ea;
			}
			.menuItemOut {
			}