body {
	background: url(../img/fondo.jpg) repeat-x left top #ffffff;
	color: #002c1a;
	font-family: Trebuchet MS, Arial, Helvetica; 
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}

h1 {
	color: #a41620;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	border-bottom: 1px dotted #e0626b;
	color: #a41620;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

h3 {
	color: #007606;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

h4 {
	background: url(../img/ico/flecha-link.gif) no-repeat left center;
	color: #002c1a;
	font-size: 11px;
	font-weight: bold;
	padding-left: 7px;
}

p {
	margin: 5px 0px 5px 0px;
}

strong {
	color: #002f1c;
}

a {
	color: #007606;
	text-decoration: underline;
}

a:hover {
	color: #76b430;
	text-decoration: none;
}


/*/ Estructura
------------------------------------ */

/*/ CONTENEDOR /*/

#contenedor {
	background: url(../img/fondo-contenido.png) no-repeat 3px 2px;
	height: 559px;
	margin: 0px auto;
	text-align: left;
	width: 964px;
	
	behavior: url(../img/iepngfix/iepngfix.htc);
}

/*/ CABECERA /*/

#cabecera {}

/*/ LOGOTIPO /*/

#logotipo {
	float: left;
	width: 220px;
}

/*/ CONTENIDO DE LA DERECHA /*/

#contenido {
	float: left;
	margin: 30px 0px 0px 20px;
	width: 685px;
}

/*/ NAVEGACION PRINCIPAL /*/

#navegacion-principal {
	display: block;
	width: 685px;
}

ul#menu li {
	float: left;
	font-size: 12px;
	list-style: none;
	margin-right: 3px;
	text-align: center;
	width: 88px;
}

ul#menu li.anchoVITATEN { width: 134px; text-indent: -9999px; }

ul#menu li a {
	background: url(../img/menu/boton_alink.png) no-repeat left top;
	behavior: url(../img/iepngfix/iepngfix.htc);
	color: #002c1a;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

ul#menu li a.menu-boton-comun {
	padding: 4px 10px 0px 10px;
	height: 32px;
}

ul#menu li a.menu-boton-unalinea {
	padding: 11px 10px 0px 10px;
	height: 25px;
}

ul#menu li a.menu-boton-especial {
	background: url(../img/menu/vitaten_alink.png) no-repeat left top;
	behavior: url(../img/iepngfix/iepngfix.htc);
	padding: 5px 10px 0px 10px;
	height: 36px;
}

ul#menu li a:hover {
	background: url(../img/menu/boton_ahover.png) no-repeat left top;
	behavior: url(../img/iepngfix/iepngfix.htc);
	color: #3c9537;
}

ul#menu li a.menu-boton-especial:hover {
	background: url(../img/menu/vitaten_ahover.png) no-repeat left top;
	behavior: url(../img/iepngfix/iepngfix.htc);
	color: #3c9537;
	text-decoration: none;
}

ul#menu li.seleccionado-menu {
	background: url(../img/menu/boton_seleccionado.png) no-repeat left top;
	behavior: url(../img/iepngfix/iepngfix.htc);
	color: #002c1a;
	display: block;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
	height: 32px;
}

ul#menu li.seleccionado-menu-unalinea {
	background: url(../img/menu/boton_seleccionado.png) no-repeat left top;
	behavior: url(../img/iepngfix/iepngfix.htc);
	color: #002c1a;
	display: block;
	font-weight: bold;
	padding: 11px 0px 0px 0px;
	height: 25px;
}

ul#menu li.seleccionado-menu-especial {
	background: url(../img/menu/vitaten_seleccionado.png) no-repeat left top;
	behavior: url(../img/iepngfix/iepngfix.htc);
	color: #ffffff;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	height: 36px;
	width: 134px;
}

/*/ CONTENIDO PORTADA /*/

#contenido-portada {
	clear: both;
	height: 388px;
	margin: 16px 0px 0px 0px;
	position: relative;
	width: 678px;
}

