/* CSS Document */

/*
	Hoja de estilos para el sitio web de LALA
	Elaborada por Guillermo Cruz Delfín.
*/

/* Fondo degradado para el sitio */
body{
	background-image:url(../images/fondo_general.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}

/* Estilo para los títulos */
.Tit01{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:bold;
	font-size:14px;
	margin:0 0 0 10px;
	}
	
/* Estilo para los subtítulos */
.sTit01{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:normal;
	font-size:16px; 
	padding-left:15px; 
	padding-top:3px;
}

.cont{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	margin:0 0 0 10px;
	}
	
/*
	Estilo para la fecha.
*/
.fsys{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:normal;
	font-size:11px;
	padding-right:40px;
}

/* Contenido para las nuevas secciones */
.conn{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	margin:0 0 0 10px;
	}


.cub{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	margin:0 10px 0 10px;
	}

/* Estilo para el texto en la sección de legales. */
.leg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	padding:10px 20px 10px 10px;
	}
	
.cl{
	list-style-image:url(../images/empresa/vineta.jpg);
	}
	
.fms{
	background:url(../images/comunes/pleca_mapa.jpg);
	background-position:top;
	background-repeat:repeat-x;
	width:198px;
	}

/* Estilo para la lista en el mapa de sitio */
.cm{
	margin-left:25px;
	list-style-position:outside;
	list-style:square;
	color:#024685;
	}


/* Estilo para los enlaces del sitio */	
.enlemp{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	}

.enlemp:hover{
	text-decoration:underline;
	}
	
/* Estilo para los enlaces de la sección de sala de prensa*/
.enlsp{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#024685;
	font-weight:normal;
	font-size:9px;
	text-decoration:none;
}

/* Estilo para el fondo de los enlaces de sala de prensa */
.enlf{
	background-image:url(../images/empresa/fondo.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:5px;
}

.legal{
	font-family:Verdana; 
	color:#58595B; 
	font-size:10px; 
	font-style:normal; 
	letter-spacing:0px; 
	text-align:left; 
	text-decoration:none
	}
	
.video{
	margin:0 0 0 10px;
	}
	
/* Espaciado para la sección de artículo de responsabilidad social */
.mar{
	padding-left:10px;
	padding-top:5px;
	}
	
/* Para generar la línea azul que sirve como división en las secciones*/
.lazul{
	background:url(../images/empresa/azul_spacer.gif);
	background-position:top;
	background-repeat:repeat-y;
	}
	
/* Título para la sección de vida saludable. */
.TitVSal
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#E4383D;
	font-weight:bold;
	}

/* Estilos para los formularios de las calculadoras. */
/* Fondo para la calculadora para el IMC. */
.fimc{
	background-image:url(../images/vidaSaludable/III_calculaIMC_0.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:410px;
	height:185px;
	}
/* Fondo para los resultados del IMC. */
.rimc{
	background-image:url(../images/vidaSaludable/III_calculaIMC_I.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:410px;
	height:74px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0000;
	/*padding-left:55px;*/
	padding-top:35px;
	}
/* Fondo para la calculadora de calorías. */
.fcal{
	background-image:url(../images/vidaSaludable/IV_boxI.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:530px;
	height:140px;
	}
/* Fondo para los resultados de calorías. */	
.rcal{
	background-image:url(../images/vidaSaludable/IV_boxII.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:530px;
	height:122px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FF0000;
	text-align:left;
	padding-top:5px;
	}
/* Estilo para las cajas de texto. */
.ctxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:50px;
	}
	
.ctxt2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#025CA6;
	width:50px;
	}
	
.ctxt3{
	background-image:url(../images/vidaSaludable/limpiar.jpg);
	}
	

	
/* Nuevos estilos para las calculadoras*/
/* Fondo para la calculadora para el IMC. */
.fnimc{
	background-image:url(../images/vidaSaludable/vs_como02.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:450px;
	height:449px;
	vertical-align:top;
	text-align:left;
	}
/* Fondo para la calculadora de calorías. */
.fncal{
	background-image:url(../images/vidaSaludable/vs_alimentacion06.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:451px;
	height:421px;
	}

/* Estilos para la sección de responsabilidad social. */
/* Texto */
.txt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-align:justify;
	}
	
/* Fondo de tablas */
.fondo{
	background-color:#E5F4F9;
	height:15px;
	}
	
/* Estilos para las listas de la sección calidad suprema */
.fba
{
	background-color:#DFEFFF;
	height:20px;
	width:550px;
	padding-left:20px;
	padding-top:5px;
	}
	
.fbb
{
	background-color:#FFFFFF;
	height:20px;
	width:550px;
	padding-left:20px;
	padding-top:5px;
	}
	
/* Fondo con el logo de calidad suprema */
.fcs{
	background-image:url(../images/respSocial/certificaciones/cal_mexico.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:100px;
	padding-right:140px;
	}

/* Fondo para la primera celda de la sección de industria limpia */
.fil1{
	background-image:url(../images/respSocial/IndustriaLim_r3_c4.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
	
/* Fondo para la segunda celda de la sección de industria limpia */
.fil2{
	background-image:url(../images/respSocial/IndustriaLim_r10_c5.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:239px;
	}
	
/* Fondo para la tercera celda de la sección de industria limpia */
.fil3{
	background-image:url(../images/respSocial/IndustriaLim_r13_c2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
	
/* Estilo para cambiar las listas, se camiba el bullet y el fondo*/
.bp1{
	list-style-image:url(../images/respSocial/paloma.gif);
	line-height:17px;
	list-style-position: outside;
	margin-left:20px;
	width:140px;
	}

.bp2{
	list-style-image:url(../images/respSocial/paloma.gif);
	line-height:17px;
	list-style-position: outside;
	}
	
.bp3{
	list-style-type:none;
	list-style-image:none;
	margin-left:10px;
	width:150px;
	}
	
/* Estilo para el fondo a amarillo en algunas listas */
.fama{
	background-color:#FDE696;
	}
	
/* Estilo para resaltar la duración de los videos */
.dvid{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000099;
	font-size:12px;
	font-weight:bold;
	}
	
/* Fondo para los títulos de la sección de publicidad */
.fgris{
	background-color:#F2F6F7;
	}
	
/*Estilos para los títulos de la sección publicidad */
.TitN1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	}

.TitN2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
	
/* Estilo para los bullets de la lista de la sección de publicidad */
.Bpub{
	list-style:circle;
	color:#FF0000;
	list-style-position:outside;
	}
	
/* Estilo para los bullets de la sección de empresa */	
.elist{
	list-style-image:url(../images/empresa/empsap_vineta.jpg);
}

/* Estilo para la lista de elementos de la sección de recetas */	
.rlist{
	list-style-image:url(../images/mujerLala/recetas/mj_recetas_linea.jpg);
	list-style-position:inherit;
	}
	
/* Estilo para la lista de elementos de la seccióbn mujer LALA*/
.mlac{
	list-style-image:url(../images/mujerLala/ml_lactancia05.jpg);
	list-style-position:inherit;
}

/* Estilo para el subrayado de los ingredientes en la sección recetas */
.rsub{
	background-image:url(../images/mujerLala/recetas/mj_rec_linea.jpg); 
	background-position:bottom left; 
	background-repeat:no-repeat;
	padding-bottom:3px;
	line-height:25px;
}