* { margin: 0px; padding: 0px; outline: 0; } html, body { width: 100%;} /*body { font-family: Arial; }*/ DIV#con-flash{ position:relative; align: center; z-index:3; /*border: solid blue 1px; */ } DIV#con-menu{ position:relative; align: center; z-index:6; } DIV#patas{ /*margin-top: -30px;*/ z-index: 999; float: left; /*border: solid red 1px;*/ height: 290px; } DIV#patasi{ margin-top: -30px; z-index: 999; float: left; /*border: solid red 1px;*/ height: 290px; } DIV#iWeb{ position:relative; align: center; z-index:-999; height: 290px; } #menu { text-align: center; font-size: 12px; /*font-size: 0.7em;*/ width: 962px; margin: 0px auto; text-align: center; /*vertical-align: middle;*/ } #menu ul { list-style-type: none;} #menu ul li.nivel1 { float: left; width: 137px; /*width: 160px;*/ margin-right: 0px; } #menu ul li a {display: block; text-decoration: none; color: #fff; /****background-color: #44707D; /*Color de fondo del nivel que sea*/****/ border: solid 1px #fff; *//*Color de los bordes de las celdas*/ border-top: solid #ffffff 0px; border-right: solid #ffffff 0px; border-bottom: solid #ffffff 0px; border-left: solid #ffffff 0px; padding: 8px 0px 14px 0px; position: relative; /*z-index:-1; */ } /*PARA ASPECTO SIMPLE DEL NIVEL 2 --- DESPLEGABLE*/ #menu ul li.nivel2 a.nivel2 { display: block ; text-decoration: none; color: #FFFFFF ; /* #6C6C6C --- #fff */ background-color: #590F30; /* #88174A; /*#590F30; #36545C; Color de fondo del nivel que sea ------ #BCBBBB ----- #939393 --- #B1D0D8 #5C8996 36545C 446A75opacity: 0.5;*/ /*border: solid 1px #fff;*/ /* BORRO LA COPIA DE NIVEL 2 PORQUE NO APARECE BIEN EL MENÚ */ border-top: solid #ffffff 1px; border-right: solid #ffffff 0px; border-bottom: solid #ffffff 0px; border-left: solid #ffffff 0px; padding: 3px 1px 0px 1px; /*padding: 1px;*/ position: relative; margin: 0px 1px 0px 1px; /*margin: 3px;*/ height: 17px; } /*#menu ul li.nivel2{*/ /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/ /*filter: alpha(opacity=50);*/ /*opacity:0.5;*/ /*}*/ #menu ul li:hover {position: relative; display: block!important; } /*#menu ul li a:hover, #menu ul li:hover a.nivel1 {*/ /*background-color: #5CC9BA; /*Color sobre nivel1*/*/ /*color: #000;*/ /*position: relative;*/ /*}*/ /*#menu ul li a:hover, #menu ul li:hover ul {*/ /*background-color: #5CC9BA; /*Color sobre nivel1*/*/ /*color: #000;*/ /*position: relative;*/ /*}*/ /*#menu ul li a.nivel1 {display: block!important;display: none; */ #menu ul li a.nivel1 {display: block; position: relative; } #menu ul li a.nivel1:hover {display: block; position: relative; color: #BCBDBD; } #menu ul li ul { display: none; /* PARA QUE SE PUEDA SELECCIONAR EL NIVEL 2*/ background-color: #FFFFFF; /*#590F30; /*#88174A; /*#2F5461;*/ } #menu ul li a:hover ul, #menu ul li:hover ul {display: block; position: absolute; left: 0px; } /*NIVEL 2*/ #menu ul li ul li a {width: 200px; /*Aspecto normal - Ancho de las celdas de nivel2*/ padding: 6px 0px 8px 0px; /*padding: 6px 0px 8px 0px;*/ border-top-color: #000; /*vertical-align: middle ;*/ } #menu ul li ul li.nivel2 a.nivel2:hover {border-top-color: #000; /*Aspecto cuando es hover .. Color sobre nivel2*/ position: relative; background-color: #BCBDBD; /*#446A75; /* #BCBBBB ----- #939393 --- 646464 --- 36545C*/ color: #FFFFFF; /* #6C6C6C --- #fff */ /*border: solid 1px #fff;*/ border-top: solid #ffffff 1px; border-right: solid #ffffff 0px; border-bottom: solid #ffffff 0px; border-left: solid #ffffff 0px; } /*FIN NIVEL 2*/ /*NIVEL 3*/ #menu ul li ul li a {width: 200px; /*Aspecto normal - Ancho de las celdas de nivel2*/ padding: 16px 0px 18px 0px; /*padding: 6px 0px 8px 0px;*/ border-top-color: #000; /*vertical-align: middle ;*/ } #menu ul li ul li.nivel3 a.nivel3:hover {border-top-color: #000; /*Aspecto cuando es hover .. Color sobre nivel2*/ position: relative; background-color: #BCBDBD; /*#446A75; /* #BCBBBB ----- #939393 --- 646464 --- 36545C*/ color: #FFFFFF; /* #6C6C6C --- #fff */ /*border: solid 1px #fff;*/ border-top: solid #ffffff 1px; border-right: solid #ffffff 0px; border-bottom: solid #ffffff 0px; border-left: solid #ffffff 0px; } /*FIN NIVEL 3*/ table.falsa {border-collapse:collapse; border:0px; float: left; position: relative; }