/*/ ARTICULO /*/

#articulo {
	background: url(../img/fondo-articulo.png) no-repeat left top;
	clear: both;
	height: 388px;
	margin: 16px 0px 0px 0px;
	position: relative;
	width: 680px;
}

#scroll {
	display: block;
	float: right;
	height: 345px;
	margin: 1px 1px 0px 0px;
	padding: 20px 0 20px 0;
	overflow-y: scroll;
	width: 660px;
}
.ie8 #scroll {height: 335px;}

.efecto-scroll-top {
	background: url(../img/efecto-scroll-top.jpg) no-repeat left top;
	height: 19px;
	margin-left: 11px;
	width: 652px;
	
	position: absolute;
	top: 1px;
	left: 0px;
}.ie6 .efecto-scroll-top { display: none; }

.efecto-scroll-bottom {
	background: url(../img/efecto-scroll-bottom.jpg) no-repeat left top;
	height: 19px;
	margin-left: 19px;
	width: 642px;
	
	position: absolute;
	top: 367px;
	left: 0px;
}
.ie6 .efecto-scroll-bottom { display: none; }
.ie8 .efecto-scroll-bottom { display: none; }

.texto {
	margin-right: 20px;
}

.texto br { line-height: 10px; }

.lista-comun li {
	background: url(../img/ico/li.gif) no-repeat 0px 6px;
	list-style: none;
	margin: 6px 0px 7px 23px;
	padding-left: 7px;
}

.lista-comun li li {
	background: url(../img/ico/li-li.gif) no-repeat 0px 5px;
	padding-left: 11px;
}

ol.lista-numerada-comun li {
	background: none;
	list-style: decimal;
	margin: 6px 0px 7px 32px;
	padding: 0px 0px 0px 0px;
}

a.link-accion {
	background: url(../img/ico/flecha-link.gif) no-repeat left center;
	color: #007606;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}

a.link-accion:hover {
	color: #75b430;
	text-decoration: none;
}

/* -// Para hacer el punteado de la tabla creamos varias clases
		- .bt  > Borde superior
		- .br  > Borde derecho
		- .bb  > Borde inferior
		- .bl  > Borde izquierda
		- .bbs > Borde inferior solido
 	//- */

.bt { border-top:	 1px dotted #bdbdbd; }
.br { border-right:	 1px dotted #bdbdbd; }
.bb { border-bottom: 1px dotted #bdbdbd; }
.bl { border-left:	 1px dotted #bdbdbd; }
.bbs{ border-bottom: 1px solid #e8e8e8;	 }
.tdtab { padding-left: 10px; }

/*/ PIE DE PÁGINA /*/

#pie-de-pagina {
	color: #ffffff;
	text-align: center;
}

#tres-pasos {
	float: left;
	margin: 14px 0px 0px 240px;
	width: 300px;
}
.ie6 #tres-pasos { margin-left: 119px; }

#tres-pasos a {
	background-image: url(../img/pie-de-pagina/tres-pasos_estados.png);
	background-repeat: no-repeat;
	behavior: url(../img/iepngfix/iepngfix.htc);
	display: block;
	height: 36px;
	text-indent: -9999px;
	width: 298px;
}
a.boton-tres-pasos				 { background-position: 0px 0px; }
a.boton-tres-pasos:hover		 { background-position: 0px -37px; }
a.boton-tres-pasos-seleccionado  { background-position: 0px -74px; }

#botones-pie {
	float: right;
	font-style: italic;
	font-weight: bold;
	margin: 35px 16px 0px 0px;
	width: 300px;
}
.ie6 #botones-pie { margin-left: 9px; }

#botones-pie a {
	color: #ffffff;
	text-decoration: underline;
}

#botones-pie a:hover {
	color: #007106;
	text-decoration: none;
}

#botones-pie a.aviso-legal-seleccionado {
	color: #007106;
	text-decoration: none;
}

