body {
	scrollbar-arrow-color:#D6D6D6;
	scrollbar-base-color:#F1F1F1;
	scrollbar-shadow-color:#B8B8B8;
	scrollbar-face-color:#F1F1F1;
	scrollbar-highlight-color:#F7F7F7;
	scrollbar-darkshadow-color:#F1F1F1;
	scrollbar-3dlight-color:#B8B8B8;
	margin-top: 0px;
	background: #f8f8f8 url(../graficos/fondo-top.gif) repeat-x;
}

form {margin: 0px;}
strong { 	font: bold 11px/18px Tahoma, Arial, Helvetica, Verdana; color: #333333;}
p { font: normal 11px/18px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #444444; }
p strong {	font: bold 11px/18px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333333;}

/* Contenedores generales
----------------------------------------------------------------------------- */

.marca { vertical-align: top; text-align: left; height: auto; width: 100%;}
.contenido{
	width: 801px;
	vertical-align: top;
	background: #f8f8f8 url(../graficos/fondo.gif) repeat-y center top;
}
.columna{ width: 190px; height: auto; text-align: center; vertical-align: top; background: url(../graficos/sombracolumna.gif) no-repeat left top; padding-top: 5px;}
.tarjetas{ font: normal 11px/16px Tahoma, Arial, Helvetica, Verdana; color: #666666; background: url(../graficos/tarjetas-fondo.gif) repeat-y left top; vertical-align: top; text-align: left; padding: 0px 12px 0px 12px;}
.tarjetas A:link, .tarjetas A:visited { color: #666666; text-decoration: none; padding: 1px 1px 1px 10px; background: url(../graficos/flecha00.gif) no-repeat left center;}
.tarjetas A:hover { color: #CC3300; text-decoration: none; padding: 1px 1px 1px 10px; background: url(../graficos/flecha02.gif) no-repeat left center;}
.tarjetas strong{ font: bold 11px/16px Tahoma, Arial, Helvetica, Verdana; color: #444444; vertical-align: top;}
#express{padding: 5px 12px 5px 20px;}
.union{ height: 42px; background: url(../graficos/pie-fondo.gif) repeat-y;}
.top{vertical-align: top;}
.bottom{vertical-align: bottom;}

/* Contenidos
----------------------------------------------------------------------------- */

.contenidos { font: normal 11px/18px Tahoma, Arial, Helvetica, Verdana; color: #444444; vertical-align: top; text-align: left; width: 565px; padding: 5px 5px; background: url(../graficos/ventana-fondo.gif) repeat-y;}
.contenidos strong { font: bold 11px/18px Tahoma, Arial, Helvetica, Verdana; color: #333333;}
.col-prod{ font: normal 11px/18px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333333; height: 20px; width: 30%; padding-left: 10px; text-align: left; vertical-align: top;}
.col-prod A:link, .col-prod A:visited { color: #666666; text-decoration: none; background: url(../graficos/flecha00.gif) no-repeat left center; padding-left: 10px;}
.col-prod A:hover { color: #333333; text-decoration: none; background: url(../graficos/flecha02.gif) no-repeat left center; padding-left: 10px;}
.tit-prod{ font: bold 11px/normal Tahoma, Arial, Helvetica, Verdana; color: #660000; background: #D9C6C6; height: 20px; width: 30%; padding-left: 10px; border-bottom: 1px solid #7B5353;}
#derecha{ border-right: 1px solid #EFE7E7;}
.intro{ font: normal 11px/18px Tahoma, Arial, Helvetica, Verdana; color: #333333; padding: 5px; text-align: left; vertical-align: top;}

/*Datos nutricionales
----------------------------------------------------------------------------- */

.titulo{ font: bold 11px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #660000; background: #D9C6C6; height: 20px; padding-left: 10px;}
.descripcion{  font: 11px/normal "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333333; 	padding: 5px 5px 10px 10px; text-align: left; vertical-align: top;}
.imagen{ width: 200px; text-align: center; vertical-align: top;
}

/*Contacto
----------------------------------------------------------------------------- */

.con-left{ font: 11px/normal "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333333; padding: 5px 5px 5px 0px; text-align: right; vertical-align: middle; width: 30%; height: 20px; border-bottom: 1px solid #CCCCCC;}
.con-right{ font: 11px/normal "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333333; padding: 5px 5px 5px 15px; text-align: left; vertical-align: middle; width: 70%; height: 20px; border-bottom: 1px solid #CCCCCC;}

#con-fin{ background: url(../graficos/flecha00.gif) no-repeat left center;}

/* Pie
----------------------------------------------------------------------------- */

.pie{ font: normal 10px/normal Tahoma, Arial, Helvetica, Verdana; color: #FFFFFF; background: #8d0002 url(../graficos/pie-fondo.gif) repeat-y; height: auto; text-align: left; padding: 0px 0px 0px 30px; vertical-align: top; width: 771px; overflow: hidden;}
.pie A:link { color: #FFFFFF; text-decoration: none; padding: 1px;}
.pie A:hover { color: #FF6633; text-decoration: none; padding: 1px;}
.pie A:visited { color: #FFFFFF; text-decoration: none; padding: 1px;}
.pie strong{ font: bold 10px/normal Tahoma, Arial, Helvetica, Verdana; color: #FFFFFF;}

/* Menu de navegación
----------------------------------------------------------------------------- */

#multi-level {height:36px; position:relative; z-index:100; width: 801px;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.menu li.top a.top_link { display:block; float:left; height:36px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

/* pre-load the hover images */

.menu li.p1 {width:126px; background:url(../graficos/gmenu.gif) no-repeat 0 -40px;}
.menu li.p2 {width:96px; background:url(../graficos/gmenu.gif) no-repeat -126px -40px;}
.menu li.p3 {width:90px; background:url(../graficos/gmenu.gif) no-repeat -221px -40px;}
.menu li.p4 {width:136px; background:url(../graficos/gmenu.gif) no-repeat -312px -40px;}
.menu li.p5 {width:101px; background:url(../graficos/gmenu.gif) no-repeat -449px -40px;}
.menu li.p6 {width:103px; background:url(../graficos/gmenu.gif) no-repeat -550px -40px;}
.menu li.p7 {width:147px; background:url(../graficos/gmenu.gif) no-repeat -653px -40px;}


.menu li a#home {width:126px; background:url(../graficos/gmenu.gif) no-repeat 0 0;}
.menu li a#products {width:96px; background:url(../graficos/gmenu.gif) no-repeat -126px 0;}
.menu li a#services {width:90px; background:url(../graficos/gmenu.gif) no-repeat -221px 0;}
.menu li a#contacts {width:136px; background:url(../graficos/gmenu.gif) no-repeat -312px 0;}
.menu li a#shop {width:101px; background:url(../graficos/gmenu.gif) no-repeat -449px 0;}
.menu li a#privacy {width:103px; background:url(../graficos/gmenu.gif) no-repeat -550px 0;}
.menu li a#informacion {width:147px; background:url(../graficos/gmenu.gif) no-repeat -653px 0;}

.menu li a:active#home {width:126px; background:url(../graficos/gmenu.gif) no-repeat 0 -80px;}
.menu li a:active#products {width:96px; background:url(../graficos/gmenu.gif) no-repeat -126px -80px;}
.menu li a:active#services {width:90px; background:url(../graficos/gmenu.gif) no-repeat -221px -80px;}
.menu li a:active#contacts {width:136px; background:url(../graficos/gmenu.gif) no-repeat -312px -80px;}
.menu li a:active#shop {width:101px; background:url(../graficos/gmenu.gif) no-repeat -449px -80px;}
.menu li a:active#privacy {width:103px; background:url(../graficos/gmenu.gif) no-repeat -550px -80px;}
.menu li a:active#informacion {width:147px; background:url(../graficos/gmenu.gif) no-repeat -653px -80px;}

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu li a#home:hover, .menu li:hover a#home,
.menu li a#products:hover, .menu li:hover a#products,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#contacts:hover, .menu li:hover a#contacts,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#privacy:hover, .menu li:hover a#privacy {background:transparent;}
.menu li a#informacion:hover, .menu li:hover a#informacion {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

.menu :hover ul.sub { left:0; top:35px; background: #fff; padding:3px 0; border:1px solid #888; width:160px; height:auto;}
.menu :hover ul.sub li { display:block; height:20px; position:relative; float:left; width:160px;}
.menu :hover ul.sub li a { display:block; font-size:11px; height:20px; width:160px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu :hover ul.sub li a.fly { background:#fff url(../graficos/flecha00.gif) no-repeat right center; width: 160px; left:360px;}
.menu :hover ul.sub li a:hover { background:#761202;  color:#fff; width:160px; opacity: 0.80; -moz-opacity: 0.80;}
.menu :hover ul.sub li a.fly:hover { background:#951e0b url(../graficos/flecha01.gif) no-repeat right center; color:#fff; width:160px;}
.menu :hover ul li:hover > a.fly { background:#951e0b url(../graficos/flecha01.gif) no-repeat right center; color:#fff; width: 260px; left:160px;} 
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul { left:160px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:160px; z-index:250; height:auto;}

/* Cabeceras
----------------------------------------------------------------------------- */

h1{ color: #950005; font: bold 18px/normal Georgia, "Times New Roman", Times, serif; text-align: left; margin-top: 0px;}
h2{ color: #928861; font: bold 16px/normal "Trebuchet MS", Tahoma, Arial, sans-serif; text-align: left; margin-top: 0px;}
h3{ color: #FFFFFF; width: 50%; font: bold 12px Tahoma, Arial, geneva, sans-serif; background: #990000; text-align: left; height: 18px; padding: 10px;}
h4{ font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: 14px; color: #111111; font-weight: bold; background-color: #CBC7B1; margin: 0px; padding: 5px 5px 5px 5px; height: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666;}

sup {font-family:Arial, geneva, sans-serif; font-size: 9pt;} 
A:link {color: #666666; text-decoration: none;}
A:visited {color: #990000; text-decoration: none;}
A:hover {color: #CC6633; text-decoration: underline;}


/* Formularios
----------------------------------------------------------------------------- */

.Lista-Menu{ font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: normal; color: #555555; height: 17px; background-color: #FFFFFF; width: 202px; border: 1px solid #999999;}
.CampoDeTexto{ font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: normal; color: #222222; height: 17px; width: 200px; border: 1px solid #999999; background: #F1F1F1 url(../graficos/fondo-comun.gif) repeat-x left top;}
.AreaDeTexto{ font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: normal; color: #222222; background-image:  url(../graficos/fondo-comun.gif); background-color: #FFFFFF; width: 200px; border: 1px solid #999999; height: 60px;}
.Obligatorio{ font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: normal; color: #222222; height: 17px; width: 200px; border: 1px solid #999999; background: #fff2f2 url(../graficos/fondo-obligatorio.gif) repeat-x left top;}
.Sugerencia{ font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: normal; color: #222222; background-image:  url(../graficos/fondo-comun.gif); background-color: #FFFFFF; width: 200px; border: 1px solid #999999; height: 120px;}
#formexpress{width: 140px; padding-left:5px;}