/* {
	border: 1px solid #3333FF;
}*/
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	/*background: #CECFCA url(../images/bg-principal.gif) repeat-y left top;*/
	font-size: small; /* IE5 Win */
  	/*voice-family: "\"}\""; */
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* Opera */
	font-size: small;
	}
.forma {
	font: 12px Georgia, "Times New Roman", Times, serif;
	background: #fff;
	width: 355px;
}
input.button {
  background:#993300;
  color: #FFFFFF;
  font:bold 100% Georgia, "Times New Roman", Times, serif;
  border:2px solid #FFFFFF;
  border-color:#CCC #777 #777 #CCC;
  height: 30px;
}
a:link {
	color: #990000;
	}
a:visited {
	color: #CC6600;
	}
a:hover {
	color: #FF9900;
	}
hr {
	color: #C4C2A1;
	height: 1px;
}
#marco {
	width: 752px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #deed79;	
}

#encabezado {
	width: 752px;
	margin: 0;
	padding: 0;
	text-align: left;
	/*voice-family: "\"}\"";*/
	voice-family: inherit;
}

#contenedor {
	width: 752px;
	margin: 0;
	padding: 0 20px 0 30px;
	text-align: left;
	background-color: #FFF;
	clear: both;
	/*voice-family: "\"}\"";*/
	voice-family: inherit;
	width: 702px;
}

#bajocontenedor {
	width: 752px;
	margin: -15px 0 0 0;
	padding: 0;
	/*voice-family: "\"}\"";*/
	voice-family: inherit;
	width: 752px;
}

#bajocontenedor p {
	margin-top: 20px;
	padding: 0;
	font-size: 13px;
	line-height: .25em;
}

#contenido {
	float: right;
	width: 360px;
	margin: 0;
	padding-right: 20px;
	/*voice-family: "\"}\"";*/
	voice-family: inherit;
}

p {
	margin: 0 0 1em;
	padding: 0;
	font-size: 12px;
}
	
h2 {
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: -1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990000;
	font-weight: bold;
}

h3 {
	margin: 0;
	font-size: 18px;
	letter-spacing: -1px;
	color: #666600;
	font-weight: bold;
}
h4 {
	margin: 0px;
	font-size: 14px;
	letter-spacing: 0px;
	color: #990000;
	font-weight: bold;
	background-image: url(../images/0grasa.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-indent: -900px;
}
h5 {
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	letter-spacing: -1px;
	color: #666600;
	font-weight: bold;
}
h6 {
	background-color:#f5fbd7;
	font-family:"Arial Narrow", "HelveticaNeue Condensed", Helvetica, sans-serif;
	font-weight:bold;
	text-transform:capitalize;
	color: #990000;
	font-size:16px;
	width: 310px;
	margin-left: -29px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-image: url(../images/alimentosnaturales.gif);
	background-repeat: no-repeat;
	background-position: 35px center;
	text-indent: -900px;
}
.pplus {
	background-image: url(../images/alimentosfortificados.gif);

}
.obf {
	background-image: url(../images/alimentosdiet.gif);

}
#menulateral {
	margin-left: -40px;
	float: left;
	margin-top: -15px;
}
ul#lateral  {
	background-color:#f5fbd7;
	font-family:"Arial Narrow",  "HelveticaNeue Condensed", Helvetica, sans-serif,;
	font-weight:normal;
	text-transform:capitalize;
	list-style-position: inside;
	list-style-type: none;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	letter-spacing: 1px;
	height: 330px;
	width: 175px;
	
}
li.cat {
	color:#777;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #777;
	font-weight: bold;
}
li.subcat {
	margin-bottom: 10px;
}
#linea {
	position:absolute;
	width: 190px;
	/*border-left: 3px solid #C4C2A1;*/
	padding-left: 15px;
	left: 520px;
	top: 130px;
}
#prod-desc {
	margin-left: 200px;
	height: 300px;
	margin-bottom: 10px;
}
#prod-var {
	margin-left: 210px;

}