#botones-pie-portada {
	font-style: italic;
	font-weight: bold;
	margin: 5px 46px 0px 0px;
	text-align: right;
}
.ie7 #botones-pie-portada { margin-top: 40px; }

#botones-pie-portada a {
	color: #ffffff;
	text-decoration: underline;
}

#botones-pie-portada a:hover {
	color: #007106;
	text-decoration: none;
}

#botones-pie-portada a.aviso-legal-seleccionado {
	color: #007106;
	text-decoration: none;
}

/*/ fin / Estructura
------------------------------------ */



/*/ SECCION // Portada
------------------------------------ */

.caja-portada {
	cursor: pointer;
	float: left;
	height: 195px;
	width: 331px;
}

.caja-portada h2 {
	border: 0px;
	color: #007106;
	margin-top: 20px;
	text-align: center;
}

.caja-portada h2 a { text-decoration: none; }

strong.verde { color: #227f1f; font-weight: bold; }

.caja-portada strong { font-weight: bold; }
.caja-portada strong.verde { color: #227f1f; font-weight: bold; font-size: 14px; }

.caja-portada p a {
	color: #002f1c;
	text-decoration: none;
}

.caja-portada ul {
	margin: -4px 0px 0px 24px;
	width: 150px;
}

.caja-portada ul li {
	margin-bottom: 10px;
	margin-left: 24px;
	list-style: none;
}

.caja-portada ul li a {
	color: #000000;
	text-decoration: none;
}

.caja-vitaten {
	background: url(../img/portada/vitaten.png) no-repeat left top;
	margin: 0px 16px 20px 0px;
}
.caja-vitaten p {
	margin-left: 20px;
}
.caja-tension-arterial 	{
	background: url(../img/portada/tension-arterial.png) no-repeat left top;
}
.caja-sorteo75 p a 		{ color: #ffffff; }
.caja-sorteo75 			{ background: url(../img/portada/sorteo75.png) no-repeat left top; }
.caja-sorteo75:hover 	{ background: url(../img/portada/sorteo75.png) no-repeat 0px -196px; }
.caja-sorteo75 strong	{ color: #009ee0; }
.caja-sorteo75 strong.cblanco	{ color: #ffffff; }
.tabb-sorteo75 {
	padding: 4px 0 0 20px;
}

.caja-tension-arterial p {
	margin-left: 20px;
}
.caja-tres-pasos 		{
	background: url(../img/portada/tres-pasos.png) no-repeat left top;
	margin: 0px 16px 20px 0px;
}
.caja-tres-pasos p {
	margin-left: 20px;
}
.caja-consultas			{ background: url(../img/portada/consultas.png) no-repeat left top; }
.caja-consultas p {
	margin-left: 20px;
}

.caja-vitaten:hover			 { background: url(../img/portada/vitaten.png) no-repeat 0px -196px; }
.caja-tension-arterial:hover { background: url(../img/portada/tension-arterial.png) no-repeat 0px -196px; }
.caja-tres-pasos:hover		 { background: url(../img/portada/tres-pasos.png) no-repeat 0px -196px; }
.caja-consultas:hover		 { background: url(../img/portada/consultas.png) no-repeat 0px -196px; }


/*/ SECCION // VitaTEN de kaiku
------------------------------------ */

.vitaten p {
	margin: 6px 0px 7px 15px;
}

.vitaten img {
	float: right;
	margin: 0px 0px 7px 15px;
}

/*/ SECCION // Gama de productos
------------------------------------ */

#menu-productos {
	float: left;
	width: 85px;
}

#menu-productos li {
	list-style: none;
	margin-bottom: 20px;
}

#menu-productos li a {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 70px 0px 5px 0px;
}

a.frutos-rojos	 			{ background: url(../img/gama-de-productos/frutos-rojos_estados.png) no-repeat 0px 0px; }
a.frutos-rojos:hover		{ background: url(../img/gama-de-productos/frutos-rojos_estados.png) no-repeat 0px -90px; text-decoration: none; }
a.frutos-rojos-seleccionado	{ background: url(../img/gama-de-productos/frutos-rojos_estados.png) no-repeat 0px -180px; }

a.tropical		 			{ background: url(../img/gama-de-productos/tropical_estados.png) no-repeat 0px 0px; }
a.tropical:hover			{ background: url(../img/gama-de-productos/tropical_estados.png) no-repeat 0px -90px; text-decoration: none; }
a.tropical-seleccionado		{ background: url(../img/gama-de-productos/tropical_estados.png) no-repeat 0px -180px; }

#menu-productos li a:hover	{ color: #007606; text-decoration: none; }

/* --- */

#texto-productos {
	float: right;
	width: 518px;
}

table#informacion-nutricional {
	float: left;
	margin-top: 12px;
	width: 291px;
}

