/* ================================
    Autor: LUIS ALBERTO PAÑOS
   ================================ */ 
   
/*----------------------------------------------------------------------------------------------
## navegación global del portal
----------------------------------------------------------------------------------------------*/
/***** 1ª Linea *****/  
ul#navigation { clear:both; margin:5px 0px; padding:0px; width:100%;
    /*style:*/ font-size:14px; height:40px; overflow:hidden; text-transform:uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px -1px 5px #a60000, 0px 1px 2px #aaa; -moz-box-shadow: inset 0px -1px 5px #a60000, 0px 1px 2px #aaa; box-shadow: inset 0px -1px 5px #a60000, 0px 1px 2px #aaa; 
    }                
*+html ul#navigation { zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#aaaaaa, Strength=4, Direction=180); }/*hack IE7 & Vista Compatibilidad */
@media \0screen { ul#navigation { zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#aaaaaa, Strength=4, Direction=180);  } }/* hack IE8 */ 

ul#navigation li { width:225px; height:40px; line-height:40px; padding:0px; margin:0px; float:left; list-style:none; list-style-position:outside; text-align:center; 
    /*style:*/ border-left:1px solid #a60000;
                background: #f60000 none; /* for non-css3 browsers */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f60000', endColorstr='#a60000'); /* for IE */
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #f60000),color-stop(50%, #c60000),color-stop(51%, #a60000),color-stop(100%, #d20000)); /* for webkit browsers */
                background: -moz-linear-gradient(-90deg,  #f60000 0%,  #c60000 50%, #a60000 51%, #d20000 100%); /* for firefox 3.6+ */ 
                background: -o-linear-gradient(-90deg, #f60000 0%,  #c60000 50%, #a60000 51%, #d20000 100%); /* Opera */
                }

ul#navigation li a { display:block; text-decoration:none;  margin:0px; padding:0px; 
    /*style:*/ color:#fff; text-shadow: 0px 1px 0px #000; 
    }
ul#navigation li.index-0 { border-left:0px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
ul#navigation li.index-4 { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
ul#navigation li.index-4 { width:87px; }
ul#navigation li.index-4 a{ background: Transparent url(../../../Imagenes/Estructura/CabeceraPortal/lupa.png) no-repeat center center; }
                                
/***** Eventos ratón *****/
ul#navigation li:hover { color:#fff; text-shadow: 0px 1px 0px #000;
                background: #b00000 none; /* for non-css3 browsers */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b00000', endColorstr='#7a0000'); /* for IE */
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #b00000),color-stop(50%, #900000),color-stop(51%, #7a0000),color-stop(100%, #9a0000)); /* for webkit browsers */
                background: -moz-linear-gradient(-90deg,  #b00000 0%,  #900000 50%, #7a0000 51%, #9a0000 100%); /* for firefox 3.6+ */ 
                background: -o-linear-gradient(-90deg, #b00000 0%,  #900000 50%, #7a0000 51%, #9a0000 100%); /* Opera */
                }
ul#navigation li.nodo-active { color:#fff; text-shadow: 0px 1px 0px #000;            
                background: #b00000 none; /* for non-css3 browsers */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b00000', endColorstr='#7a0000'); /* for IE */
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #b00000),color-stop(50%, #900000),color-stop(51%, #7a0000),color-stop(100%, #9a0000)); /* for webkit browsers */
                background: -moz-linear-gradient(-90deg,  #b00000 0%,  #900000 50%, #7a0000 51%, #9a0000 100%); /* for firefox 3.6+ */ 
                background: -o-linear-gradient(-90deg, #b00000 0%,  #900000 50%, #7a0000 51%, #9a0000 100%); /* Opera */
                } /* dinamica */ 



/***** Subnavegacion *****/    
#sub-navigation { padding:0px; margin:0px; 
    /*style:*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#707070;  
    }  
#sub-navigation ul { display:none; width:100%; height:80px; margin:0px; padding:0px; overflow:hidden; 
    /*style:*/ font-size:14px; 
    }
#sub-navigation ul li { list-style:none; list-style-position:outside; float:left; 
    /*style:*/ width:496px; height:40px; line-height:40px; margin:0px; margin-bottom:5px; padding:0px; text-align:center; text-shadow: 1px 1px 0px #000; 
    }
#sub-navigation ul li a { display:block; width:95%; margin:0px auto; 
    /*style:*/ color:#fff; border:1px solid #444; 
               -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px;   
               -webkit-box-shadow: inset 2px 2px 6px -1px rgba(0,0,0,.2), inset -2px -2px 6px -1px rgba(0,0,0,.2);
               -moz-box-shadow: inset 2px 2px 6px -1px rgba(0,0,0,.2), inset -2px -2px 6px -1px rgba(0,0,0,.2);
               box-shadow: inset 2px 2px 6px -1px rgba(0,0,0,.2), inset -2px -2px 6px -1px rgba(0,0,0,.2);
    }
#sub-navigation ul li a:hover { background-color:#777;
                                -webkit-box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,.4), inset -2px -2px 10px 0px rgba(0,0,0,.4);
                                -moz-box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,.4), inset -2px -2px 10px 0px rgba(0,0,0,.4);
                                box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,.4), inset -2px -2px 10px 0px rgba(0,0,0,.4);
                                }
#sub-navigation ul li.cerrar { float:none !important; width:100% !important; height:auto !important; line-height:normal !important; 
                               margin:0px !important; margin-bottom:5px !important; padding:0px !important; border:0px !important; 
                               }
#sub-navigation ul li.cerrar span { cursor:default; display:block; text-align:center; margin:2px 2px 0px auto; padding:0px; font-size:12px; width:20px; height:20px; line-height:16px; 
    /*style:*/ text-shadow: 1px 1px 0px #000;
               background: #333 none; border:1px solid #330000; color:#fff;
               -webkit-border-radius:0px 5px; -khtml-border-radius:0px 5px; -moz-border-radius:0px 5px; border-radius:0px 5px; 
    }
#sub-navigation ul li.cerrar span:hover  { background: #333 none; color:#ffcc00; }
#sub-navigation ul li.separadorList { float: none; clear: both; width: 100%; padding: 0px; margin: 0px; color: #ffcc00; } 


#sub-navigation ul#sub-ffaa { height:265px; }
#sub-navigation ul#sub-ffaa li { width:248px; }
#sub-navigation ul#sub-buscar li.form-search {float:none; width:auto; height:auto; line-height:normal; margin:0px; text-align:left; }