#costado {
	float:left;
	width: 310px;
	height:310px;
	margin-bottom: 20px;
	padding: 0;
	/*voice-family: "\"}\"";*/
	voice-family: inherit;
	background-repeat: no-repeat;	
}
#costado0 {
	float:left;
	width: 233px;
	height:310px;
	margin-bottom: 20px;
	padding: 0;
	/*voice-family: "\"}\"";*/
	voice-family: inherit;
	background-image: url(../images/logo-proteinas.gif);
	background-repeat: no-repeat;	
	background-position: center center;
}
#costado1, #costado2, #costado3 {
	float: left;
	width: 233px;
	height: 310px;
	margin-bottom: 20px;
	voice-family: inherit;
	display: none;
	background-repeat: no-repeat;
	vertical-align: bottom;
	text-align: center;
}
#costado1 {
	background-image: url(../images/platos/plato-hamburguesa_03.jpg);
	background-position: center center;
}
#costado2 {
	background-image: url(../images/platos/plato-fidobe_03.jpg);
	background-position: center center;
}
#costado p {
	width: 280px;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px
}

#costado h2 {
	width: 280px;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	color: #666600;
}

#costado h3 {
	width: 280px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px
}

#pie {
	margin: 5px 0;
	padding: 0;
	color: #333;
	background-color: #deed79;
}
	
#pie p {
	font-size: 13px;
	line-height: 1.5em;
	text-indent: 540px;
	padding-bottom: 10px;
	}


#logo {
	width: 752px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/logo-background.gif) top left no-repeat;
	height: 105px;
	text-align: left;
	/*voice-family: "\"}\"";*/
	voice-family: inherit;
}

#logo h1 {
	width: 308px;
	margin: 0;
	padding: 8px 0 0 27px;
}


div#navegacion	{
	height: 35px;
	width: 752px;
	margin: 0 auto 0 auto;
	padding: 0;
}

div#navegacion ul#menu	{
	height: 31px;
	width: 752px;
	background: transparent url("../images/barramenu.gif") top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

div#navegacion ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
ul#menu li, ul#menu a {
	height: 31px;
	display: block;
	}
#menu5 			{left: 450px; width: 150px;}

div#navegacion ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#menu1			{left: 0px; width: 150px;}
/*#menu2 			{left: 125px; width: 125px;}*/
#menu3	 		{left: 150px; width: 150px;}
#menu4   		{left: 300px; width: 150px;}
#menu7 			{left: 600px; width: 150px;}

#menu1 a:hover	{background: transparent url("../images/barramenu.gif") -0px -37px no-repeat;}
/*#menu2 a:hover 	{background: transparent url("../images/barramenu.gif") -125px -37px no-repeat;}*/
#menu3 a:hover 	{background: transparent url("../images/barramenu.gif") -150px -37px no-repeat;}
#menu4 a:hover 	{background: transparent url("../images/barramenu.gif") -300px -37px no-repeat;}
#menu5 a:hover 	{background: transparent url("../images/barramenu.gif") -450px -37px no-repeat;}
#menu7 a:hover 	{background: transparent url("../images/barramenu.gif") -600px -37px no-repeat;}

body#inicio #menu1 		{background: transparent url("../images/barramenu.gif") -0px -37px no-repeat;}
/*body#empresa #menu2		{background: transparent url("../images/barramenu.gif") -125px -37px no-repeat;}*/
body#productos #menu3 	{background: transparent url("../images/barramenu.gif") -150px -37px no-repeat;}
body#nutricion #menu4	{background: transparent url("../images/barramenu.gif") -300px -37px no-repeat;}
body#recetas #menu5	{background: transparent url("../images/barramenu.gif") -450px -37px no-repeat;}
body#contacto #menu7 	{background: transparent url("../images/barramenu.gif") -600px -37px no-repeat;}

.right { 
	float: right;
	padding: 0 0 10px 20px;
}
.left {
	float: left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 10px;
}
.leftleft {
	float: left;
	padding: 10 0 0px 20px;
	margin-left: -15px;
	margin-bottom: 20px;
}
ul.bullet li {
	list-style:none;
	margin:-8px 0 10px -41px;
	padding:2px 0 0 20px;
	background-repeat:no-repeat;
	font-size: 13px;
	background-position:1px 5px;
	background-image: url(../images/bullet2.gif);
}
ul.bullet2 {
	margin:0px;
	line-height: 105%;
}
ul.bullet2 li {
	list-style:none;
	padding:2px 0 0 20px;
	background-repeat:no-repeat;
	font-size: 12px;
	background-position:0px 1px;
	background-image: url(../images/bullet2.gif);
}
ul.bullet li a:link, ul.bullet li a:visited	{
	color: #990000;
	text-decoration: none;
	}

ul.bullet li a:hover {
	color: #FF9900;
	text-decoration: none;
	}
li.subcat a:link, li.subcat a:visited	{
	color: #777;
	text-decoration: none;
	}
	li.subcat a:hover {
	color: #990000;
	text-decoration: none;
	}