/*!
 * foot1
 * Custom CSS
 * @author farodelsur
 * modelo 03
 */


/* FOOT1 ========================================== */
#foot1      { }
   #foot1 p { line-height: 110%; }

   #foot1 a       { color: rgba(255, 254, 254, 0.61); text-decoration: none; background-color: #494949; } /* ##f321 */
   #foot1 a:hover,
   #foot1 a:focus { color: #feed01; }   /* text-decoration: underline; */

/* -------------------------------------------------------
            Bootstrap Overrides for "exp nav"
   ------------------------------------------------------- */
   #foot1 .nav    {  padding-left: 0px; /* margin-top: 20px; */ /* margin-bottom: 20px; */ list-style: none; }
   #foot1 .navbar { margin-bottom: 0px; }
   #foot1 .inter  { margin-top:    10px; }
     

   #foot1 .nav > li > a        { color: rgba(255, 254, 254, 0.61); position: relative; display: block; padding: 10px 10px; /* background-color: #c0c0c0; */ }
   #foot1 .nav > li > a:hover,
   #foot1 .nav > li > a:focus { font-weight: bold; color: #E1E0E0; }
   #foot1 .nav > li.active > a { font-weight: bold; color: rgba(225, 224, 224, 0.84); /* background-color: #c0c0c0; */ }  /* activo en menu inferior */

/* con este codigo hago que los menues aparezcan automaticamente */
/*   
   ul.nav li.dropdown:hover > ul.dropdown-menu {
       display: block;    
   }
*/
   #foot1 ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu.exp {
      display: block;
      background-color: #666667;    
      padding: 0 0;
      box-shadow: none;
      border: none;
      position: relative;
      min-width: 0px;
      text-transform: lowercase;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333333; 
      white-space: nowrap;
      margin: 0 -6px 0 -5px;
   }

   #foot1 ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu.exp > li a, 
   #foot1 ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu.exp > li a:hover, 
   #foot1 ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu.exp > li a:focus 
    { padding: 0px 14px; background-color: #666667; }   

   #foot1 ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu.exp > li.active > a
    { color: #fff; font-weight: bold; background-color: #666667; }   


   /* modifica el background del submenu 2do nivel */
   #foot1 .dropdown-menu > .active > a,
   #foot1 .dropdown-menu > .active > a:hover,
   #foot1 .dropdown-menu > .active > a:focus,
   #foot1 .dropdown-menu > li > a,
   #foot1 .dropdown-menu > li > a:hover,
   #foot1 .dropdown-menu > li > a:focus {
     color: #494949;
     background-image: -webkit-linear-gradient(top, #c0c0c0 0%, #c0c0c0 100%);
     background-image: linear-gradient(to bottom, #c0c0c0 0%, #c0c0c0 100%);
     background-repeat: repeat-x;
     background-color: #c0c0c0;  
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0c0c0', endColorstr='#ffc0c0c0', GradientType=0);
   }

   #foot1 .panel         {  margin-bottom: 0px;  }
   #foot1 .panel-body    {  padding: 1px; }
   #foot1 .panel-primary {  background-color: #494949; color: rgba(255, 254, 254, 0.61); }

   #foot1 hr { margin-top: 3%; margin-bottom: 0%; border: 0; border-top: 1px solid rgba(248, 255, 156, 0.53); }   





/* MEDIA QUERIES ================================================== ##f312 */
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
   /* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
   /* Styles */
}
 
/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 479px) {
   /* Styles */
}

/* Extra Small Devices, .visible-xs-* */
@media (min-width: 480px) and (max-width: 767px) {
   /* Styles */
}

/* Small Devices, .visible-SM-* */
@media (min-width: 768px) and (max-width: 991px) {
   #foot1 ul.nav li.dropdown > ul.dropdown-menu.exp { display: none;} /* oculta menu explicito en small devices */
}

/* Medium Devices, .visible-MD-* */
@media (min-width: 992px) and (max-width: 1199px) {
   #foot1 ul.nav li.dropdown > ul.dropdown-menu.exp { display: block;}   /* Muestra menu explicito en medium devices */
}

/* Large Devices, .visible-LG-* */
@media (min-width: 1200px) {
   /* Styles */
}


/* Non mobile devices put in different order */