html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
		margin:0;
		padding:0;
		}

body {
	font: 79%/160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}
p {
	text-align:center;
	}		
a:link {
	color: #055b2c;
	text-decoration: none;
}	
a:visited {
	color:#055b2c;
	border-bottom:none;
	text-decoration:none;
	}		
a:hover,
a:focus {
	color: #eb7018;
	text-decoration: underline;
}


table a,
table a:link,
table a:visited {
	border:none;
	}		
img {
	border:0;
	margin-top:.5em;
	}
#IndexTable {
	background-color: transparent;
}

#IndexTable th {
	border-bottom: 1px solid #33B97E;
}

#IndexTable td {
	border-bottom: 1px solid #33B97E;
}

#IndexTable h3 {
	font-size: 12pt;
}

#IndexTable a:link {
	text-decoration: none;
	color: #055B2C;
}	
#IndexTable a:visited {
	text-decoration:none;
	color: #055B2C;
	}		
#IndexTable a:hover,
#IndexTable a:focus {
	text-decoration: none;
	color: #eb7018;
}

#IndexTable a:focus {
	text-decoration: none;
	color: #055B2C;
}

#WelcomeTable {
	background-color: transparent;
}

#WelcomeTable th {
	background: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height:110px;
	width:360px;
	border-bottom: 0px;
}

#WelcomeTable a:link {
	color: #055b2c;
	text-decoration: underline;
}	
#WelcomeTable a:visited {
	color:#055b2c;
	border-bottom:none;
	text-decoration:underline;
	}		
#WelcomeTable a:hover,
#WelcomeTable a:focus {
	color: #eb7018;
	text-decoration: underline;
}

#WelcomeTable a:focus {
	color: #527A69;
	text-decoration: underline;
}

#TableFood table {
	width: 98%;
	border-top: 1px solid #33B97E;
	border-right: 1px solid #33B97E;
	/*margin: 1em auto;*/
	border-collapse: collapse;
}

#TableFood caption {
	color: #000000;
	font-size: 9pt;
	padding: 0;
	margin: 0 0 0 5px;
	margin-bottom: 0;
	caption-side: top;
	text-align: left;
}	
#TableFood tr.odd td,
#TableFood tr.odd .column1 {
	background:#f9fff5 url(images/background2.gif) no-repeat;
	}	
.column1	{
	background:#f9fefc;
	}
#TableFood td {
	color: #055b2c;
	border-bottom: 1px solid #33B97E;
	border-left: 1px solid #33B97E;
	padding: .3em 0;
	text-align: center;
}		
		
#TableFood th {
	font-weight: normal;
	color: #055b2c;
	text-align: left;
	border-bottom: 1px solid #33B97E;
	border-left: 1px solid #33B97E;
	padding: .3em 0;
}	

#TableFood thead th {
	background: #f9fff5 url(images/background.gif) no-repeat;
	text-align: center;
	font: bold 1.2em/1.5em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #055b2c;
}		
		
#TableFood tfoot th {
	background:#F4FEF9;
	text-align:center;
	}	
	
#TableFood tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
		
#TableFood tfoot th em {
	color:#055b2c;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	

#TableBanner td {
	background-color: #B4DA9E;
	border-top: 1px solid #33B97E;
}

#TableHS {
	
}

#TableHS h2 {
	color: #E46D15;
	font-size: 14pt;
}

#TableHS h3 {
	color: #676767;
	font-size: 12pt;
}

#TableHS h4 {
	color: #E46D15;
	font-size: 10pt;
}

#RamlightTable {
	font-size: 8pt;
	font-weight: normal;
	padding-top: 0px;
	line-height: 13px;
	padding-bottom: 0px;
}

#RamlightTable a:link {
	color: #3366ff;
	text-decoration: none;
}	
#RamlightTable a:visited {
	color:#3366ff;
	text-decoration:none;
	}		
#RamlightTable a:hover,
#RamlightTable a:focus {
	color: #3366ff;
	text-decoration: none;
}

#RamlightTable a:focus {
	color: #3366ff;
	text-decoration: none;
}

#NutritionEstructure {
	width:  98%;
	border-collapse: collapse;
	margin: 6px auto;
}

#NutritionEstructure th {
	text-align: left;
	font-size: 11pt;
	border-bottom: 1px solid #33B97E;
}

#NutritionEstructure td {
	text-align: left;
	text-align: center;
	font-size: 10pt;
	font-weight: normal;
}

#NutritionEstructure h1 {
	font-size: 15pt;
}

