/* -------------------------  menu principal ----------------------------- */
a.quienes{
	background-image:url(../images/quienes_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:110px;
	height:37px;
	position:relative;
	float:left;
}

a.quienes:hover{
	background-image:url(../images/quienes_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

a.mision{
	background-image:url(../images/mision_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:111px;
	height:37px;
	position:relative;
	float:left;
}

a.mision:hover{
	background-image:url(../images/mision_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

a.productos{
	background-image:url(../images/productos_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:78px;
	height:37px;
	position:relative;
	float:left;
}

a.productos:hover{
	background-image:url(../images/productos_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

a.estudios{
	background-image:url(../images/estudios_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:118px;
	height:37px;
	position:relative;
	float:left;
}

a.estudios:hover{
	background-image:url(../images/estudios_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

a.estudiosEficacia{
	background-image:url(../images/estudiosEficacia_on2.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:116px;
	height:37px;
	position:relative;
	float:left;
}

a.estudiosEficacia:hover{
	background-image:url(../images/estudiosEficacia_over2.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

a.internacional{
	background-image:url(../images/internacional_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:92px;
	height:37px;
	position:relative;
	float:left;
}

a.internacional:hover{
	background-image:url(../images/internacional_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

a.tienda{
	background-image:url(../images/tienda_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:58px;
	height:37px;
	position:relative;
	float:left;
}

a.tienda:hover{
	background-image:url(../images/tienda_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

a.contacto{
	background-image:url(../images/contacto_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:71px;
	height:37px;
	position:relative;
	float:left;
}

a.contacto:hover{
	background-image:url(../images/contacto_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
/* -------------------------  /menu principal ----------------------------- */
/* -------------------------  menu left ----------------------------- */
a.dieta{
	background-image:url(../images/menu_left_opcion1_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:184px;
	height:28px;
	border-bottom:1px solid #e2e0e0;
/*	margin-top:50px;*/
	position:relative;
	float:left;
}

a.dieta:hover{
	background-image:url(../images/menu_left_opcion1_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
	border-bottom:1px solid #e2e0e0;	
}

a.tiempo{
	background-image:url(../images/menu_left_opcion2_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:184px;
	height:28px;
	border-bottom:1px solid #e2e0e0;
	border-top:1px solid #fff;
	position:relative;
	float:left;
}

a.tiempo:hover{
	background-image:url(../images/menu_left_opcion2_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
	border-bottom:1px solid #e2e0e0;
	border-top:1px solid #fff;
}

a.antioxidante{
	background-image:url(../images/menu_left_opcion3_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:184px;
	height:28px;
	border-bottom:1px solid #e2e0e0;
	border-top:1px solid #fff;
	position:relative;
	float:left;
}

a.antioxidante:hover{
	background-image:url(../images/menu_left_opcion3_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
	border-bottom:1px solid #e2e0e0;
	border-top:1px solid #fff;
}

a.salud{
	background-image:url(../images/menu_left_opcion4_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:184px;
	height:28px;
	border-top:1px solid #fff;
	position:relative;
	float:left;
}

a.salud:hover{
	background-image:url(../images/menu_left_opcion4_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
	border-top:1px solid #fff;
}

a.actualidad{
	background-image:url(../images/actualidad_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:211px;
	height:104px;
	position:relative;
	float:left;
}

a.actualidad:hover{
	background-image:url(../images/actualidad_over.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
/* -------------------------  /menu left ----------------------------- */
.chromestyle{
width: 100%;
font-weight: bold;
margin:0;
padding:0;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 679px;
position:absolute;
float:left;
z-index:100;
padding: 0px 0;
margin: 37px 1px 1px 288px;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
padding: 0;
margin: 0;
}

.chromestyle ul li a{
color: #494949;
padding: 0;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.dropmenudiv{
position:absolute;
top: 0px;
border: 1px solid #e2e2e2; /*THEME CHANGE HERE*/
font-family:Arial,sans-serif;
font-size:11px;
color:#000;
line-height:18px;
z-index:200;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px dotted #ccc; /*THEME CHANGE HERE*/
padding: 0px 0;
text-decoration: none;
font-family:Arial,sans-serif;
font-size:11px;
color:#000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
font-family:Arial,sans-serif;
font-size:11px;
color:#000;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
/*background-color: #F0F0F0;*/
background-color: #666;
text-decoration: none;
color:black;
font-family:Arial,sans-serif;
font-size:11px;
color:#fff;
}