aca va el codigo que se me olvidaba
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css" media="screen">
/*************css_play.css*******************/
#showcase {
BACKGROUND: #6f9c6f;
text-align: center;
}
DL.menus_list DT {
FONT-SIZE: 1.5em;
BACKGROUND: #6f9c6f; MARGIN: 3px 0px
}
#foot {
BACKGROUND: #8fbc8f
}
DL.menus_list DD.nil {
PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
}
/****************** menu.css *****************/
#ContenedorMenu {
text-align: left;
height:500px;
}
DL.menus_list DT {
FONT-SIZE: 1.5em;
BACKGROUND: #6f9c6f; MARGIN: 3px 0px
}
#foot {
BACKGROUND: #8fbc8f
}
DL.menus_list DD.nil {
PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
}
/************ definiciones del menu.htm ******************/
UL.menu1 {
BORDER-RIGHT: #990000 1px solid;
BORDER-TOP: #990000 1px solid;
BORDER-LEFT: #990000 1px solid;
BORDER-BOTTOM: #990000 1px solid;
PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
//BACKGROUND: #f8f8f8;
MARGIN: 0px;
OVERFLOW: hidden;
WIDTH: 160px;/*14em; 160px;*/
HEIGHT: 270px; /*19em*/
//COLOR: #fff;
LIST-STYLE-TYPE: none;
TEXT-ALIGN: left;
}
UL UL {
/*BORDER-RIGHT: #606 1px solid;*/
BORDER-RIGHT: #990000 1px solid;
/*BORDER-LEFT: #606 1px solid;*/
BORDER-LEFT: #990000 1px solid;
/*BORDER-TOP: #606 1px solid;*/
BORDER-TOP: #990000 1px solid;
/*BORDER-BOTTOM: #606 1px solid;*/
BORDER-BOTTOM: #990000 1px solid;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
BACKGROUND: #990000;/*#f8f8f8;*/
MARGIN: 0px;
OVERFLOW: hidden;
/*WIDTH: 144px; /* 14em; */ /*ancho del submenu*/
/*HEIGHT: 22em;*/
COLOR: #fff;
LIST-STYLE-TYPE: none;
TEXT-ALIGN: left
}
UL.menu1 TABLE {
PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
FONT-SIZE: 1em;
BORDER-COLLAPSE: collapse
}
UL.menu1 UL {
MARGIN-LEFT: 1em;
background-color: #990000
}
UL.menu1 LI { /*items del menu*/ /**********Menu Items Global ***/
text-align: center;
TEXT-INDENT: 5px;
/* padding-left: 5px*/
}
UL.menuB LI { /*items del menu*/ /**********Menu AUTORIZACIONES Desplegado***/
text-align: left;
TEXT-INDENT: 5px; /*
background-color: #990000*/
}
UL.menu1 UL.menuCred LI { /*items del menu*//***Menu CREDENCIAL Desplegado***/
text-align: left;
TEXT-INDENT: 5px;
background-color: #ffffff;
<!--[if lt IE 7]>
text-align: right; //left;
TEXT-INDENT: 5px;
//background-color: #ffffff;;
<![endif]-->
}
UL.menu1 UL.menuNoticias LI { /*items del menu*//***Menu NOTICIAS Desplegado***/
text-align: left;
TEXT-INDENT: 5px;
background-color: #ffffff;
}
UL.menu1 LI.drop { /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
}
UL.menu1 LI.dropCredencial { /*items del menu CREDENCIAL*/
//MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_credenciales.gif);
background-repeat: no-repeat
}
UL.menu1 LI.dropNoticias { /*items del menu Noticias*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_Noticias.gif);
background-repeat: no-repeat
}
UL.menu1 LI.dropAutorizaciones{ /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_autorizaciones.gif);
background-repeat: no-repeat
}
UL.menu1 LI.dropHorarios{ /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_horarios.gif)
}
UL.menu1 LI.dropTelefonos{ /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_telefonos.gif)
}
UL.menu1 LI.dropLeche{ /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_leche.gif)
}
UL.menu1 LI.dropSepelio{ /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_sepelio.gif)
}
UL.menu1 LI.dropFaqs{ /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_preguntas.gif)
}
UL.menu1 LI.dropNoticias{ /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_noticias.gif)
}
UL.menu1 LI.dropRevista{ /*items del menu principal*/
MARGIN-BOTTOM: -2px;
height: 30;
background-image: url(boton_revista.gif)
}
UL.menu1 LI A.last {
DISPLAY: block;
WIDTH: 14em;
LINE-HEIGHT: 2em;
HEIGHT: 14em;
background-image: url(boton_revista.gif)
}
UL.menu1 LI A.last:visited {
DISPLAY: block;
WIDTH: 14em;
LINE-HEIGHT: 2em;
HEIGHT: 14em;
background-image: url(boton_revista.gif)
}
/*************************************************/
UL.menu1 LI A { /*bloque backgound*/
DISPLAY: block;
WIDTH: 14em;
HEIGHT: 2em; /*2em*/
COLOR: #606;
LINE-HEIGHT: 1.9em;
TEXT-DECORATION: none
}
UL.menu1 LI A:visited {
DISPLAY: block;
WIDTH: 14em;
COLOR: #606;
LINE-HEIGHT: 1.9em;
HEIGHT: 2em;
TEXT-DECORATION: none
}
UL.menu1 LI UL {
DISPLAY: none
}
UL.menuB LI UL {
DISPLAY: none
}
UL.menuNoticias LI UL {
DISPLAY: none
}
UL.menu1 LI:hover A {
BORDER-LEFT-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 0px;
BORDER-TOP-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
FONT-WEIGHT: bold;
COLOR: #c00;
}
UL.menu1 LI A:hover { /* item del menu principal MouseArriba */
BORDER-TOP-WIDTH: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
FONT-WEIGHT: bold;
COLOR: #990000;//990000
}
Sigue...