#NutritionTable {
	width: 230px;
	border-collapse: collapse;
	border: 2px solid #000000;
	font: normal 8pt Arial;
}

#NutritionTable th {
	font: bold 11pt Arial;
}

#NutritionTable2 {
	width: 214px;
	border-collapse: collapse;
	border: 0px;
}

#NutritionTable2 th {
	font: normal 8pt Arial;
	border-bottom: 1px solid #000000;
	text-align: right;
	padding: 2px 0px 1px 0px;
}

#NutritionTable2 td {
	font: normal 8pt Arial;
	color: #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	text-align: left;
	padding: 1px 0px 1px 0px;
}

#NutritionTable2 h2 {
	/*border-top: 1px solid #33B97E;
	border-right: 1px solid #33B97E; margin: 1em auto;*/
	font: bold 11pt Arial;
	color: #000000;
	text-align: center;
}

.borderBottomThick {
	border-bottom: 4px solid #000000;
}

.borderBottomGreen {
	border-bottom: 1px solid #A2EED0;
}

.small{
	font-size: .9em;
	font-weight: normal;
}

.small2{
	font-size: 8pt;
	font-weight: normal;
	padding-top: 0px;
	line-height: 13px;
	color: #055B2C;
	padding-bottom: 0px;
}

.small3{
	font-size: 8pt;
	font-weight: normal;
	color: #3366ff;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
}

.small4{
	font-size: 8pt;
	color: #055B2C;
}

.arialFont{
	font: normal 8pt Arial;
	text-align: left;
}

.arialFontBig{
	font: normal 18pt Arial;
	text-align: left;
	color: #FFFFFF;
}

.arialFontWhite{
	font: normal 8pt Arial;
	text-align: center;
	color: #FFFFFF;
}

.arialFontGreen{
	font: normal 8pt Arial;
	text-align: center;
	color: #00E42B;
}

.arialFontRed{
	font: normal 8pt Arial;
	text-align: center;
	color: #E43300;
}

.arialFontBlue{
	font: normal 8pt Arial;
	text-align: center;
	color: #0089C8;
}


.button1
{
	width: 269px;
}

.button2
{
   width:139px;
}

.porcion
{
	width: 180px;
	height: 20px;
	font-size: 8pt;
}

.porcionUsuario
{
	width: 35px;
	height: 14px;
	font-size: 8pt;
}

.title1
{
	color: #E46D15;
}

.title2
{
	color: #055B2C;
	font: bold 11pt Arial;
	letter-spacing: 4px;
}

.title3
{
	color: #055B2C;
}

.gray
{
	color: #838383;
}

.graph1 { position:relative; width:69px; height:100px; font-size:5px; }
.graph1_fondo {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 69px;
	background: url(images/grafico1/fondo.png) no-repeat 0px 0px;
}

.graph1_prot {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 69px;
	background: url(images/grafico1/protein.jpg) no-repeat 0px 0px;
	
}

.graph1_fats {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 69px;
	background: url(images/grafico1/fats.jpg) no-repeat 0px 0px;
}

.graph1_carb {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 69px;
	background: url(images/grafico1/carbs.jpg) no-repeat 0px 0px;
}

.graph1_pathern {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 69px;
	background: url(images/grafico1/pathern.png) no-repeat 0px 0px;
}

.graph2A { position:relative; width:35px; height:100px; font-size:5px; }
.graph2_fondoA {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 35px;
	background: url(images/grafico2/fatratiobg.png) no-repeat 0px 0px;
}

.graph2_arrow {
	position: absolute;
	top: 0px;
	left: 2px;
	height: 9px;
	width: 11px;
	background: url(images/grafico2/arrow.png) no-repeat 0px 0px;
}

.graph2B { position:relative; width:100px; height:23px; font-size:5px; }
.graph2_fondoB {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 23px;
	width: 100px;
	background: url(images/grafico2/fatratiobg2.png) no-repeat 0px 0px;
}
.graph1_sats {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 23px;
	width: 100px;
	background: url(images/grafico2/sats.png) no-repeat 0px 0px;
}
.graph1_mono {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 23px;
	width: 100px;
	background: url(images/grafico2/mono.png) no-repeat 0px 0px;
}
.graph1_poli {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 23px;
	width: 100px;
	background: url(images/grafico2/poli.png) no-repeat 0px 0px;
}
.graph1_trans {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 23px;
	width: 100px;
	background: url(images/grafico2/trans.png) no-repeat 0px 0px;
}