table#informacion-nutricional th {
	background: url(../img/gama-de-productos/fondo-th.jpg) repeat-x left bottom;
	text-align: center;
	font-weight: bold;
}
table#informacion-nutricional th, td { padding: 4px 0px 4px 5px; }

table#datos-logisticos {
	float: left;
	margin-top: 12px;
	width: 291px;
}

#inf-tabla {
	float: left;
	margin-top: 5px;
	text-align: justify;
	width: 291px;
}

table#datos-logisticos th {
	background: url(../img/gama-de-productos/fondo-th.jpg) repeat-x left bottom;
	text-align: center;
	font-weight: bold;
}
table#datos-logisticos th, td { padding: 4px 0px 4px 5px; }

td.colspan2 {
	background: url(../img/gama-de-productos/colspan2.gif) left top repeat-x;
	text-align: center;
}

.linea-impar {
	background: #eeeeee;
}

.imagen-derecha {
	float: right;
	margin-top: 12px;
	text-align: right;
	width: 210px;
}
.imagen-derecha p { margin-right: 2px; }

/*/ SECCION // Tension arterial
------------------------------------ */

.ie8 .tarterial {
	padding: 0px 0px 37px 0px;
}

.tarterial p {
	margin: 6px 0px 7px 15px;
}

.tarterial img {
	float: right;
	
}
table#tension-arterial {
	margin: 20px auto;
	width: 400px;
}

table#tension-arterial th {
	background: url(../img/gama-de-productos/fondo-th.jpg) repeat-x left bottom;
	text-align: center;
	font-weight: bold;
}
table#tension-arterial th, td { padding: 4px 0px 4px 5px; }

td.colspan2 {
	background: url(../img/gama-de-productos/colspan2.gif) left top repeat-x;
	text-align: center;
}

/*/ SECCION // sorteo75
------------------------------------ */

.tsorteo p {
	margin: 0 15px 10px 15px;
}
.tsorteo dt {
	margin: 0 15px 0px 15px;
}

.tsorteo h3 {
	color: #7abe35;
	font-size: 16px;
	border-bottom: 1px dotted #7abe35;
	margin: 10px 15px 20px 15px;
	padding: 0px 0 10px 0px;
}

.tsorteo-braun {
	color: #7abe35;
	font-size: 16px;
	border-bottom: 1px dotted #7abe35;
	margin: 0px 15px 0px 15px;
	padding: 0px 0 20px 0px;
}
.tsorteo ul {
	list-style: disc;
}
.tsorteo ol {
	list-style: decimal;
	margin: 0 0 0 5px;
}
.tsorteo li {
	margin: 5px 15px 0px 28px;
	padding: 5px 0 0px 2px;
}

.braun-titular-bloque {
	color: #aae074;
	font-size: 16px;
	padding: 20px 0 10px 0;
	border-bottom: 1px dotted #1f310d;
}

.braun-pie {
	color: #aae074;
	font-size: 10px;
	padding: 20px 0 10px 0;
	border-bottom: 1px dotted #1f310d;
}

