.contenido-menu{
	width:980px;
	height:40px;
	float:left;
	z-index:3;
	background:url(images/menu-1.gif) left top no-repeat;
}

.menu {width:990px; height:30px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:970px; w\idth:970px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul { width:137px; font-size:13px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:137px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; width:137px; height:30px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:137px; w\idth:137px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {width:100%}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background-color:#C63817;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#C63817;}
/* style the third level hover */
.menu ul ul ul a:hover, .menu ul ul ul a.menu-no:hover {background-color:#FF6600;}
.menu ul ul ul a, .menu ul ul ul a.menu-no {background-color:#C63817;}

.menu ul ul ul a.menu-no-salud:hover {background-color:#CC3366;}
.menu ul ul ul a.menu-no-salud {background-color:#BC1964;}

 /* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:137px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:137px; top:-1px; width:137px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-137px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#fff; height:auto; line-height:1em; padding:5px 10px; width:112px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:112px;w\idth:112px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff;background-color:#000; }
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background-color:#000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

a.uno{
	background: url(images/menu-1.gif) scroll no-repeat 0 0;
	display: block;
	float: left;
	height: 30px;
	width: 137px;
	text-indent:-2000px;
}
a.uno:hover{
	background-position: 0 -72px;
}

a.dos{
	background:url(images/menu-1.gif) scroll no-repeat -137px 0;
	display: block;
	float: left;
	height: 30px;
	width: 137px;
	text-indent:-2000px;
}
a.dos:hover{
	background-position: -137px -72px;
}

a.tres{
	background:url(images/menu-1.gif) scroll no-repeat -273px 0;
	display: block;
	float: left;
	height: 30px;
	width: 137px;
	text-indent:-2000px;
}
a.tres:hover{
	background-position: -273px -72px;
}

a.cuatro{
	background:url(images/menu-1.gif) scroll no-repeat -410px 0;
	display: block;
	float: left;
	height: 30px;
	width: 137px;
	text-indent:-2000px;
}
a.cuatro:hover{
	background-position: -410px -72px;
}

a.cinco{
	background: url(images/menu-1.gif) scroll no-repeat -546px 0;
	display: block;
	float: left;
	height: 30px;
	width: 137px;
	text-indent:-2000px;
}
a.cinco:hover{
	background-position: -546px -72px;
}

a.seis{
	background: url(images/menu-1.gif) scroll no-repeat -682px 0;
	display: block;
	float: left;
	height: 30px;
	width: 137px;
	text-indent:-2000px;
}
a.seis:hover{
	background-position: -682px -72px;
}
a.siete{
	background: url(images/menu-1.gif) scroll no-repeat -822px 0;
	display: block;
	float: left;
	height: 30px;
	width: 137px;
	text-indent:-2000px;
}
a.siete:hover{
	background-position: -822px -72px;
}
/*para el color de los hovers de fondo del submenu*/

.menu ul ul.educacion a {background:#E98508; line-height:140%; color:#fff;width:115px;}
.menu ul ul.educacion a:hover {background:#FF9900;color:#fff;}


.menu ul ul.diversion a {background:#D74417; line-height:140%; color:#fff;width:117px;}
.menu ul ul.diversion a:hover {background:#C63817;color:#fff;}

.menu ul ul.familia a{background:#CC3366; line-height:140%;color:#fff;width:116px;}
.menu ul ul.familia a:hover {background:#BC1964;color:#fff;}

.menu ul ul.toptips a{background:#665D9D; line-height:140%;color:#fff;width:116px;}
.menu ul ul.toptips a:hover {background:#59558E;color:#fff;}

.menu ul ul.nosotros a{background:#81C72F; line-height:140%;color:#fff;width:116px;}
.menu ul ul.nosotros a:hover {background:#7EB53E;color:#fff;}

.menu ul ul.revista a{background:#F7C700; line-height:140%;color:#333;width:116px;}
.menu ul ul.revista a:hover {background:#FFCC00;color:#fff;}

.menu ul ul.contacto a{background:#57BBB5; line-height:140%;color:#fff;width:112px;}
.menu ul ul.contacto a:hover {background:#51ADA4;color:#fff;}