/* Estilos del menu principal página Web del Sindicato de Trabajadores de Repsol. */

 /* Estilos generales, vinculos y submenus. */

   .menu2 {
       padding: 0;
       margin: 0;
       list-style: none;
       height: 50px;
       position: relative;
       font-family: Tahoma, Arial, Helvetica, sans-serif;
   }
   .menu2 li.top {
       display: block;
       float: left;
       position: relative;
   }
   .menu2 li a.top_link {
       display: block;
       float: left;
       height: 50px;
       line-height: 50px;
       color: #fff;
       text-decoration: none;
       font-size: 11px;
       font-weight: bold;
       padding: 0 0 0 12px;
       cursor: pointer;
   }
   .menu2 li a.top_link span {
       float: left;
       display: block;
       padding: 0 24px 0 12px;
       height: 50px;
   }
   .menu2 li a.top_link span.down {
       float: left;
       display: block;
       padding: 0 24px 0 12px;
       height: 50px;
       background: url(../imageneses/down.gif) no-repeat right top;
   }
   .menu2 li a.top_link:hover {
       color: #fff;
       
   }
   
   
   .menu2 li:hover > a.top_link {
       color: #fff;
       
   }
   
   .menu2 table {
       border-collapse: collapse;
       width: 0;
       height: 0;
       position: absolute;
       top: 0;
       left: 0;
   }
   .menu2 a:hover {
       visibility: visible;
   }
   .menu2 li:hover {
       position: relative;
       z-index: 200;
   }
   .menu2 ul, 
   .menu2 :hover ul ul, 
   .menu2 :hover ul :hover ul ul,
   .menu2 :hover ul :hover ul :hover ul ul,
   .menu2 :hover ul :hover ul :hover ul :hover ul ul {
       position: absolute;
       left: -9999px;
       top: -9999px;
       width: 0;
       height: 0;
       margin: 0;
       padding: 0;
       list-style: none;
   }

 /* Estilos elemento1 del menu. */

   .menu2 :hover ul.elemento1 {
       left: 2px;
       top: 50px;
       background: #fff;
       padding: 3px 0;
       border: 1px solid #4ab;
       white-space: nowrap;
       width: 113px;
       height: auto;
   }
   .menu2 :hover ul.elemento1 li {
       display: block;
       height: 20px;
       position: relative;
       float: left;
       width: 110px;
   }
   .menu2 :hover ul.elemento1 li a {
       display: block;
       font-size: 12px;
       height: 20px;
       width: 107px;
       line-height: 20px;
       text-indent: 5px;
       color: #000;
       text-decoration: none;
       border: 3px solid #fff;
       border-width: 0 0 0 3px;
   }
   .menu2 :hover ul.elemento1 li a.fly {
       background: #fff url(../imagenes/arrow.gif) 100px 7px no-repeat;
   }
   .menu2 :hover ul.elemento1 li a:hover {
       background: #4ab;
       color: #fff;
   }
   .menu2 :hover ul.elemento1 li a.fly:hover {
       background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
       color: #fff;
   }
   .menu2 :hover ul.elemento1 li:hover > a.fly {
       background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
       color: #fff;
   } 

     /* Estilos opcion 1 de elemento1 del menu. */

       .menu2 :hover ul.elemento1 :hover ul.opcion11 {
           left: 110px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 88px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento1 :hover ul.opcion11 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 85px;
       }
       .menu2 :hover ul.elemento1 :hover ul.opcion11 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 82px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento1 :hover ul.opcion11 li a.fly {
           background: #fff url(../imagenes/arrow.gif) 75px 7px no-repeat;
       }
       .menu2 :hover ul.elemento1 :hover ul.opcion11 li a:hover {
           background: #4ab;
           color: #fff;
       }
       .menu2 :hover ul.elemento1 :hover ul.opcion11 li a.fly:hover {
           background: #4ab url(../imagenes/arrow_over.gif) 75px 7px no-repeat;
           color: #fff;
       }
       .menu2 :hover ul.elemento1 :hover ul.opcion11 li:hover > a.fly {
           background: #4ab url(../imagenes/arrow_over.gif) 75px 7px no-repeat;
           color: #fff;
       } 

         /* Estilos de subopcion 1 de opcion 1 de elemento1 del menu. */

           .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 {
               left: 85px;
               top: -4px;
               background: #fff;
               padding: 3px 0;
               border: 1px solid #4ab;
               white-space: nowrap;
               width: 113px;
               z-index: 200;
               height: auto;
           }
           .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 li {
               display: block;
               height: 20px;
               position: relative;
               float: left;
               width: 110px;
           }
           .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 li a {
               display: block;
               font-size: 12px;
               height: 20px;
               width: 107px;
               line-height: 20px;
               text-indent: 5px;
               color: #000;
               text-decoration: none;
               border: 3px solid #fff;
               border-width: 0 0 0 3px;
           }
           .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 li a.fly {
               background: #fff url(../imagenes/arrow.gif) 100px 7px no-repeat;
           }
           .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 li a:hover {
               background: #4ab;
               color: #fff;
           }
           .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 li a.fly:hover {
               background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
               color: #fff;
           }
           .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 li:hover > a.fly {
               background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
               color: #fff;
           } 

             /* Estilos de subopcion 1 de subopcion1 de opcion 1 de elemento1 del menu. */

               .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 :hover ul.subopcion1111 {
                   left: 110px;
                   top: -4px;
                   background: #fff;
                   padding: 3px 0;
                   border: 1px solid #4ab;
                   white-space: nowrap;
                   width: 108px;
                   z-index: 200;
                   height: auto;
               }
               .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 :hover ul.subopcion1111 li {
                   display: block;
                   height: 20px;
                   position: relative;
                   float: left;
                   width: 105px;
               }
               .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 :hover ul.subopcion1111 li a {
                   display: block;
                   font-size: 12px;
                   height: 20px;
                   width: 102px;
                   line-height: 20px;
                   text-indent: 5px;
                   color: #000;
                   text-decoration: none;
                   border: 3px solid #fff;
                   border-width: 0 0 0 3px;
               }
               .menu2 :hover ul.elemento1 :hover ul.opcion11 :hover ul.subopcion111 :hover ul.subopcion1111 li a:hover {
                   background: #4ab;
                   color: #fff;
               }

 /* Estilos elemento2 del menu. */

   .menu2 :hover ul.elemento2 {
       left: 2px;
       top: 50px;
       background: #fff;
       padding: 3px 0;
       border: 1px solid #4ab;
       white-space: nowrap;
       width: 113px;
       height: auto;
   }
   .menu2 :hover ul.elemento2 li {
       display: block;
       height: 20px;
       position: relative;
       float: left;
       width: 110px;
   }
   .menu2 :hover ul.elemento2 li a {
       display: block;
       font-size: 12px;
       height: 20px;
       width: 107px;
       line-height: 20px;
       text-indent: 5px;
       color: #000;
       text-decoration: none;
       border: 3px solid #fff;
       border-width: 0 0 0 3px;
   }
   .menu2 :hover ul.elemento2 li a.fly {
       background: #fff url(../imagenes/arrow.gif) 100px 7px no-repeat;
   }
   .menu2 :hover ul.elemento2 li a:hover {
       background: #4ab;
       color: #fff;
   }
   .menu2 :hover ul.elemento2 li a.fly:hover {
       background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
       color: #fff;
   }
   .menu2 :hover ul.elemento2 li:hover > a.fly {
       background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
       color: #fff;
   } 

     /* Estilos opcion 1 de elemento2 del menu. */

       .menu2 :hover ul.elemento2 :hover ul.opcion21 {
           left: 110px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 95px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento2 :hover ul.opcion21 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 92px;
       }
       .menu2 :hover ul.elemento2 :hover ul.opcion21 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 89px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento2 :hover ul.opcion21 li a.fly {
           background: #fff url(../imagenes/arrow.gif) 82px 7px no-repeat;
       }
       .menu2 :hover ul.elemento2 :hover ul.opcion21 li a:hover {
           background: #4ab;
           color: #fff;
       }
       .menu2 :hover ul.elemento2 :hover ul.opcion21 li a.fly:hover {
           background: #4ab url(../imagenes/arrow_over.gif) 82px 7px no-repeat;
           color: #fff;
       }
       .menu2 :hover ul.elemento2 :hover ul.opcion21 li:hover > a.fly {
           background: #4ab url(../imagenes/arrow_over.gif) 82px 7px no-repeat;
          color: #fff;
       } 

         /* Estilos de subopcion 1 de opcion 1 de elemento1 del menu. */

           .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 {
               left: 92px;
               top: -4px;
               background: #fff;
               padding: 3px 0;
               border: 1px solid #4ab;
               white-space: nowrap;
               width: 128px;
               z-index: 200;
               height: auto;
           }
           .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 li {
               display: block;
               height: 20px;
               position: relative;
               float: left;
               width: 125px;
           }
           .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 li a {
               display: block;
               font-size: 12px;
               height: 20px;
               width: 122px;
               line-height: 20px;
               text-indent: 5px;
               color: #000;
               text-decoration: none;
               border: 3px solid #fff;
               border-width: 0 0 0 3px;
           }
           .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 li a.fly {
               background: #fff url(../imagenes/arrow.gif) 115px 7px no-repeat;
           }
           .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 li a:hover {
               background: #4ab;
               color: #fff;
           }
           .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 li a.fly:hover {
               background: #4ab url(../imagenes/arrow_over.gif) 115px 7px no-repeat;
               color: #fff;
           }
           .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 li:hover > a.fly {
               background: #4ab url(../imagenes/arrow_over.gif) 115px 7px no-repeat;
               color: #fff;
           }

             /* Estilos de subopcion 1 de subopcion1 de opcion 1 de elemento1 del menu. */

               .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 :hover ul.subopcion2111 {
                   left: 125px;
                   top: -4px;
                   background: #fff;
                   padding: 3px 0;
                   border: 1px solid #4ab;
                   white-space: nowrap;
                   width: 138px;
                   z-index: 200;
                   height: auto;
               }
               .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 :hover ul.subopcion2111 li {
                   display: block;
                   height: 20px;
                   position: relative;
                   float: left;
                   width: 135px;
               }
               .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 :hover ul.subopcion2111 li a {
                   display: block;
                   font-size: 12px;
                   height: 20px;
                   width: 132px;
                   line-height: 20px;
                   text-indent: 5px;
                   color: #000;
                   text-decoration: none;
                   border: 3px solid #fff;
                   border-width: 0 0 0 3px;
               }
               .menu2 :hover ul.elemento2 :hover ul.opcion21 :hover ul.subopcion211 :hover ul.subopcion2111 li a:hover {
                   background: #4ab;
                   color: #fff;
               }

 /* Estilos elemento3 del menu. */

   .menu2 :hover ul.elemento3 {
       left: 2px;
       top: 50px;
       background: #fff;
       padding: 3px 0;
       border: 1px solid #4ab;
       white-space: nowrap;
       width: 115px;
       height: auto;
   }
   .menu2 :hover ul.elemento3 li {
       display: block;
       height: 20px;
       position: relative;
       float: left;
       width: 112px;
   }
   .menu2 :hover ul.elemento3 li a {
       display: block;
       font-size: 12px;
       height: 20px;
       width: 109px;
       line-height: 20px;
       text-indent: 5px;
       color: #000;
       text-decoration: none;
       border: 3px solid #fff;
       border-width: 0 0 0 3px;
   }
   .menu2 :hover ul.elemento3 li a.fly {
       background: #fff url(../imagenes/arrow.gif) 102px 7px no-repeat;
   }
   .menu2 :hover ul.elemento3 li a:hover {
       background: #4ab;
       color: #fff;
   }
   .menu2 :hover ul.elemento3 li a.fly:hover {
       background: #4ab url(../imagenes/arrow_over.gif) 102px 7px no-repeat;
       color: #fff;
   }
   .menu2 :hover ul.elemento3 li:hover > a.fly {
       background: #4ab url(../imagenes/arrow_over.gif) 102px 7px no-repeat;
       color: #fff;
   } 

     /* Estilos opcion 1 de elemento3 del menu. */

       .menu2 :hover ul.elemento3 :hover ul.opcion31 {
           left: 112px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 226px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion31 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 223px;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion31 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 220px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion31 li a:hover {
           background: #4ab;
           color: #fff;
       }

     /* Estilos opcion 2 de elemento3 del menu. */

       .menu2 :hover ul.elemento3 :hover ul.opcion32 {
           left: 112px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 113px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion32 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 110px;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion32 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 107px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion32 li a:hover {
           background: #4ab;
           color: #fff;
       }

     /* Estilos opcion 3 de elemento3 del menu. */

       .menu2 :hover ul.elemento3 :hover ul.opcion33 {
           left: 112px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 188px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion33 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 185px;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion33 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 182px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion33 li a.fly {
           background: #fff url(../imagenes/arrow.gif) 175px 7px no-repeat;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion33 li a:hover {
           background: #4ab;
           color: #fff;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion33 li a.fly:hover {
           background: #4ab url(../imagenes/arrow_over.gif) 175px 7px no-repeat;
           color: #fff;
       }
       .menu2 :hover ul.elemento3 :hover ul.opcion33 li:hover > a.fly {
           background: #4ab url(../imagenes/arrow_over.gif) 175px 7px no-repeat;
           color: #fff;
       } 

         /* Estilos de subopcion 1 de opcion 3 de elemento3 del menu. */

           .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 {
               left: 185px;
               top: -4px;
               background: #fff;
               padding: 3px 0;
               border: 1px solid #4ab;
               white-space: nowrap;
               width: 138px;
               z-index: 200;
               height: auto;
           }
           .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 li {
               display: block;
               height: 20px;
               position: relative;
               float: left;
               width: 135px;
           }
           .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 li a {
               display: block;
               font-size: 12px;
               height: 20px;
               width: 132px;
               line-height: 20px;
               text-indent: 5px;
               color: #000;
               text-decoration: none;
               border: 3px solid #fff;
               border-width: 0 0 0 3px;
           }
           .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 li a.fly {
               background: #fff url(../imagenes/arrow.gif) 125px 7px no-repeat;
           }
           .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 li a:hover {
               background: #4ab;
               color: #fff;
           }
           .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 li a.fly:hover {
               background: #4ab url(../imagenes/arrow_over.gif) 125px 7px no-repeat;
               color: #fff;
           }
           .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 li:hover > a.fly {
               background: #4ab url(../imagenes/arrow_over.gif) 125px 7px no-repeat;
               color: #fff;
           }

             /* Estilos de subopcion 1 de subopcion1 de opcion 3 de elemento3 del menu. */

               .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 :hover ul.subopcion3311 {
                   left: 135px;
                   top: -4px;
                   background: #fff;
                   padding: 3px 0;
                   border: 1px solid #4ab;
                   white-space: nowrap;
                   width: 103px;
                   z-index: 200;
                   height: auto;
               }
               .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 :hover ul.subopcion3311 li {
                   display: block;
                   height: 20px;
                   position: relative;
                   float: left;
                   width: 100px;
               }
               .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 :hover ul.subopcion3311 li a {
                   display: block;
                   font-size: 12px;
                   height: 20px;
                   width: 97px;
                   line-height: 20px;
                   text-indent: 5px;
                   color: #000;
                   text-decoration: none;
                   border: 3px solid #fff;
                   border-width: 0 0 0 3px;
               }
               .menu2 :hover ul.elemento3 :hover ul.opcion33 :hover ul.subopcion331 :hover ul.subopcion3311 li a:hover {
                   background: #4ab;
                   color: #fff;
               }

 /* Estilos elemento4 del menu. */

   .menu2 :hover ul.elemento4 {
       left: 2px;
       top: 50px;
       background: #fff;
       padding: 3px 0;
       border: 1px solid #4ab;
       white-space: nowrap;
       width: 113px;
       height: auto;
   }
   .menu2 :hover ul.elemento4 li {
       display: block;
       height: 20px;
       position: relative;
       float: left;
       width: 110px;
   }
   .menu2 :hover ul.elemento4 li a {
       display: block;
       font-size: 12px;
       height: 20px;
       width: 107px;
       line-height: 20px;
       text-indent: 5px;
       color: #000;
       text-decoration: none;
       border: 3px solid #fff;
       border-width: 0 0 0 3px;
   }
   .menu2 :hover ul.elemento4 li a.fly {
       background: #fff url(../imagenes/arrow.gif) 100px 7px no-repeat;
   }
   .menu2 :hover ul.elemento4 li a:hover {
       background: #4ab;
       color: #fff;
   }
   .menu2 :hover ul.elemento4 li a.fly:hover {
       background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
       color: #fff;
   }
   .menu2 :hover ul.elemento4 li:hover > a.fly {
       background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
       color: #fff;
   } 

     /* Estilos opcion 1 de elemento4 del menu. */


       .menu2 :hover ul.elemento4 :hover ul.opcion41 {
           left: 110px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 143px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento4 :hover ul.opcion41 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 140px;
       }
       .menu2 :hover ul.elemento4 :hover ul.opcion41 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 137px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento4 :hover ul.opcion41 li a.fly {
           background: #fff url(../imagenes/arrow.gif) 130px 7px no-repeat;
       }
       .menu2 :hover ul.elemento4 :hover ul.opcion41 li a:hover {
           background: #4ab;
           color: #fff;
       }
       .menu2 :hover ul.elemento4 :hover ul.opcion41 li a.fly:hover {
           background: #4ab url(../imagenes/arrow_over.gif) 130px 7px no-repeat;
           color: #fff;
       }
       .menu2 :hover ul.elemento4 :hover ul.opcion41 li:hover > a.fly {
           background: #4ab url(../imagenes/arrow_over.gif) 130px 7px no-repeat;
           color: #fff;
       } 

         /* Estilos de subopcion 1 de opcion 1 de elemento4 del menu. */

           .menu2 :hover ul.elemento4 :hover ul.opcion41 :hover ul.subopcion411 {
               left: 140px;
               top: -4px;
               background: #fff;
               padding: 3px 0;
               border: 1px solid #4ab;
               white-space: nowrap;
               width: 83px;
               z-index: 200;
               height: auto;
           }
           .menu2 :hover ul.elemento4 :hover ul.opcion41 :hover ul.subopcion411 li {
               display: block;
               height: 20px;
               position: relative;
               float: left;
               width: 80px;
           }
           .menu2 :hover ul.elemento4 :hover ul.opcion41 :hover ul.subopcion411 li a {
               display: block;
               font-size: 12px;
               height: 20px;
               width: 77px;
               line-height: 20px;
               text-indent: 5px;
               color: #000;
               text-decoration: none;
               border: 3px solid #fff;
               border-width: 0 0 0 3px;
           }
           .menu2 :hover ul.elemento4 :hover ul.opcion41 :hover ul.subopcion411 li a:hover {
               background: #4ab;
               color: #fff;
           }

 /* Estilos elemento5 del menu. */

   .menu2 :hover ul.elemento5 {
       left: 2px;
       top: 50px;
       background: #fff;
       padding: 3px 0;
       border: 1px solid #4ab;
       white-space: nowrap;
       width: 113px;
       height: auto;
   }
   .menu2 :hover ul.elemento5 li {
       display: block;
       height: 20px;
       position: relative;
       float: left;
       width: 110px;
   }
   .menu2 :hover ul.elemento5 li a {
       display: block;
       font-size: 12px;
       height: 20px;
       width: 107px;
       line-height: 20px;
       text-indent: 5px;
       color: #000;
       text-decoration: none;
       border: 3px solid #fff;
       border-width: 0 0 0 3px;
   }
   .menu2 :hover ul.elemento5 li a.fly {
       background: #fff url(../imagenes/arrow.gif) 100px 7px no-repeat;
   }
   .menu2 :hover ul.elemento5 li a:hover {
       background: #4ab;
       color: #fff;
   }
   .menu2 :hover ul.elemento5 li a.fly:hover {
       background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
       color: #fff;
   }
   .menu2 :hover ul.elemento5 li:hover > a.fly {
       background: #4ab url(../imagenes/arrow_over.gif) 100px 7px no-repeat;
       color: #fff;
   } 

     /* Estilos opcion 1 de elemento5 del menu. */

       .menu2 :hover ul.elemento5 :hover ul.opcion51 {
           left: 110px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 148px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento5 :hover ul.opcion51 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 145px;
       }
       .menu2 :hover ul.elemento5 :hover ul.opcion51 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 142px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento5 :hover ul.opcion51 li a:hover {
           background: #4ab;
           color: #fff;
       }

 /* Estilos elemento6 del menu. */

   .menu2 :hover ul.elemento6 {
       left: 2px;
       top: 50px;
       background: #fff;
       padding: 3px 0;
       border: 1px solid #4ab;
       white-space: nowrap;
       width: 126px;
       height: auto;
   }
   .menu2 :hover ul.elemento6 li {
       display: block;
       height: 20px;
       position: relative;
       float: left;
       width: 123px;
   }
   .menu2 :hover ul.elemento6 li a {
       display: block;
       font-size: 12px;
       height: 20px;
       width: 120px;
       line-height: 20px;
       text-indent: 5px;
       color: #000;
       text-decoration: none;
       border: 3px solid #fff;
       border-width: 0 0 0 3px;
   }
   .menu2 :hover ul.elemento6 li a.fly {
       background: #fff url(../imagenes/arrow.gif) 113px 7px no-repeat;
   }
   .menu2 :hover ul.elemento6 li a:hover {
       background: #4ab;
       color: #fff;
   }
   .menu2 :hover ul.elemento6 li a.fly:hover {
       background: #4ab url(../imagenes/arrow_over.gif) 113px 7px no-repeat;
       color: #fff;
   }
   .menu2 :hover ul.elemento6 li:hover > a.fly {
       background: #4ab url(../imagenes/arrow_over.gif) 113px 7px no-repeat;
       color: #fff;
   } 

     /* Estilos opcion 1 de elemento6 del menu. */

       .menu2 :hover ul.elemento6 :hover ul.opcion61 {
           left: 123px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 93px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento6 :hover ul.opcion61 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 90px;
       }
       .menu2 :hover ul.elemento6 :hover ul.opcion61 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 87px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento6 :hover ul.opcion61 li a.fly {
           background: #fff url(../imagenes/arrow.gif) 80px 7px no-repeat;
       }
       .menu2 :hover ul.elemento6 :hover ul.opcion61 li a:hover {
           background: #4ab;
           color: #fff;
       }
       .menu2 :hover ul.elemento6 :hover ul.opcion61 li a.fly:hover {
           background: #4ab url(../imagenes/arrow_over.gif) 80px 7px no-repeat;
           color: #fff;
       }
       .menu2 :hover ul.elemento6 :hover ul.opcion61 li:hover > a.fly {
           background: #4ab url(../imagenes/arrow_over.gif) 80px 7px no-repeat;
           color: #fff;
       } 

         /* Estilos de subopcion 1 de opcion 1 de elemento6 del menu. */

           .menu2 :hover ul.elemento6 :hover ul.opcion61 :hover ul.subopcion611 {
               left: 90px;
               top: -4px;
               background: #fff;
               padding: 3px 0;
               border: 1px solid #4ab;
               white-space: nowrap;
               width: 103px;
               z-index: 200;
               height: auto;
           }
           .menu2 :hover ul.elemento6 :hover ul.opcion61 :hover ul.subopcion611 li {
               display: block;
               height: 20px;
               position: relative;
               float: left;
               width: 100px;
           }
           .menu2 :hover ul.elemento6 :hover ul.opcion61 :hover ul.subopcion611 li a {
               display: block;
               font-size: 12px;
               height: 20px;
               width: 97px;
               line-height: 20px;
               text-indent: 5px;
               color: #000;
               text-decoration: none;
               border: 3px solid #fff;
               border-width: 0 0 0 3px;
           }
           .menu2 :hover ul.elemento6 :hover ul.opcion61 :hover ul.subopcion611 li a:hover {
               background: #4ab;
               color: #fff;
           }

 /* Estilos elemento7 del menu. */

   .menu2 :hover ul.elemento7 {
       left: 2px;
       top: 50px;
       background: #fff;
       padding: 3px 0;
       border: 1px solid #4ab;
       white-space: nowrap;
       width: 136px;
       height: auto;
   }
   .menu2 :hover ul.elemento7 li {
       display: block;
       height: 20px;
       position: relative;
       float: left;
       width: 133px;
   }
   .menu2 :hover ul.elemento7 li a {
       display: block;
       font-size: 12px;
       height: 20px;
       width: 130px;
       line-height: 20px;
       text-indent: 5px;
       color: #000;
       text-decoration: none;
       border: 3px solid #fff;
       border-width: 0 0 0 3px;
   }
   .menu2 :hover ul.elemento7 li a.fly {
       background: #fff url(../imagenes/arrow.gif) 123px 7px no-repeat;
   }
   .menu2 :hover ul.elemento7 li a:hover {
       background: #4ab;
       color: #fff;
   }
   .menu2 :hover ul.elemento7 li a.fly:hover {
       background: #4ab url(../imagenes/arrow_over.gif) 123px 7px no-repeat;
       color: #fff;
   }
   .menu2 :hover ul.elemento7 li:hover > a.fly {
       background: #4ab url(../imagenes/arrow_over.gif) 123px 7px no-repeat;
       color: #fff;
   } 

     /* Estilos opcion 1 de elemento7 del menu. */

       .menu2 :hover ul.elemento7 :hover ul.opcion71 {
           left: 133px;
           top: -4px;
           background: #fff;
           padding: 3px 0;
           border: 1px solid #4ab;
           white-space: nowrap;
           width: 103px;
           z-index: 200;
           height: auto;
       }
       .menu2 :hover ul.elemento7 :hover ul.opcion71 li {
           display: block;
           height: 20px;
           position: relative;
           float: left;
           width: 100px;
       }
       .menu2 :hover ul.elemento7 :hover ul.opcion71 li a {
           display: block;
           font-size: 12px;
           height: 20px;
           width: 97px;
           line-height: 20px;
           text-indent: 5px;
           color: #000;
           text-decoration: none;
           border: 3px solid #fff;
           border-width: 0 0 0 3px;
       }
       .menu2 :hover ul.elemento7 :hover ul.opcion71 li a:hover {
           background: #4ab;
           color: #fff;
       }

 /* Estilos elemento8 del menu. */

   .menu2 :hover ul.elemento8 {
       left: 2px;
       top: 50px;
       background: #fff;
       padding: 3px 0;
       border: 1px solid #4ab;
       white-space: nowrap;
       width: 165px;
       height: auto;
   }
   .menu2 :hover ul.elemento8 li {
       display: block;
       height: 20px;
       position: relative;
       float: left;
       width: 162px;
   }
   .menu2 :hover ul.elemento8 li a {
       display: block;
       font-size: 12px;
       height: 20px;
       width: 159px;
       line-height: 20px;
       text-indent: 5px;
       color: #000;
       text-decoration: none;
       border: 3px solid #fff;
       border-width: 0 0 0 3px;
   }
   .menu2 :hover ul.elemento8 li a:hover {
       background: #4ab;
       color: #fff;
   }