.cont-sorteo  {
	background: #000000;
	color: #ffffff;
	padding-bottom: 15px;
}

.cont-sorteo strong  {
	color: #7abe35;
}
.img-lateral{
	float: right;
	padding: 5px 20px;	
}

#s75-izq {
	float: right;
	width: 420px;
	padding: 20px 0 0 20px;
}

#s75-izq img {
	margin: 8px 0 15px 0;
}

#s75-der {
	float: left;
	margin: 20px 0px 20px 20px;
	width: 160px;
}

dl#bases75 dt {
	color: #7abe35;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 10px 0;	
}

dl#bases75 dd {
	border-bottom: 1px dotted #1f310d;
	margin:0 15px 10px 15px;
	padding: 3px 0 14px 0;
	line-height: 17px;	
}

dl#bases75 li {
	margin: 5px 0 7px 20px;
}

dl#bases dt {
	color: #0b510f;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 10px 0;	
}

dl#bases dd {
	border-bottom: 1px dotted #227f1f;
	margin-bottom: 10px;
	padding: 3px 0 14px 10px;
	line-height: 17px;	
}

dl#bases li {
	margin: 5px 0 7px 20px;
}

/*/ SECCION // Preguntas frecuentes
------------------------------------ */

.pfrecuentes p {
	margin: 6px 0px 7px 15px;
	line-height: 16px;
}

.ie8 .pfrecuentes {
	padding: 0px 0px 37px 0px;
}

/*/ SECCION // Nuestros consejos
------------------------------------ */

.nconsejos {
	height: 390px;
}

.ie8 .alto-art1 { min-height: 510px; }
.ie8 .alto-art2 { min-height: 490px; }
.ie8 .alto-art3 { min-height: 430px; }
.ie8 .alto-art4 { min-height: 510px; }
.ie8 .alto-art5 { min-height: 510px; }
.ie8 .alto-art6 { min-height: 510px; }
.ie8 .alto-art7 { min-height: 410px; }
.ie8 .alto-art8 { min-height: 510px; }
.ie8 .alto-art9 { min-height: 680px; }

.nconsejos img, .ncmenu img {
	float: right;
	margin: 6px 0px 7px 25px;
}

.ncmenu p {
	margin: 8px 0px 8px 0px;
}

.lista-ncmenu li {
	background: url(../img/ico/flecha-link.gif) no-repeat 0px 3px;
	font-weight: bold;
	list-style: none;
	margin: 11px 0px 0px 0px;
	padding-left: 7px;
}

.lista-ncmenu li li {
	background: url(../img/ico/li-li.gif) no-repeat 0px 5px;
	font-weight: normal;
	margin: 6px 0px 6px 10px;
	padding-left: 11px;
}

.lista-ncmenu li li a {
	text-decoration: none;
}

.lista-ncmenu li li a:hover {
	color: #75b430;
	text-decoration: underline;
}

.tab-recetas {
	margin: 10px 0px 0px 6px;
}

#ingredientes-grande {
	background: url(../img/nuestros-consejos/fondo-ingredientes-grande.png) no-repeat;
	width: 185px;
	height: 367px;
	float: right;
	margin-left: 30px;
	padding: 10px 5px 0px 10px;
}

#ingredientes {
	background: url(../img/nuestros-consejos/fondo-ingredientes.png) no-repeat;
	width: 185px;
	height: 221px;
	float: right;
	margin-left: 30px;
	padding: 10px 5px 0px 10px;
}

.lista-ingredientes  { margin-top: 10px; }

.lista-ingredientes li {
	background: url(../img/ico/li.gif) no-repeat 0px 6px;
	list-style: none;
	margin: 4px 0px 4px 3px;
	padding-left: 7px;
}

/*/ SECCION // Ciencia
------------------------------------ */

.ciencia img {
	float: right;
	margin: 6px 0px 7px 25px;
}

.ie8 .ciencia {
	padding: 0px 0px 37px 0px;
}

/*/ SECCION // Consultas y sugerencias
-------------------------------------- */

div.msg_ok {
	background: #b8e5ad url(../img/alertas/notificacion.jpg) no-repeat 10px center;
	border: 1px solid #143b0b;
	color: #143b0b;
	/* temporal */ padding: 10px 0px 10px 70px;
	margin: 0 20px 15px 0;
}

div.msg_error {
	background: #febcaf url(../img/alertas/error.jpg) no-repeat 10px center;
	border: 1px solid #5d0f0f;
	color: #5d0f0f;
	/* temporal */ padding: 10px 0px 10px 70px;
	margin: 0 20px 15px 0;
}

div.msg_caution {
	background: #f8e895 url(../img/alertas/advertencia.jpg) no-repeat 10px center;
	border: 1px solid #514816;
	color: #514816;
	/* temporal */ padding: 10px 0px 10px 70px;
	margin: 0 20px 15px 0;
}
	
table#formulario {
	text-align: left;
	margin: 0px 0px 0px 2px;
	width: 625px;
}
	
table#formulario caption {
	padding-bottom: 21px;
	text-align: left;
}
	
table#formulario th {
	text-align: left;
	vertical-align: top;
}

table#formulario td {
	padding: 0px 0px 2px 0px;
	vertical-align: middle;
}

.dimension-labels-izq { width: 60px; }
.dimension-labels-der { width: 60px; }
	
.campo-comun {
		border: 1px solid #959595;
		color: #666666;
		padding: 1px 0px 1px 3px;
		line-height: 14px;
		height: 16px;
}
	
.input-largo		{ width: 287px; }
.input-corto		{ width: 174px; }
.input-calle		{ width: 165px; }
.input-piso 		{ width: 33px;	}
.input-puerta 		{ width: 33px;	}
.input-numero 		{ width: 21px;	}
.input-otros_datos	{ width: 70px; 	}
.select-comun	 	{ color: #666666; height: 19px; width: 179px; font-size: 11px; }
.select-tipo	 	{ color: #666666; height: 19px; width: 72px; font-size: 11px;  }

.textarea-mensaje	{
	font-family:  Trebuchet MS, Arial, Helvetica;
	font-size: 11px; 
	height: 75px;
	width: 557px;
}

.padding-leyenda-boton { padding-right: 17px;  }

.leyenda-obligatorio {
	color: #959595;
	font-style: italic;
	text-align: right;
}

.opera .checkbox { border: 1px solid #959595; }

.boton_enviar {
	background: url(../img/consultas-y-sugerencias/boton-enviar.gif) no-repeat 0px 0px;
	cursor: pointer;
	color: #002d64;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 88px;
}.ie8 .boton_enviar { padding: 3px 0px 4px 0px; }

.boton_enviar:hover {
	background: url(../img/consultas-y-sugerencias/boton-enviar.gif) no-repeat 0px -24px;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 88px;
}.ie8 .boton_enviar:hover { padding: 3px 0px 4px 0px; }

.select_selecciona {
	font-style: italic;
}

/*/ SECCION // Tres pasos
-------------------------------------- */

.tpasos {
	background: url(../img/tres-pasos/fondo-contenido.png) no-repeat 0px 45px;
}

.ie8 .tpasos {
	padding: 0px 0px 37px 0px;
}

.tpasos h3.titulo-pasos {
	font-size: 15px;
	margin-bottom: 11px;
}

.texto-pasos {
	display: block;
	padding-left: 95px;
}

.lista-tpasos li {
	background: url(../img/ico/li.gif) no-repeat 0px 6px;
	list-style: none;
	margin: 6px 0px 7px 5px;
	padding-left: 7px;
}

.lista-tpasos li li {
	background: url(../img/ico/li-li.gif) no-repeat 0px 5px;
	margin: 6px 0px 7px 0px;
	padding-left: 7px;
}